ブログタイトルの文字色を変更する方法
- ブログタイトルの文字色を変更する方法をわかりやすく解説します。
- FC2ブログで使用しているテンプレート「simple_002_fc2」のスタイルシートの一部を変更することで、タイトルの文字色を変更することができます。
- 具体的には、スタイルシートの「h1 a」の部分の「color」プロパティを変更することで、タイトルの文字色を指定することができます。
- ベストアンサー
ブログタイトルの文字色の変更方法
htmlやスタイルシートのこともわからず ブログを始めた初心者ですが質問させてください。 FC2ブログでタイトルの色を変更したいのですが、できませんでした。 使用しているテンプレート名は「simple_002_fc2」です。 スタイルシートの /*-----タイトル＆イントロダクション-----*/ #header_left { width:560px; float:left; } h1 { margin:10px; font-size:12px; line-height:100%; } h1 a {color:#000000;} h1 a:hover {color:#000000;} h1 a:visited {color:#000000;} #introduction { margin:0px 10px 10px 10px; font-size:80%; color:#000000; } この部分のどこを変更したら良いのか おわかりになりましたら教えていただけますでしょうか。 よろしくお願いいたします。
- tsubaki_mori
- お礼率64% (9/14)
- CSS
- 回答数1
- ありがとう数2
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは。 ＞ブログタイトルの文字色の変更 h1 a {color:#000000;} h1 a:hover {color:#000000;} h1 a:visited {color:#000000;} のカラーコードを変更します。 上記ではすべて同じ色（#000000＝黒）が設定されていますが、それぞれ別の色を指定することも可能です。 なお、それぞれの要素の意味は下記ページなど参考にしてください。 http://www.tagindex.com/stylesheet/basic/format5.html
関連するQ&A
- ブログのタイトル文字色について。
fc2でブログを始めました。 色々検討して、公式テンプレートの「life」というものを選択しました。 ただ、タイトルの背景画像だけ変更しようと思い、色々苦労した結果、変更できました。 しかし、タイトルの文字色が灰色のため、今のままではタイトルがひどく見づらいのです。 そこでタイトルの文字色を変更しようとしましたが、どうにもそれに該当する部分が分かりません。 以下にスタイルシートを貼りますので、どなたかご教授下さい。 body { font-family: Verdana ,sans-serif,Osaka; background: #eee; background-image: url(http://templates.blog.fc2.com/template/life/bacck6.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; font-size: 83%; line-height: 1.6; margin:0; color:#232323; } a:link { color:#bbb; text-decoration: none; } a:active { color: #999; text-decoration: none } a:visited { color: #777; text-decoration: none } a:hover { color: #d00; text-decoration: underline; } /* h1 を大きくとって、背景画像を見せてます。 */ /* 出来る人は div 要素なんか使って、テンプレ弄った方がいろいろいいかも */ h1 { background: #070; /* 背景を差し込む場合は高さ 150px ぐらい推奨 */ background-image: url(http://blog-imgs-59.fc2.com/n/a/m/namakedaruma/201304221809488f4.jpg); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; margin: 0; font-size: 150%; /* 文字の位置を変える場合、上下合わせて 6em 取るといいかも */ padding: 3em 3em; /* 位置を真ん中にしない場合は以下で文字位置設定 */ /* padding: 3em 0.7em 3em 0.7em; */ border-left: 1px solid #000; border-right: 1px solid #000; } h1 a:link { color: #fff; text-decoration: none; } /* h2 要素は現時点で、横向きカレンダーで被せてるんで擬似背景設定になってます */ h2 { background: #000; background-image: url(http://templates.blog.fc2.com/template/life/back2.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; margin: 0; padding: 0.5em; text-align: center; font-size: 100%; font-style: normal; border-left: 1px solid #000; border-right: 1px solid #000; color: #fff; border-top: 2px solid #000; border-bottom: 2px solid #000; } /* h2 要素に被る横カレンダー設定 */ .yokocal { position: absolute; left: 10%; top: 16em; border: 1px solid #000; background: #777; padding: 0.3em; text-align: center; margin: 0; font-size:75%; } /* 背景色透過で、h1 要素最下部に表示する場合や、横カレンダーを表示させない場合は、 以下の設定の方がしっくりきます。*/ /* 背景画像によって、文字色の変更 */ /* この場合は h2 要素が見えるようになります */ /* h2 要素の上下のパディング 0.5em が大きくて気になる場合は減らす */ /* 参考までに h2 要素の上下パディングを 0 にした場合、 以下で記述の right 属性の top のプロパティを 14.5em から 13.4em へ変更 */ /* .yokocal { position: absolute; left: 10%; top: 13em; padding: 0.3em; text-align: center; margin: 0; font-size:75%; } */ /* 横カレンダーの日付はリストを inline で横に並べてるので、不具合ある人もいるかも。*/ .yokocal li { color: #000; display: inline; margin: 0 0.1em; } .yokocal a{ font-weight: bold; } .yokocal a:link { color: #fff; text-decoration: underline; } .yokocal a:visited { color: #999; text-decoration: underline; } .yokocal a:hover { color: #f00; text-decoration: none; } /* レイアウト設定 */ /* レイアウト構成は left の中に right を左側に入れ込んでるという感じ。 そのために、left 属性では左に大きくパディングを取ってます。 ので、left でも実際は、右側に表示されることになります。*/ /* 記事表示部分 */ .left { margin: 0; margin-left:1px; padding: 0 0 0 18.7em; border: 1px solid #000; background: #fff; } /* メニュー部分 */ .right { background: #ffe; background-image: url(http://templates.blog.fc2.com/template/life/back3.gif); background-position: 0 0; background-attachment: scroll; background-repeat: repeat; width: 15.5em; border-right: 1px solid #000; border-left: 1px solid #000; border-bottom: 1px solid #000; position: absolute; padding: 1.7em 0.7em; top: 14.5em; left: 0; color: #232323; /* left 属性のボーダーを使うためその分の余白 */ margin-left: 1px; } .right p{ margin: 0.3em; font-size: 80%; } .right a:link { color:#333; text-decoration: none; } .right a:active { color: #999; text-decoration: none } .right a:visited { color: #666; text-decoration: none } .right a:hover { color: #d00; text-decoration: underline; } /* メニューの見出し*/ .right h3 { font-size: 80%; font-family: Verdana ,sans-serif,Osaka; font-weight: normal; color: #000; letter-spacing: 0.1em; margin: 1.7em 0 0 0; padding: 0.2em 0.2em 0.2em 0.7em; background: #ffd; bo
- ベストアンサー
- ブログ
- タイトル部分を画像だけにするには？
DTIブログを使っています。 タイトル部分が、背景画像の上にテキストのブログタイトルと紹介文があって、ブログタイトルがトップにリンクされているんですが、 それをカスタマイズでテキストのブログタイトルと紹介文を消し、背景画像をトップにリンクさせるにはどうすればいいでしょうか？ ヘッダー部分のHTMLは <div id="header"> <h1><a class="white_link" id="page_top" name="page_top" href="<%url>" title="<%blog_name>"><%blog_name></a></h1> <p id="introduction"><%introduction></p> </div> ヘッダー部分のスタイルシートは /*ヘッダー*/ #header {width:800px; height:160px; margin:0px 10px 5px 10px; background :url(http://12.dtiblog.com/1/11010510escape/********.jpg) no-repeat; /* ### 画像データ使用 ### */} h1 {position:relative; margin:0px; padding:28px 10px 10px 18px; font-size:30px; font-weight:bold; color:#ffffff; line-height:100%;} #introduction {margin:5px 10px 10px 30px; font-size:16px; text-align:left; font-weight:bolder; color:#ffffff; line-height:100%;} よろしくお願いします！<m(__)m>
- ベストアンサー
- ブログ
- blog CSSのタイトル色の変更指定について！！
このblog CSSのブログタイトルの色変更はどうすればいいですか？ .blogtitle の所で色指定してもダメでした？他に方法があるのですか？ livedoor Blog CSS FileName: ネコさん(20040819) Version: 2006.06.26 ----------------------------------------------------- */ #header{} #header td{ color:#FFF; font-size:12px; text-align:right; padding-right:10px; } #header a:link{color:#FFF;} #header a:visited{color:#FFF;} #header a:active{color:#FFF;} #header a:hover{color:#FFF;text-decoration:none;} body{ margin:0; padding:0; text-align:center; font-family: verdana ,arial ,sans-serif; background-color: #4d9d1c; /*background:#4d9d1c url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/bg.gif') repeat-y 50% 0;*/ } a{color:#666;text-decoration:underline;} a:link{color:#666;text-decoration:underline;} a:visited{text-decoration:underline;} a:active{} a:hover{color:#666;text-decoration:none;} #container{ width:833px; margin:0 auto; text-align:left; word-break:break-all; background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/header.gif') no-repeat; } #banner,#subbanner{ width:833px; height:185px; margin:0 auto 35px;; } #banner a{color:#fff;text-decoration:none;} #banner a:link{color:#fff;text-decoration:none;} #banner a:visited{text-decoration:none;} #banner a:active{} #banner a:hover{color:#fff;text-decoration:underline;} #subbanner a{color:#fff;text-decoration:underline;} #subbanner a:link{color:#fff;text-decoration:underline;} #subbanner a:visited{text-decoration:underline;} #subbanner a:active{} #subbanner a:hover{color:#fff;text-decoration:none;} h1,h2,h3{margin:0;padding:0;} .blogtitle{ font-size:20px; font-weight:bold; padding-top:85px; padding-right:70px; text-align:right; } .description{ color:#000; font-weight:bold; font-size:12px; padding-right:70px; text-align:right; } #categorytitlebody{} #categorytitle{ font-size:14px; font-weight:bold; text-align:center; padding:20px 10px 15px 10px; } #blogcontainer{width:755px;margin:0 auto auto 20px;background-color:#FFF;} #content{ width:564px; float:left; padding-left:10px; text-align:left; padding-bottom:50px; } #links{ width:170px; float:right; padding-bottom:50px; } .blog{} .date{ color:#4d9d1c; font-size:14px; font-weight:bold; text-align:left; margin-bottom:5px; } .title{ font-size:14px; font-weight:bold; text-align:left; background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%; padding-left:26px; } .blogbody{ line-height:130%; text-align:left; background-color:#f3f1e2; padding:10px 0px 0px 10px; } .main,.mainmore,.portal-links{ line-height:150%; font-size:12px; padding:18px 10px 30px 26px; } blockquote{ padding:5px; margin:5px; border:2px dotted #4d9d1c; } .pict{margin:5px;} .posted{ color:#000; font-size:11px; text-align:left; margin:0; padding:10px 15px 10px 26px; } a.posted{color:#000;text-decoration:underline;} a.posted:link{color:#000;text-decoration:underline;} a.posted:visited{text-decoration:underline;} a.posted:active{} a.posted:hover{color:#000;text-decoration:none;} .menu{ font-size:11px; text-align:right; padding:2px 15px 20px 26px; } .blogbodybottom{ margin-bottom:20px; } .comblogbodybottom{ margin-bottom:20px; } #contentcommentbottom{} .formbodybottom{} #articletop{} #articlebody{} #articlebottom{} .trackbackurlbody{ text-align:left; padding-left:10px; } .trackbackurlttl{ background:url('https://parts.blog.livedoor.jp/old_img_com/img/usr/20040819/nikukyu.gif') no-repeat 0 50%; font-size:12px; font-weight:bold; padding-left:26px; } .trackbackurl{ padding-top:10px; padding-bottom:20px; text-align:left; } .trackbackurl table{width:350px;margin:0 auto;} input.trackbackbox{width:300px;} .trackbackurlbottom{} a.posttitle:link{color:#000;text-decoration:underline;font-si
- 締切済み
- CSS
- <h2></h2>の中に、サイズの違う文字を・・
こんにちは。よろしくお願いします。 以下の様に、追加したいのですが、分かりません。 現在は、 <h2 class="uline">タイトル</h2> となっております。 <h2 class="uline">タイトル[date]</h2> とすると、[date]のフォントが大きすぎます。 この日時([date])をタイトルの"右端"にレイアウトして、 フォントサイズを12px(85%?)にしたいのですが、どうしたら良いでしょうか? <h2 class="uline">タイトル</h2>[date] とすると、[date]の前で、改行されてしまいます。 一行で、文字の大きさを変えたいのです。出来ませんでしょうか？ スタイルシートは、以下の様になっております。 よろしくご指導下さい。お願いします。 /* 初期化 */ h1,h2,h3,h4{font-size: 14px;font-weight: normal;} hr{display: none;} /*コンテンツ*/ #content { width: 650px; margin: 0; margin-bottom: 20px!important; text-align: left; float: left;} #content h2{ margin-top: 5px; color: #CCC; font-size: 143%; line-height: 150%; font-weight: bold; display: block; text-align: left;} /*その他属性*/ .line{clear: both;margin: 10px 0 20px 0;border-bottom: 1px solid #555;} .uline{border-bottom: 1px solid #555;}
- ベストアンサー
- CSS
- ブログで新しいウィンドウで開く設定するには？
ＦＣ２でブログをやっていて、新しいテンプレートを使ったのですが、前のテンプレートではトラックバックのタイトルをクリックすると新しいウィンドウでその記事が現れたのですが、今回のは同じウィンドウで表示されるようになりました。 便利さから考えて新しいウィンドウで表示させたいのですが、スタイルシート編集でどういう入力を行えば可能になるのでしょうか？ 一応ＴＢ欄のところを載せてみます。 /*トラックバックレイアウト*/ p#tb_url_h { color : #999; text-align : right; font-weight : normal; margin : 3em 15px 3em; } p#tb_url_h acronym{ font-size : 85%;} p#tb_url_h input#tburl { width : 345px; color : #666; font-size : 85%; background-color : #fff; border : solid 1px #ccc; padding : 0.1em 0.2em; } } /* トラックバックのタイトル */ p.trackback-header { font-size : 93%; margin : 1em 0; } /* トラックバック先の概要 */ p.trackback-excerpt { overflow : hidden;/* for Mac */ font-size : 93%; margin : 1em 0; }
- ベストアンサー
- ブログ
- ｆｃ2ブログのｈ1タグの表示位置の変更の仕方
どなたかｆｃ2ブログのｈ1タグの表示位置の変更の仕方を教えてください。 今、ｆｃ2ブログで共有テンプレートの「ナビゲーター4（レスポンシブル対応）」を使って、アフィリエイト用のブログを作っています。それで問題が発生して困っています。へッダー（縦400ｐｘ横1000ｐｘ）は自分で作ったものを使ったのですが、このテンプレートはそもそもヘッダーの真ん中の位置にｈ1タグ（タイトル）が表示される作りになっていて新しいヘッダー画像の文字と重なってしまうので、ｈ1の位置を変更しようといろいろ試みました（HTMLやCSSをいじり、ヘッダーの左端の一番上に変更しようとした）。 しかし、思った場所には変更できませんでした。たぶん、CSSの該当箇所をいじればできるとおもうのですが、どうすればいいかがわかりません。どなたかご指導していただけないでしょうか？ ※HTML、CSSの関係個所を書いておきます。情報が足りなければ、後で情報追加します。 〇HTMLの該当部分 <body> <!--ヘッダーここから--> <header id="l-header"> <div id="l-header-inner"> <img id="bgimg" src="http://blog-imgs-110.fc2.com/b/e/n/benpitaisakukyousitu/201708291447134cf.png" alt="橋" width="100%" height="100%" /> <div class="l-header-inner2"> <h1 class="blog_name"><a href="<%url>"><%blog_name></a></h1> <h2 class="blog_introduction"><%introduction></h2> </div> <nav class="menu"> <nav class="menu-inner"> <ul> <!--category--> <li><a href="<%category_link>" title="<%category_name>"><strong><%category_name></strong></a></li> <!--/category--> </ul> </nav> </nav> </div> 〇CSSの該当部分 responsive PC設定 ２カラム @media screen and (min-width:960px) { #l-header { position: relative; width:100%; } #l-header-inner { width: 100％; margin: -10px 0px 0; min-height:50px; padding: 0; overflow: hidden; background-color:; } .l-header-inner2 { position: absolute; width: 100%; top: 20%; left:0; } .all-box { width:960px; margin: 0 auto; } .blog_name { width:95%; margin-top: 20px; padding: 0px 0 0px 15px; font-size: 30px; line-height: 1.7em; color: white; text-align: center; background-color: ; } .blog_name a { color: white; } .blog_introduction { width:95%; margin-top: 0px; padding: 0px 0 10px 20px; font-size: 16px; color: white; text-align: center; background-color: ; }
- ベストアンサー
- CSS
- 背景色を変更した所、文字が背景色と被って見づらく
引き続き質問です。元からあった無料cssテンプレートは背景が黒く、 暗いイメージを持たれると困るとのことで白色の背景に変更しました。 すると、ホームページに記載されている文字が白色の為何が書いて あるか見えなくなってしまいました。 現在は全てのサイト上の文字に<font color="black">何でも</font> というタグを付けて応急措置を考えておりますが、元から文字の色を 全て黒色に指定することはできないものでしょうか。 HPは全くの素人で、どの部位を変更すると良いかご指南いただければ幸いです。 @charset "UTF-8"; /* --------------------- * FONTSIZE MODEL * * --------------------- * 63% -> 10pxに相当 * 70% -> 11pxに相当 * 75% -> 12pxに相当 * 82% -> 13pxに相当 * 88% -> 14pxに相当 * 94% -> 15pxに相当 * 100% -> 16pxに相当 * 107% -> 17pxに相当 * 113% -> 18pxに相当 * 119% -> 19pxに相当 * 125% -> 20pxに相当 * --------------------- */ /* ========BASIC======== */ html { overflow-y:scroll; } body { margin:0; padding:0; line-height:1.6; letter-spacing:1px; font-family:Verdana, Helvetica, sans-serif; font-size:13px; color:#fff; background:#FFF; } br { letter-spacing:normal; } a { color:#d1d1d1; text-decoration:none; } a:hover { color:#666; } img { border:0; vertical-align:bottom; } h1,h2,h3,h4,h5,h6 { margin:0; } /* ========TEMPLATE LAYOUT======== */ #top { width:780px; margin:0 auto; } #contents { float:left; width:780px; } #side { float:left; width:220px; background:#181818; padding:10px 0; } #main { float:right; width:540px; padding:10px 0; } #footer { width:540px; margin-left:240px; } /* ========SIDE CUSTOMIZE======== */ #side h1 { margin:0; font-size:24px; } #side h1 a { color:#fff; } #side h1 a:hover { color:#ddd; } #side div.section { margin:0 10px; } /* ========MENU CUSTOMIZE======== */ #menu ul { margin:0 auto; padding:10px 0; } #menu li { color:#333; text-align:center; list-style-type:none; } #menu li a { display:block; width:220px; color:#f1f1f1; line-height:60px; } #menu li a:hover { color:#f1f1f1; background:#2d2d2d url("../images/bg_menu.gif") 0 0 repeat; } /* ========MAIN CONTENTS CUSTOMIZE======== */ #main #pr p { margin:0; padding:5px 0; } #main #icatch { margin-bottom:10px; } #main a { color:#d1d1d1; } #main a:hover { color:#f1f1f1; text-decoration:underline; } #main h2 { margin-bottom:8px; padding:0 0 0 10px; font-size:15px; font-weight:bold; line-height:35px; border:1px solid #3e3e3e; background:#181818; } #main h3 { clear:both; margin:20px 0 8px 0; padding:0 0 0 5px; font-size:14px; border-left:5px solid #3e3e3e; } #main h4 { margin-bottom:2px; font-size:14px; border-bottom:2px solid #f1f1f1; } #main h5 { margin-bottom:2px; padding:2px 5px; font-size:13px; background:#3e3e3e; } #main h6 { margin-bottom:2px; font-size:13px; border-bottom:2px solid #3e3e3e; } #main p { margin:0 0 1em 0; } #main dt { margin-bottom:3px; } #main dd { padding:0; margin:0 0 0.5em 1em; padding:3px; color:#ddd; background:#181818; } /* INFORMATION CUSTOMIZE */ * html body #main dl.information dd div { display:inline-block; } #main dl.information dt { float:left; width:10em; margin:0; padding:0; color:#fff; } #main dl.information dd { margin:0 0 0.5em 10em; padding:0; color:#fff; background:transparent; } #main table { width:100%; border-collapse: collapse; } #main table th { padding:5px; font-size:12px; text-align:left; border:1px solid #ddd; background:#181818; } #main table td { padding:5px; font-size:12px; text-align:left; border:1px solid #ddd; } /* ========PAGETOP CUSTOMIZE========= */ #pageTop { padding:10px 0; text-align:right; font-size:11px; } #pageTop a{ padding:0 0 0 12px; background:url("../images/bg_pagetop.gif") 0 60% no-repeat; } /* ========FOOTMENU CUSTOMIZE======== */ #footMenu ul { margin:0; padding:10px 0 0 0; text-align:right; border-top:1px solid #b4b4b4; } #footMenu li { display:inline; margin:0 0 0 10px; list-style:none; } よろしくお願いします。
- ベストアンサー
- HTML
- seesaaブログ 両サイドバーに書き換えたい
seesaaブログで、楓 ヒーリングサウンド(右サイドバー)を両サイドバーに変更させたいと思います。 下記の過去記事を参考にし、スタイルシートをいじってみても、 プレビューを見ると全然左サイドパーが表示されずに困っています。 （私のやり方がまずいのだと思いますが） http://oshiete1.goo.ne.jp/qa1593295.html 上記の過去記事からは、下に記した二ヶ所を変更すれば良いとあったのでが、スタイルシートの知識も乏しいため、 具体的にこの二ヶ所をどのように変更すればいいのか解りません。 #links-left の中は#links の内容をそのままコピーだけではダメなのでしょうか？ 詳しい方教えてください。 【楓 ヒーリングサウンド(右サイドバー)のスタイルシート】 #content { margin:10px 0px 10px 0px; float:left; width:536px; } #links-left { } #links { font-weight:normal; float:left; width:202px; margin:10px 0px 10px 24px; text-align:left; font-size:12px; text-align:right; }
- ベストアンサー
- ブログ
- 幅を広げたいのに文字が隠れ（？）る
下記のように分かれているページがあります。 ┌───────┐ │へっだ │ ├─┬───┬─┤ │め│めいん│※│ │に│ │ │ │ゅ│ │ │ ├─┴───┴─┤ │ふった │ └───────┘ 『※』の部分に文字などもなく不自然にスペースができています。 『めいん』の幅以上の文字を入れると、文字が隠れてしまいます。 『※』の部分まで『めいん』を伸ばし、2カラムにしたいのですが、 他所の幅を変更するだけでは解決できず、質問をさせていただきました。 質問部分のコードは下記の通りです。 （ヘッダ・フッタ省略） 【HTML部分】 <!-- メインコンテンツ --> <div id="container"> <div id="contents"> ～省略～ </div> <!-- メインコンテンツ終わり --> <!-- メニュー --> <div id="menu"> ～省略～ </div> <!-- メニュー終わり --> </div> <!-- コンテンツ終わり --> 【CSS部分】 /*---------- コンテンツ ----------*/ #container { width: 1000px; overflow: visible; margin: 0px; padding: 6px; background-color: #ffffff; } /*---------- メインコンテンツ ----------*/ #contents { float: right; margin: 0; padding: 5px 10px 5px 0; font-size: 12px; line-height: 180%; width: 1000px; letter-spacing: 1px; } #contents #pannavi { margin: 0; padding: 0 0 5px 0; font-size: 12px; } #contents h2 { height: 27px; margin: 0 0 4px 0; padding: 8px 0 0 20px; font-size: 12px; color: #333333; background-image: url(img/titlebar.gif); background-repeat: no-repeat; } #contents h3 { margin: 12px 5px 10px 6px; padding: 8px 10px 5px 13px; line-height: 110%; font-size: 13px; color: #444444; border-left: solid 5px #aaaaaa; background-color: #eeeeee; } #contents h19 { margin: 12px 5px 10px 6px; padding: 8px 10px 5px 13px; line-height: 110%; font-size: 13px; color: #444444; border-left: solid 5px #eeeeee; background-color: #eeeeee; } h4,h5 { font-size:18px; font-weight:bold; color:#7e603b; } h7 { font-size:10px; font-weight:lighter; color:#7e603b; } h8 { font-size:13px; font-weight:bold; color:#7e603b; } h9 { font-size:13px; font-weight:bold; color:#cccccc; } h10 { font-size:13px; font-weight:bold; color:#000000; } h11 { font-size:18px; color:#000000; } #contents p { margin: 3px 0 3px 0; padding: 0 5px 0 5px; line-height: 180%; font-size: 12px; } #contents a { color: #c9171e; font-size: 12px; } #contents a:hover { color: #e83929; font-size: 12px; } #contents img.head_photo { margin: 0 0 10px 50px; } #contents img.photo { float: left; margin: 10px 20px 0 0; } #contents img.picture { margin: 0 10px 10px 0; float: left; } #contents p.photo { margin: 0 0 20px 0; padding: 0; } table#t01 { border: solid 1px #999999; border-collapse: collapse; } td#t01 { border: solid 1px #999999; border-collapse: collapse; } td#head { padding: 7px 6px 5px 10px; border: solid 1px #999999; border-collapse: collapse; } table.table_line { border-collapse: collapse; margin : 10px 0 0 0; } td.table_line { border-collapse: collapse; padding : 9px 14px 7px 14px; border-bottom: solid 2px #fffffc; } どうか、ご教授お願いいたします。
- ベストアンサー
- CSS
- ブログのTOP画像表示方法（悩んでます）
どこをどう変えればTOPに画像をつけるコトが出来るのでしょうか？？ ホントに悩んでます。 検索してもよくわからなくて・・・ body { font-family: Arial, Helvetica, sans-serif; background-color:#ffffff; background-image:url(http://269g.jp/img/bg/nail_style_1/bg.gif); background-repeat:repeat-y; margin:0px; padding:0px; text-align:center; } #container{ text-align:right; margin:0px auto 0px auto; width:906px; height:596px; background-image:url(http://269g.jp/img/bg/nail_style_1/top.jpg); background-repeat:no-repeat; background-position:center top; background-color:#ffffff; } h1 { text-align:left; margin:0px 0px 0px 0px; padding-top:225px; font-weight:bolder; font-family:sans-serif; font-size:19px; } h1 a{ color:#58B29A; text-decoration: none; font-family:sans-serif; font-weight:bolder; } h2 { padding: 0px; font-weight:bold; font-size:14px; text-align:left; font-family:arial, Helvetica; } h3 { padding: 5px 0px 10px 3px; font-size:14px; font-weight:bolder; font-family:arial, Helvetica; } H3 a{ text-decoration: none; }
- ベストアンサー
- ブログ
お礼
お礼が遅くなってしまいましたが、 回答ありがとうございました。 おかげさまで無事変更できました。 リンクの方も参考になりました、ありがとうごいまた！