スポンサーサイト
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
でもってプラグインとエントリー(記事)を合わせる
プラグインと記事を合わせるとこうなる。

>>http://bingobingobingo.blog49.fc2.com/?style2=fc2_plus01&index

でもこれだと、ウィンドウの横幅がせまいとプラグインが落ちてしまうので、全体を <div id="main_body"> としてみると

>>http://bingobingobingo.blog49.fc2.com/?style2=fc2_plus02&index

と、なってよい感じ。 あとは、見映えの問題。
スポンサーサイト
プラグイン部にCSSをかけるとこんな感じ
>>http://bingobingobingo.blog49.fc2.com/?style2=fc2_plugin01&index

やっぱり角ばりすぎてる。角は丸い方がよいなぁ。

とりあえずソースは

HTML部:
<head>
<meta http-equiv="content-type" content="text/html; charset=euc-jp">
<meta http-equiv="content-style-type" content="text/css">
<meta http-equiv="content-script-type" content="text/javascript">
<link href="<%css_link>" rel="stylesheet" type="text/css" />
<link rel="alternate" type="application/rss+xml" title="RSS" href="<%url>?xml">
<title><%blog_name><%sub_title></title>
</head>
<div id="plugin">
<!--plugin-->
<!--plugin_first-->
<div class="plugin_base">
<div class="plugin_title" style="text-align:<%plugin_first_talign>">
<%plugin_first_title>
</div>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description>
</p>
<%plugin_first_content>
<p style="text-align:<%plugin_first_ialign>">
<%plugin_first_description2>
</p>
</div>
<!--/plugin_first-->
<!--/plugin-->
</div>
[<%ad>,<%ad2>]




CSS部:
*{ 
margin: 0px;
padding: 0px;
font-size: 100%;
}

.plugin_base{
margin: 10px 0px 0px 0px;
width: 215px;
}

.plugin_title{
color: #f07242;
background-color: #fad4c6;
}

#plugin{
float: right;
}

.plugin_base ul{
font-size: 70%;
padding: 4px 20px 20px 20px;
background-color: #fdf1ec;
}

.plugin_base ul li{
padding: 1px 1px 1px 3px;
}
ちょっとずつ要領をつかみだした
ちょっとずつ要領をつかみだしたビンゴ中西

>>http://bingobingobingo.blog49.fc2.com/?style2=fc2_04&index
FC2 BLOGを解析します8(プラグイン)
プラグインの部分は、

<!--plugin-->
<!--plugin_first-->
<%plugin_first_title>
<%plugin_first_description>
<%plugin_first_content>
<%plugin_first_description2>
<!--/plugin_first-->
<!--plugin_second-->
<%plugin_second_title>
<%plugin_second_description>
<%plugin_second_content>
<%plugin_second_description2>
<!--/plugin_second-->
<!--plugin_third-->
<%plugin_third_title>
<%plugin_third_description>
<%plugin_third_content>
<%plugin_third_description2>
<!--/plugin_third-->
<!--/plugin-->


となっているので あとはデザイン頑張ればよいね。カッコよさが大事。

追記:
どうやらplugin_firstだけで全部のプラグインが表示されているっぽい。
とりあえずCSSを適用
とりあえず HTML部とCSS部を以下のようにしてみた。
しかし、継承しないプロパティ(inheritしてもNG)や、意味不明にふるまわれたりしたりして、帳尻をあわせるためにCSS部に書き加えていくと意味もなく肥大化するソース・・・


html部(headタグでちゃんとCSSの場所を教えてあげないと機能しません)
<!--topentry-->
<div class="topentry_block">
<div class="topentry_title"><%topentry_title></div>
<div class="topentry_body"><%topentry_body></div>

<!--more_link-->
<a href="<%topentry_link>">このエントリーの続きを読む</a>
<!--/more_link-->

<!--more-->
<div class="topentry_more"><%topentry_more></div>
<!--/more-->

<a href="<%topentry_link>"><%topentry_year>/<%topentry_month>/<%topentry_day>
(<%topentry_wayoubi>)<%topentry_hour>:<%topentry_minute>:<%topentry_second></a>|
<a href="<%topentry_category_link>"><%topentry_category></a>|

<!--allow_tb-->
<a href="<%topentry_link>">トラックバック:<%topentry_tb_num></a>
<!--/allow_tb-->

<!--allow_comment-->
<a href="<%topentry_link>">コメント:<%topentry_comment_num></a><br />
<!--/allow_comment-->

<!--<rdf:RDF xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"
xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/"
xmlns:dc="http://purl.org/dc/elements/1.1/">
<rdf:Description
rdf:about="<%topentry_link>"
trackback:ping="<%url>tb.php/<%topentry_tb_no>"
dc:title="<%topentry_title>"
dc:identifier="<%topentry_link>"
dc:subject="<%topentry_category>"
dc:description="<%topentry_discription>"
dc:creator="<%author_name>"
dc:date="<%topentry_year>-<%topentry_month>-<%topentry_day>T<%topentry_hour>:<%topentry_minute>:<%topentry_second>+09:00" />
</rdf:RDF>-->
</div>
<!--/topentry-->



CSS部
*{ 
margin: 0px;
padding: 0px;
}

.topentry_block{
border: 2px solid #29b224;
margin: 10px;
width: 800px;
}

.topentry_title{
padding: 3px;
color: #ffffff;
background-color: #29b224;
}

.topentry_body{
padding: 5px;
background-color: #f3ffd1;
}

pre{
width: 770px;
}

ul{
margin: 30px;
}


プレビュー結果は
http://bingobingobingo.blog49.fc2.com/?style2=fc2_03&index
ブログ検索

プロフィール

ビンゴ中西
Perlが好きである。
プログラミング言語のほとんどは独学。独学の過程で多くのプログラム仲間にも色々教わりました。

FC2カウンター

カレンダー

07 | 2017/08 | 09
- - 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 31 - -

ブロとも申請フォーム

この人とブロともになる

| ホーム | 次のページ
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。