サイドバーのタイトルの設定を変える [/*-----Side-----*/]
【サイドバーのタイトルの設定を変える】 /*-----Side-----*/にある.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background:#c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; }この部分を追加・変更します。 <初期設定><背景を変える> サイドバーのタイトルの背景色を変えるには最近のコメント・
・
・
・
.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background: #c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; }赤字部分を変更してください #------部分にお好みの数字 または色名(色の場合は#不要)を指定ください (上記の例では、色名「lightgreen」を使用しています。) 6ケタの数字については記事「色の設定について」の 項目をご覧ください。<サイドバータイトルに背景画像を使用する>最近のコメント・
・
・
・
サイドバーに背景画像を使用するには最近のコメント・
・
・
・
.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background: #c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; }赤字部分を削除して この中で背景画像に使いたいアップロード済みの ファイルをクリックします。 するとbackground:url("/----------------") no-repeat;という記述になります。 背景にする画像は透明度の高いものを 使った方が、文字が見えにくくならず便利です。 また使用する画像によっては全体をカバーできませんので no-repeatをrepeatに変更してください。 【サイドバータイトルの文字の設定を変える】 <サイドバータイトルの文字を斜体にする>サイドバーの文字を斜体にするには最近のコメント・
・
・
・
.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background: #c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; font-style:italic; }赤字部分を追加してください。 <サイドバータイトルのフォントを変える>サイドバー全体のフォントを変えるには最近のコメント・
・
・
・
.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background: #c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; font-family:'変えたいフォント'; }赤字部分を追加してください。 上図ではフォント「メイリオ」を使用しています。 例.sidebar-title { ・ ・ ・ ・ font-family;"メイリオ"; }(コメント作成エリアにフォント「メイリオ」;を適用) フォント名が分からない時は エクセルやワードからコピーして下さい。 (全角空白とか紛らわしいものがあるので 手打ちはやめた方がいいです。) 見る側のパソコンにインストールされていない フォントは無視されますのでご注意ください。 <サイドバータイトル全体の文字の太さを変える>サイドバータイトルの文字の太さを変えるには最近のコメント・
・
・
・
.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background: #c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; font-weight:★; }ここに赤字部分を記述して下さい。 ★=100~900までの数(100単位) 上図では200に設定してあります。 400がnormal,700がbold 詳しくは記事「フォント1」をご覧ください。 <サイドバータイトルの文字の色を変える>サイドバータイトルの文字の色を変えるには最近のコメント・
・
・
・
.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background: #c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; }赤字部分を変更してください。 #------部分にお好みの数字 または色名(色の場合は#不要)を指定ください (上記の例では、色名「lightgreen」を使用しています。) 6ケタの数字については記事「色の設定について」の 項目をご覧ください。 【サイドバータイトルに枠線をつける】 <サイドバータイトルに枠線をつける>枠線をつけるにはuryyyyyyさんNice! 32
記事 40
テーマblog
プロフィール
・
・
・
・
・
最近のコメント・
・
・
・
.sidebar-title { margin:0; padding: 2px 6px 2px 30px; background: #c87a10 url("/_common/skins/509/images/sidebar_h3_bg.gif") no-repeat left top; color: #c87a10; font-size: x-small; font-weight:normal; border:枠線の種類 枠線の太さ 枠線の色; }赤字部分を追加してください。 上図の例は border:dashed 4px red;です。 枠線のタイプ・色・太さの間には 半角スペースが入ります。 詳しいボーダーの種類については 記事「ボーダー1」「ボーダー2」を ご覧ください。
2010-08-05 12:00
時よ止まれ(4)
コメント(1)
トラックバック(0)
そこにシビれる憧れるゥゥゥ!
by taka&sao (2010-09-15 00:39)