FC2ブログ

ご質問回答:【テンプレートの文字を中央寄せしたい】


テンプレートについてご質問をいただきましたので、ここでご回答させて頂きます。

Memories_photo_N.jpg
Memories_photo_N


ご質問内容
Memories_photo_Nをお借りしていますが、このテンプレートは文字の中央寄せができないのでしょうか?
初歩的な質問で申し訳ございません><

ご回答
センタリングは、スタイルシートの【.content】の部分に
text-align:center;
を書き足すとOKです。

よくわからない場合は、テンプレートのスタイルシートを以下のものに書き換えて下さい。コピペで完全に上書きでOKです。

@charset UTF-8;

/* Memories_photo */
*{padding:0;margin:0;text-align:justify;text-justify:inter-ideograph;line-break:strict;word-break:break-all}
p{padding:4px 0 10px}
a:link{color:#677b98}
a:hover{color:#788263}
a:visited{color:#826382}
a img{border:none}
hr{border:none;border-top:1px dashed #666;width:99%;margin:8px auto}
ul,ol{margin:0;padding:0;border:0;outline:0}
input,textarea,select{background:#fff;border:1px solid #666;color:#000;font-size:12px}
.right{text-align:right;padding:10px 0 0 0}

body{height:100%;background:#D6BABA url(http://blog-imgs-40.fc2.com/b/l/o/blogmaterial/kabe.gif);font-size:84%;font-family:'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'MS Pゴシック', 'MS PGothic', sans-serif}
blockquote{background:#ede1d4 url(http://blog-imgs-50.fc2.com/b/l/o/blogmaterial/title.gif) left center;border-left:6px solid #88775b;padding:10px 8px;margin:6px 0}


/* ヘッダー */
#head{background:url(http://blog-imgs-50.fc2.com/b/l/o/blogmaterial/head_20140106212412c86.jpg) no-repeat left bottom;width:100%;height:370px;text-align:left;margin:0 auto;padding:40px 0 0 0}
#head h1{font-size:26px;font-weight:900;color:#000;margin:150px 0 0 40px;padding:0 12px}
#head h1 a:link,h1 a:visited{color:#000;text-decoration:none}
#head h1 a:hover{color:#999}
#head h2{font-size:14px;font-weight:400;color:#000;margin:10px 0 0 54px;width:400px}


#main h1{padding:6px;margin:6px 0;color:#000;font-size:22px;text-align:left;background:#cfbaaf url(http://blog-imgs-50.fc2.com/b/l/o/blogmaterial/title.gif) left center}
#main h2{padding:6px;margin:6px 0;color:#000;font-size:18px;text-align:left;background:#cfbaaf url(http://blog-imgs-50.fc2.com/b/l/o/blogmaterial/title.gif) left center}
#main h3{padding:6px;margin:6px 0;color:#000;font-size:16px;text-align:left;background:#cfbaaf url(http://blog-imgs-50.fc2.com/b/l/o/blogmaterial/title.gif) left center}
#main h4{padding:6px;margin:6px 0;border-bottom:1px dashed #cfbaaf;font-size:12px}
#main h5{padding:6px;margin:6px 0;border-bottom:1px dashed #cfbaaf;font-size:12px}
#main h6{padding:6px;margin:6px 0;border-bottom:1px dashed #cfbaaf;font-size:12px}


/* メイン */
#main{min-width:800px;max-width:86%;text-align:left;margin:0 auto;padding:0;background:#fff;border-radius:10px;moz-border-radius:10px;-webkit-border-radius:10px}
#inbox{width:67%;float:left;overflow:hidden;padding:6px 0 2px 12px}
#inbox img,#menu img{max-width:100%}
#inbox h2{padding:6px}
#inbox h3 a:link,#inbox h3 a:visited{text-decoration:none;color:#0a4b7d}
#index_area{margin:0px 10px;padding:6px}
#inbox ul,#inbox ol,#inbox li{width:97%;margin:2px 14px 2px 12px}
.content{margin:10px 0;padding:8px;line-height:160%;text-align:center}
.content h3{margin:2px 0 8px 0}
.content_date{margin:8px 0 2px 0;font-size:11px;text-decoration:none;color:#666;border-bottom:2px solid #cfbaaf;line-height:100%}
.content_date a{text-decoration:none;color:#666}
.content ol .content ul{margin:0 0 0 30px}
.content ol li{}
.content ul li{list-style-type:square}
.content_footer{clear:both;margin:10px 0 0 0;text-align:right;font-size:80%;color:#333;width:100%}
.commentcont,#trackbackcont{margin:10px}/* コメント・トラックバック */
.commentcont h4,#trackbackcont h4{padding:10px;font-size:100%}
.commentcont p,#trackbackcont p{padding:4px}
.commentcont .content_footer,#trackbackcont .content_footer{margin:6px;padding:6px}
.commentform dl{width:100%;padding:0 0 8px}/* コメントフォーム */
.commentform dl dt{font-weight:700}
.commentform dl dd{font-size:90%;padding:0 0 6px}
.commentform dl textarea{width:80%}
#himitsu{width:auto}
#trackbackbody{padding:15px;line-height:140%}/* trackback URL 表示部分 */
#trackbackbody dt{margin:10px}
#trackbackbody dd{margin:10px;font-size:100%}
.entry_navi{text-align:center}
.topentry_img{float:right;text-align:right;color:#999;width:200px;min-height:150px;max-height:300px;margin:0 0 8px 10px;padding:10px;background:#fff;border:1px solid #666;border-radius:7px;moz-border-radius:7px;-webkit-border-radius:7px}
.u_tag{padding:0 0 0 4px}
.relate_dt{font-weight:bold;font-size:16px;padding:20px 0 1px 0;border-bottom:1px dotted #ccc}
.box{overflow:hidden;display:inline;float:left;margin:0 8px 0 0;padding:2px 4px 0 0}


/* サイドバー */
#menu{width:30%;float:right;overflow:hidden;padding:12px 6px 2px 6px;margin:4px 0}/* メニュー表示部分 */
#menu h3{padding:6px;margin:10px 0;width:100%}
#menu p{font-size:12px}
#menu ul{padding:6px 4px 4px 20px;text-align:left}
#menu ul li{font-size:12px;padding:4px;margin:2px 0 0 8px;line-height:160%;text-align:left;list-style-image:url(http://blog-imgs-40.fc2.com/b/l/o/blogmaterial/write.gif)}
#menu ul li a,#left ul li a:link,#left ul li a:visited{text-decoration:none}
#menu ul li a:hover,#left ul li a:active{text-decoration:underline}
#menu form{padding:8px;text-align:left}/* メニューのフォーム */


/* カレンダー */
table #calendar{font-size:10px;margin:8px}
#calendar caption{margin:8px auto}
#calendar th{font-size:10px;font-weight:400;text-align:center}
#calendar td{font-size:10px;width:14%;text-align:center;padding:10px;background:#fff}
#calendar td a{display:block;font-weight:700}
#calendar td a:link,#calendar td a:visited,#calendar td a:hover,#calendar td a:active{text-decoration:none}
table.calender{width:96%;font-size:10px;margin:10px}
.calender caption{margin:8px auto}
.calender th{font-size:10px;font-weight:400;text-align:center}
.calender td{font-size:10px;width:14%;text-align:center;padding:6px 0;background:#f0f0f0}
.calender td a{display:block;font-weight:700;text-align:center}
.calender td a:link,.calender td a:visited,.calender td a:hover,.calender td a:active{text-decoration:none}
.calender td a:link{color:#f6c}
.calender td a:visited{color:#96c}
.calender td a:hover,.calender td a:active{color:#c93}
th#sun{color:#f6c}
th#sat{color:#6cf}

#searchbox{width:165px;margin:0 0 3px}/* 検索フォーム */
.nav{margin:10px 0 20px;text-align:center}/* ページのナビゲーション */
.nav a img{border:none}


/* フッター */
#footer{clear:both;color:#fff;text-align:center;font-size:11px;min-width:800px;max-width:100%;height:50px;padding:6px 0;margin:0;background:#630}
#footer a{text-decoration:none;color:#fcc}


/* その他 */
img.emoji{vertical-align:middle;border:0}
.ads{padding-left:16px}
.fc2_footer{text-align:right;padding-top:16px}
.tagword{text-decoration:none;color:#000}
.baton_title{font-weight:700;padding:6px;margin:30px 0;border:1px dotted #666}/* バトンのタイトル部分 */
.blog_baton{}/* バトンのタイトル以外の全体 */
.baton_q{border:1px dotted #ccc;padding:1px 0 2px 3px}/* 質問部分 */
.q_number{font-weight:700;color:#ac204e;margin:0 10px 0 0}/* 質問の番号 (Q1)*/
.baton_a{margin:10px 0 20px 35px}/* 回答の部分 */
.a_number{font-weight:700;color:#659cbf;margin:0 10px 0 0}/* 回答の番号 (A1) */
#backtop{padding:10px;background:#fff;position:fixed;right:0;bottom:0;border-radius:7px 0 0 0;moz-border-radius:7px 0 0 0;-webkit-border-radius:7px 0 0 0;opacity:0.7}

#archives{paddng:16px;margin:16px}
#archives h3{margin:0 0 14px 0}

.fc2twtr dd{background:#f2f2f2;padding:6px;margin:4px 0;border-radius:7px;moz-border-radius:7px;-webkit-border-radius:7px}


/* タグクラウド */
.tagcloud{font-size:14px;padding:6px;margin:6px}
.tagcloud a{text-decoration:none}
.tcmax a{font-size:180%}
.tc14 a,.tc13 a,.tc12 a,.tc11 a,.tc10 a{font-size:160%;font-weight:900}
.tc9 a,.tc8 a,.tc7 a,.tc6 a,.tc5 a{font-size:140%;font-weight:900}
.tc4 a,.tc3 a{font-size:120%}
.tc2 a,.tc1 a{font-size:90%}
.taglink{padding:4px 4px 4px 0}


/* ヘッダ下メニュー */
#cssmenu{width:100%;padding:0;margin:auto;background:#fff;position:absolute;top:0;left:0;margin:0;padding:0}
#cssmenu ul{height:35px;list-style:none;margin:0;padding:0}
#cssmenu li{float:left;padding:0}
#cssmenu li a{display:block;font-weight:400;line-height:35px;text-align:center;text-decoration:none;margin:0;padding:0 25px}
#cssmenu li > a:hover,#cssmenu ul li:hover > a{background:#fff;color:#c33;text-decoration:none;border-bottom:2px solid #666}
#cssmenu li ul{background:#f0f0f0;display:none;height:auto;border:0;position:absolute;min-width:250px;z-index:200;margin:0;padding:0}
#cssmenu li:hover ul{display:block}
#cssmenu li li{display:block;float:none;min-width:250px;margin:0;padding:0}
#cssmenu li:hover li a{background:none}
#cssmenu li ul a{display:block;height:35px;font-size:12px;font-style:normal;text-align:left;margin:0;padding:0 10px 0 15px}
#cssmenu li ul a:hover,#cssmenu li ul li:hover > a{background:#fff;border:0;color:#c33;text-decoration:none}
#cssmenu p{clear:left}
#cssmenu > ul > li > a,#cssmenu ul ul a{color:#000}


もしうまくいかない、よくわからない場合はお手数ですが再度ご質問頂ければと思います。
関連記事

| BLOG素材のおすそわけ。ホーム |

コメント

コメントの投稿


管理者にだけ表示を許可する

トラックバック

トラックバックURL:
http://blogmaterial.blog96.fc2.com/tb.php/147-00a2ad7a
この記事にトラックバックする(FC2ブログユーザーのみ)
▲TOPへ