FC2ブログのテンプレートの配布や、コピペで簡単にカスタマイズできるような方法を紹介しています。
前の記事 ホーム 次の記事

02S_Basicが承認されました!(1月27日更新)

2014年01月16日21:58  カテゴリ:テンプレート
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

申請してから約2週間経ちますが、02S_Basicが承認されました!

1.jpg


TOPページはサムネと記事タイトルにしています。 ブログバナーがあれば幅1200pxの画像と変更してください。

<!--▼▼ ヘッダー ▼▼-->
<div id="header_outline">
<h1><a href="<%url>" title="<%blog_name>" alt="<%blog_name>">

<!--▼ブログバナーのURLを差し替えてください▼-->
<img src="http://blog-imgs-59.fc2.com/1/0/l/10lab/201401031634568f4.jpg" alt="<%blog_name>" border="0" width="1200" height="200" />
<!--▲ブログバナーのURLを差し替えてください▲-->

</a></h1>
</div><!--/header_outline-->
<!--▲▲ ヘッダー ▲▲-->


自身でアップロードした画像のURLと入れ替えることで、オリジナルバナーのブログが完成します。


また、画像がない場合のサムネ画像も変更お願いします。

<!--▼画像がない場合の代わりの画像のURLを差し替えてください▼-->
<img src="http://blog-imgs-61.fc2.com/1/0/l/10lab/10lab_sample_gazou.png" alt="画像" width="300" height="200" border="0" />
<!--▲画像がない場合の代わりの画像のURLを差し替えてください▲-->



こちらも、自身でアップロードした画像URLと入れ替えてください。
また、サムネ画像の幅と高さはスタイルシートの以下の表記で管理しています。

.ichiran_left img{
width:250px;
height:180px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
border-radius: 5px;
}


widthで幅、heightで高さをお好みの値にしてください。


後日、また改造テクニックを紹介します。(予定)

  • このエントリーをはてなブックマークに追加
  • 前の記事 ホーム 次の記事