人気ブログランキング | 話題のタグを見る
-Sun&Moon Blog-
catsmoon.exblog.jp
エキサイトブログスキン配布 (Mac OS10.5 Leopard・Safari) ★基本的にコメントにレスしません
by catsmoon
Top | Out
つぶろぐデフォルト指定
2007年 08月 07日 |
またもや、つぶろぐの仕様が変わりました。
もういい加減嫌になってきたので、今後は、スキン作成の際、つぶろぐは無視する心算ですorz

できれば、スキンと違和感を持たせないためには、テキストのみを選択しておくと良いでしょう。
ですが、勿論、他のスタイルでも使用は可能です。

とは言っても、カスタマイズしたい方にとっては、これだけじゃ不親切だと思うので、一応、デフォルトの指定をメモしておきます。
カスタマイズの際の、参考にして下さい。

なお、下記の内容は、全て私のつぶろぐのものですから、URL部分は各自のブログでお確かめ下さい。



【シンプル】
従来のデザインです。

私のページのソースは、下記のようになっています。

<div class="mnbody">
<script type="text/javascript" src="http://tsublog.excite.co.jp/badge/?user=catsmoon&charset=u&cnt=1
&icon=yes&date=yes&color=gr&type=nm&height=auto">
</script>
</div>

このソースを更に見ると、下記のようになっているので、カスタマイズする場合は、こちらの指定内容を変更することになります。

