サイドバーのリンク画像の枠を取る

調子に乗ってサイドバーに自分のホームページのリンクを作っちゃいました。
が・・・
ココログのサイドバーに画像のリンクを入れると
なぜだか必ず枠が付いてしまう。どうして?
って困り果ててると解決されている方がいらっしゃいました。
野宿は楽し雨も良しさんの
サイドバー内のリンク画像回りの枠を消すおまじない
このおまじない!
ききました!
グワンチェさん
ありがとうございましたm(_ _)m


タイトルを画像にするとタイトル文字が保護色にならない場合

「写欲ないっとき」ってタイトルが
「写欲 ないっとき」とかって読めてしまい
「てっきりそう言う広島弁かと・・・」なんて
「写欲 な いっとき」ってわかりにくいぞ~。
だから何とかタイトルに画像がつかいたかったんす。
ココログはどうもタイトルに画像が使えない様なので
みなさんはタイトル部の背景画像にタイトルを書いてるらしいです。
ただココログのタイトルを背景画像に
書いちゃったりすると本物文字タイトルがかぶちゃったりするから
背景色と色を合わせて保護色タイトルを書いたりするらしい。
ってお話みたいなんですが
ここのページのように写真画像がバックの場合・・・背景と同色に出来ない。
困って背景にタイトル文字を書き足してそのタイトルとかぶせました
今までのタイトルの文字の大きさでははみ出しちゃいますので
   スタイルシート少し変更
  #banner h1 {
        font-size: 0pt;
        }
 としちゃいました。それでもIEでは小さな文字が残って見えるので
 その位置に合わせ背景画像にタイトルを書いちゃいました。(爆)
 コレってスパムになるのかも・・・
でも・・・
このままじゃIE6ではOKだったんだけどFirefoxで見てみると
タイトル文字が小さくなった分サブタイトルが上に上がってしまい
背景画像のタイトルにかぶっちゃいました・・・(爆)
苦肉の策でサブタイトル短くして右に寄せちゃいました・・・
(こんなんで本当にいいものか・・・)


サイドバー折り畳み機能

KOROPPYの本棚さんのところでサイドバーの折りたたみ機能が付いているのを目の当たりにして文章をを辿り
fact-diversさんのこのページ参考にしてやってみました。
サイドバーを折りたたみ出来るようにしてみました。
すんごいことが出来る人がいるもんだなぁと感心です。
他力本願で大変申し訳ないのですが
便利に使わせて頂きます。
本当にありがとうございます。
少し整理が付いた気がしますがどないでしょう?
・・・あれblogpepleが折り畳み出来ない・・・
・・・・まあとりあえず
——-2005.3.9 修正———
factさんアドバイスありがとうございます
無事BlogPepleもたためました~
一応設定結果のせときます~
サイドバー折り畳み設定覚え書き

>factさんの原本から書き換えた場所

<script
type="text/javascript" src="wp-content/uploads/back_img/files/myFunctions01a.js">
</script>
<script type="text/javascript" src="wp-content/uploads/back_img/files/foldSidebar02c.js">
</script>
<script type="text/javascript">
<!–
foldMark = "-";
foldTitle = "close";
unfoldMark = "+";
unfoldTitle = "open";
switchStyle = "float:right;padding:0px;margin:0px;width:1.0em;height:1.0em;line-height:0.5em;text-align:center;border:outset
1px #ff9900;";
labelStyle = "letter-spacing:0.1em;";
counterPrefix = "(";
counterPostfix = ")";
counterStyle = "letter-spacing:normal;color:silver;";
foldBroadly = true;
//
pattern = "最近の記事|最近のコメント|最近のトラックバック|バックナンバー|カテゴリ|更新|素敵なブログへの道|写真blog探しへ|ココフラッシュ|更新順ココログ一覧|ろくろーのページ";
makeSwitchesBy(pattern);
//
pattern = "最近の記事|最近のコメント|最近のトラックバック|バックナンバー|カテゴリ|更新|素敵なブログへの道|写真blog探しへ|ココフラッシュ|更新順ココログ一覧|ろくろーのページ";
foldContentsBy(pattern);
//
pattern = "最近の記事|最近のコメント|最近のトラックバック|バックナンバー|カテゴリ|更新|素敵なブログへの道|写真blog探しへ|ココフラッシュ|更新順ココログ一覧|ろくろーのページ";
countItemsBy(pattern);
//–>
</script>


