Lilialice - テンプレを作ってます

10« 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 »12
--

--

--:--
--
--

No.0

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
04

08

22:36
Thu
2010

No.047

サイドバーメニューと修正箇所について

公開早々変更箇所があってすみません!
あと、後々追加で修正があって重ね重ね修正更新してしまって申し訳ないです。

サイドバーメニューについて
プラグイン1と2の間に
最近の記事、カテゴリー、月別アーカイブ、コメント、トラバ、検索が埋め込まれてます。
月を英語表記にしてるので特にこだわらない方は
<!-- ★プラグインじゃないメニューカラム・始★ -->

<!-- ★プラグインじゃないメニューカラム・終★ -->
までを消してください。


修正箇所
htmlとcssに変更があります
・引用文の上下の大きさ変更
・プラグインメニューでリストマークに「»」が付くように変更


html
<div id="SECONDARY">

</div><!-- #SECONDARY〆 -->
の間を↓に修正

<!-- ▽プラグイン1 -->
<!--plugin-->
<!--plugin_first-->
<div class="menubox">
<b><%plugin_first_title></b>
<%plugin_first_description>
<%plugin_first_content>
<%plugin_first_description2>
</div>
<!--/plugin_first-->
<!--/plugin-->
<!-- ★プラグインじゃないメニューカラム・始★ -->
<!-- ▼最近の記事 -->
<div class="menubox">
<b>recent</b>
<ul>
<!--recent-->
<li>
<a href="<%recent_link>" title="<%recent_title>"><%recent_title></a>
</li>
<!--/recent-->
</ul>
</div>
<!-- ▼カテゴリー -->
<div class="menubox">
<b>category</b>
<ul>
<!--category-->
<li>
<a href="<%category_link>"><%category_name> [<%category_count>]</a>
</li>
<!--/category-->
</ul>
</div>
<!-- ▼月別アーカイブ -->
<div class="menubox">
<b>archive</b>
<ul>
<!--archive-->
<li>
<a href="<%archive_link>"><span class="m<%archive_month>"><%archive_month></span>.<%archive_year> [<%archive_count>]</a>
</li>
<!--/archive-->
</ul>
</div>
<!-- ▼コメント -->
<div class="menubox">
<b>comment</b>
<ul><!--rcomment-->
<li>
<a href="<%rcomment_link>#comment<%rcomment_no>"><span class="m<%rcomment_month>"><%rcomment_month></span>.<%rcomment_day> [<%rcomment_name>]</a>
</li><!--/rcomment-->
</ul>
</div>
<!-- ▼トラバ -->
<div class="menubox">
<b>trackback</b>
<ul><!--rtrackback-->
<li>
<a href="<%rtrackback_link>#trackback<%rtrackback_no>"><span class="m<%rtrackback_month>"><%rtrackback_month></span><%rtrackback_day> [<%rtrackback_blog_name>]</a>
</li><!--/rtrackback-->
</ul>
</div>
<!-- ▼検索 -->
<div class="search">
<form action="./" method="get">
<input type="text" value="Keyword(s)...." onfocus="if (this.value == 'Keyword(s)....') { this.value='' }" onblur="if (this.value == '') { this.value='Keyword(s)....' }" name="q" maxlength="200" style="width : 71px;border-width: 0px;padding-top: 6px;" /><input type="image" src="http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_s.gif" alt="search" align="middle">
</form>
</div>
<!-- ★プラグインじゃないメニューカラム・終★ -->
<!-- ▽プラグイン2 -->
<!--plugin-->
<!--plugin_second-->
<div class="menubox">
<b><%plugin_second_title></b>
<%plugin_second_description>
<%plugin_second_content>
<%plugin_second_description2>
</div>
<!--/plugin_second-->
<!--/plugin-->
<!-- △プラグイン -->




css
20pxを10pxに修正↓

/* ▼引用文 */
blockquote {
margin: 10px 0px;
padding: 0.5em;
color: #000000;
border: 0px;
background: url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_q.gif) #dddddd;
}



cssのどこでもいいので追加↓

li {margin: 0px;padding: 0px 0px 0px 12px;list-style: none;
background: url(http://blog-imgs-38.fc2.com/x/x/x/xxxml/hmf_list.gif) no-repeat 3px 0.3em;}

Trackback

Post

Name:

Url:

Pass:




管理者にだけ表示    
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。