タグ編集手順はページの一番下です

2007年06月01日

サイドバー

今回は、サイドバーについて
サイドバーにブログパーツなど貼り付けた時
左端になってませんか?
また、文字が大きくて〜って小さくしたいけど
そんな方へ

左端でもいいexclamation文字が大きくてもいいexclamation
そんな方はご遠慮下さい。わーい(嬉しい顔)

サイドバーにブログパーツなど貼り付ける場合
「コンテンツの追加」から「自由形式」を使用しますが
普通に入力してもタイトルは表示されません
タイトル?って・・・
このサイトの場合だと左サイドバー
ラーメン大好きわーい(嬉しい顔)」になります
タイトルを設定するには
<div class="sidetitle">ここにタイトル</div>

■ブログパーツを真ん中にするには
<DIV class="side" >
<DIV align="center">

ここにブログパーツのコードやJavaScriptや画像
</DIV></DIV>
■文字を最適化するには
同じように<div class="side">ここに文字</div>

サイドバーに文字を入れる時は下
<div class="side"></div>
このタグを入れれば文字が統一するって事ですね
さてさてこの「アセラのブログをオリジナルに。。。」
ですが、私が思いつきで?アップしてます。
今後はどうするかな〜
'07/6/2現在のテンプレートは「セレブ犬ピンク」(両サイドバー)使用
これに、ブログ全体と記事の幅を変更して、記事部分
の背景に色付けと、ちょこっと画像を透過処理を
して使用してます。
記事部分に色付けだけでも少し変わるでしょ?
そうそう、セレブ犬ピンクはマウスがリンク部分の上に
来た時、背景と同色で文字が消える?状態になるので
それも「白色」に変更しました
なので、今後はやっぱり思いつきでアップかな(爆)

ニックネーム kenny at 22:06| Comment(4) | TrackBack(0) | タグ | このブログの読者になる | 更新情報をチェックする
この記事へのコメント
先生〜質問ですわーい(嬉しい顔)私、サイドバーをいじる時に他のコンテンツを使ってます。(自由形式はフッタだけだったと思います)何か問題ありでしょうか?(今の所問題ないように見えますが)
あと、私のパソコンからはどのブログもコメントと続きを読むをクリックするとその後、右サイドバーが記事欄の下に表示されますたらーっ(汗)これはやっぱりブラウザのせいでしょうか?(IE6使ってます)
質問ばかりでゴメンナサイあせあせ(飛び散る汗)
Posted by ロビン at 2007年06月08日 22:42
どうも〜
サイドバー今の所問題ないのであれば
そのままでいいのでは?

>私のパソコンからはどのブログもコメントと続きを読むをクリックするとその後、右サイドバーが記事欄の下に表示されます

との事ですが。。。IE6でもちゃんと3カラムで表示されてますが。。。
気になるのであればブログ全体・サイドバー・
記事の幅を広げてみてはどうですか?
Posted by kenny at 2007年06月08日 23:03
はじめまして〜
いろいろとお勉強させていただきました。
これからもどうぞよろしくお願い致します。

私もkennyさんちみたいにまずはバナーに力を入れたいと思っていますが
なかなかどうもにっちもさっちも行かず・・バッド(下向き矢印)

硬い頭ですが頑張ります〜手(グー)
Posted by えこりん♪ at 2007年06月22日 15:14
るんるんえこりん♪さんアリガト
はじめまして〜
レスがぁ〜かなり遅くなりましたm(__)m
ブログ拝見させてもらいました。
読み逃げダッシュ(走り出すさま)すいません。
とっても綺麗なカメラですね。

このブログで勉強になりましたか?
カキコしている本人も実はそんなに詳しく
ありませ〜ん(笑)
また、気ままにアップしていきますので
こちらこそヨロシクお願いします。
Posted by kenny at 2007年07月07日 19:28
この記事へのトラックバックURL
http://a-thera.com/tb/865934
※言及リンクのないトラックバックは受信されません。

この記事へのトラックバック
作業手順
マイブログ右デザイン右スタイルシート下
サンプルクリックで拡大

スタイルシートを選ぶと、現在使用している
テンプレートの
タイトルが表示されます。下
サンプル1

次に変更したいタイトル名をクリックします。
例として「Still life」を選びました。
サンプル2

上このようにタグが出てきますので
これを全て削除します。下
サンプル3

削除後、Still lifeの記事にあるタグをコピーします
マウスを乗せるだけでコピー可能です。
右クリックでコピー。
サンプル4
先ほど削除したテンプレートに貼り付けます。
貼り付け後、記事内容のように
http://*****.a-thera.jp/*****/*****.jpgのところを
アップされた画像のURLに変更後保存です。
サンプル5