ブログランキングって・・・

ブログランキングってのに参加させてもらってるんですが
上位に載る方々達のブログには「クリックで投票よろしく」
なんて記事毎に書いていたりしますよね。
あれってクリックするとブログランキングに投票出来るんです。
というか・・・クリックされないと全然ランキングに影響しないんです。
僕は読ませて頂いたブログはクリックさせてもらう様にしてるんです。
だってきっと一生懸命書かれてらっしゃる方々ばかりだし。
ただ、ここについては今まで「宣伝みたいで・・・」と思ってはいたんです。
でも、どうせ見てもらえるんだらいろんな人に見てもらいたいな。
なんて少しポジティブに考えちゃいました。
で・・・こんなの作ってみました。どうでしょう?
これからもよろしくです~。
写欲ないっとき:BlogRankingに投票


続ブログリスト更新順に並べ替え

しのぶさんと社会保険労務士いしいさんに早速コメント頂きありがとうございます~(^^)/~~~
で!話中のBlogPepleの方にも浮気してみました(爆)何となくこっちの方が良い感じ。カテゴリ分けも出来るので見た人がクリックしやすいかな・・・と思います。ありがとうございました。
BlogPepleに移行決定!
・・・と入れてみたけど本当にこれ更新順に並んでる・・・リンクの表示順で最新にチェックしてるんだけどな・・・?更新されたブログに新マークが付いてないような・・・うーんちょっとMyblogListと併用でほっといてみます(爆)


ブログリスト更新順に並べる方法

しのぶさんのブログのMyBlogListにはなぜかNEW!とか書いてあって更新順に並べてるって書いてあります。
・・・どうやるんだ・・・
ココログのマイリストの設定を隈無く見てもそんな項目ありゃしません(苦)
それもそのはず、しのぶさんのリストの下に小さくリンク発見。Myblog japanのMyblogListってサービスを見つける。なーるほど。
ここで登録しちゃえばコードを生成してくれる。ココログの設定方法ってちゃんとリンクがある。できたじゃん!
※僕のPCではファイヤーウォールを無効にしないとMyblogListのココログ設定画面が開きませんでした。
しのぶさんのブログ SHINOblog
恐竜なデザインでいろんな事にガォーいってるしのぶさんのブログです。
ここのデザインもしのぶさんに教えてもらいました。


徳永修子さんすげー。

とっても衝撃的なブログを見つけた。すんげービシバシッと日常を写真と言葉でつづっているのだけど、「魅」せられてしまいました。元少女漫画家の女性の方なのですが、なんか伝わってくるんです写真からも言葉からも。ぶちぶち(広島弁)伝わってくるんです。ホームページの方にもギャラリーがあるんじゃけど、こっちもっとスゲー。説明できない自分が情けない。でも、むちゃくちゃ影響受けちゃいそうです。


「With Caplio GX」ってブログ発見

僕の使っているRicoh caplio GXと同じ物を使ってこんな写真もとれるんだ・・・なんて見てるだけで自分の腕の無さ痛感!なブログ(説明になってませんね)。そうタイトル通りcaplio GXでのすばらしい写真のならぶブログです。夜景の撮り方とかスナップでも「綺麗」でかつ「雰囲気」が伝わってきます。いいなぁあんな写真が撮れたら。そんなプログはWith Caplio GX


しのぶさん本当にありがとうございます。

ブログのデザイン変更してみましたが、どうでしょう。改造には「スタイルシート」というやつを書き換えるんですが、僕はその意味どころか言葉すら全然解りませんでした(^_^A;;。これも全てココログブログのカスタマイズをレクチャーしている、しのぶさんの「SHINOblog」お陰です。はっきり言って綺麗にまとめてあり解りやすいです。背景画像が本文に食い込むテクニックなんかもお気に入りです。僕の背景食い込みの時は何故だか本文とタイトルの間にボーダーがどうしても出てしまい悩みあげた結果こうなりました。

#banner {
      border-bottom: 0px solid;
      font-family:’Trebuchet MS’, Verdana, sans-serif;
      color: #FFFFFF;
      background-color: #ff6600;
      text-align: left;
      padding: 50px;
      background-color: #FFFFFF;
      height: 100px;
      background-image: url(tlog_banner.jpg);
      background-repeat: no-repeat;
      background-position: left top;
      }

因みに変更前はこうでした。
custom_old.jpg