<style type="text/css">
<!--
#normal_bgsp_box{width:150px;text-align:left;height:auto; overflow:hidden;
border-top:1px solid #999999; border-bottom:1px solid #999999;
background: url(http://image.excite.co.jp/jp/tsublog/normal_bgsp_bgline.gif) repeat-y center top;}
#normal_bgsp_title{background: url(http://image.excite.co.jp/jp/tsublog/normal_bgsp_title2.gif) no-repeat center top;
font-size:0; line-height:0; text-indent:-9999px; height:25px; width:auto;}
.normal_bgsp_list{padding:3px 0 3px 0;margin:0;font-size:12px;line-height:120%;
overflow:hidden;word-break:break-all; border-bottom:1px dotted #CCCCCC;
background-color:#FFFFFF;}
.normal_bgsp_list a, .normal_bgsp_list a:link, .normal_bgsp_list a:active, .normal_bgsp_list a:visited, .normal_bgsp_list a:hover{}
.normal_bgsp_list img{border-style:none;padding:0;margin:0;}
.normal_bgsp_img_neta{}
.normal_bgsp_img_comv{}
.normal_bgsp_img_cedt{}
.normal_bgsp_cnt{font-size:10px; color:#333333;}
.normal_bgsp_date{font-size:8px;color:#666666;font-family:"arial";}
-->
</style>
<div id="normal_bgsp_box">
<div id="normal_bgsp_title">最近のつぶやき...</div>
<div style="padding:5px; height:auto;">
<div class="normal_bgsp_list">
<a href="http://tsublog.excite.co.jp/topic/***" target="_blank"><img src="http://image.excite.co.jp/jp/tsublog/hkds_neta.png" width="15" height="16" alt="" border="0" class="normal_bgsp_img_neta" /></a>
<a href="http://tsublog.excite.co.jp/mumble/***" target="_blank" style="text-decoration:none; color:#454545; background-color:#FFFFFF;">つぶやき内容</a>
<div class="normal_bgsp_date">[2007 08/03 01:21:06]</div>
</div> <div style="margin-top:3px; width:auto; text-align:center;">
<a href="http://tsublog.excite.co.jp/" target="_blank"><img src="http://image.excite.co.jp/jp/tsublog/normal_bgsp_logo.gif" width="66" height="18" alt="エキサイトつぶろぐ" title="エキサイトつぶろぐ" border="0"></a>
</div>
</div>
</div>



【つぶおパーツ】
枠の色が選べますが、見本は緑を選んでいます。選ぶ色によって、内容が多少違っているはずです。

ページのソース

<div class="mnbody">
<script type="text/javascript" src="http://tsublog.excite.co.jp/badge/? user=catsmoon&charset=u&cnt=3&icon=yes&date=yes&color=gr &type=tb&height=auto"> </script>
</div>

上記のソースの内容

<style type="text/css">
#tsublog_bgpt_top, #tsublog_bgpt_mdd, #tsublog_bgpt_foot, #tsublog_bgpt_head, #tsublog_bgpt_brm, #tsublog_bgpt_btm a{ width:150px;}
#tsublog_bgpt_top{ background: url(http://image.excite.co.jp/jp/tsublog/bgpt_gr_top.png) no-repeat center top; height:27px}
#tsublog_bgpt_mdd{ background: url(http://image.excite.co.jp/jp/tsublog/bgpt_mdd.png) repeat-y center top;}
#tsublog_bgpt_foot{ background: url(http://image.excite.co.jp/jp/tsublog/bgpt_gr_foot.png) no-repeat center bottom;}
#tsublog_bgpt_head{ background: url(http://image.excite.co.jp/jp/tsublog/bgpt_gr_head.png) no-repeat center top; text-align:center;}
#tsublog_bgpt_btm{ background: url(http://image.excite.co.jp/jp/tsublog/bgpt_gr_btm.png) no-repeat center top; width:150px; height:51px}
#tsublog_bgpt_top a{ height:27px; display:block; text-indent:-9999px; font-size:0; line-height:0; overflow:hidden;}
#tsublog_bgpt_content{ margin:0 auto 0 auto; padding-top:10px; width:118px; text-align:left; overflow:hidden; word-break:break-all; font-size:12px; line-height:130%;}
#tsublog_bgpt_content a{ color:#454545; background-color:#FFFFFF; text-decoration:none;}
#tsublog_bgpt_content img{ border-style:none; padding:0; margin:0;}
.tsublog_bgpt_cnt, .tsublog_bgpt_date{ color:#666666; font-family:"arial"; font-size:10px;}
.tsublog_bgpt_date{ line-height:160%; display:block; float:right;}
.tsublog_bgpt_line{ margin:5px 2px 0 2px; padding-top:5px; border-top:1px dotted #CCCCCC; font-size:0; line-height:0;}
#tsublog_bgpt_btm a{ height:51px; display:block; text-indent:-9999px; font-size:0; line-height:0; text-decoration:none;}
#tsublog_bgpt_top a:hover, #tsublog_bgpt_top a:active, #tsublog_bgpt_btm a:hover, #tsublog_bgpt_btm a:active{ background:none;}
</style>
<div id="tsublog_bgpt_top">
<a href="http://tsublog.excite.co.jp/" target="_blank">エキサイトつぶろぐ</a>
</div>
<div id="tsublog_bgpt_mdd">
<div id="tsublog_bgpt_foot">
<div id="tsublog_bgpt_head">
<div id="tsublog_bgpt_content" style="height:auto;">
<a href="http://tsublog.excite.co.jp/topic/***" target="_blank"><img src="http://image.excite.co.jp/jp/tsublog/hkds_neta.gif" width="15" height="16" alt="" border="0" /></a>
<a href="http://tsublog.excite.co.jp/mumble/***" target="_blank" style="color:#454545; text-decoration:none;">つぶやき内容</a>
<span class="tsublog_bgpt_date">[2007 08/03 01:21:06]</span>
<br style="clear:right; /">
<div class="tsublog_bgpt_line">
</div> </div>
</div>
</div>
</div>
<div id="tsublog_bgpt_btm"><a href="http://tsublog.excite.co.jp/" target="_blank">エキサイトつぶろぐ</a></div>



【テキストのみ】
これが一番おすすめです。特別にカスタマイズしなくても、一番スキンと違和感がないはずです。

ページのソース

<!--Start of Tsublog Simple Blog Parts-->
<style type="text/css">
<!--
/*tsublog Mumble div*/
#tsublog_bgsp_box{width:150px;text-align:left;height:auto;overflow:hidden;}
/*tsublog Mumble list class*/
.tsublog_bgsp_list{padding:0;margin:0;font-size:12px;line-height:120%;overflow:hidden;word-break:break-all;}
.tsublog_bgsp_list img{border-style:none;padding:0;margin:0;}
/*Tsubuneta Icon*/
.tsublog_bgsp_img_neta{}
/*Tsubures Icon*/
.tsublog_bgsp_img_comv{}
/*Tsubuyaki Icon*/
.tsublog_bgsp_img_cedt{}
/*Tsubuyaki Count*
/.tsublog_bgsp_cnt{font-size:10px;}
/*Tsubuyaki Date*/
.tsublog_bgsp_date{font-size:10px;color:#666666;font-family:"arial";}
-->
</style>
<div id="tsublog_bgsp_box">
<script type="text/javascript" src="http://tsublog.excite.co.jp/badge/?user=catsmoon&charset=u&cnt=3&icon=yes&date=yes&type=sp">
</script>
</div>
<!--End of Tsublog Simple Blog Parts-->

上記のソースの内容

<div class="tsublog_bgsp_list">
<a href="http://tsublog.excite.co.jp/topic/***" target="_blank"><img src="http://image.excite.co.jp/jp/tsublog/hkds_neta.png" width="15" height="16" alt="" border="0" class="tsublog_bgsp_img_neta" /></a>
<a href="http://tsublog.excite.co.jp/mumble/***" target="_blank">つぶやき内容</a>
<div class="tsublog_bgsp_date">[2007 08/03 01:21:06]</div>
</div>


<< ビー玉スキン配布 PageTop 水面スキン配布 >>
XML | ATOM

会社概要
プライバシーポリシー
利用規約
個人情報保護
情報取得について
免責事項
ヘルプ
Blue Paper Skin by Sun&Moon