--年--月--日(--)--時

スポンサーサイト

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

2010年11月17日(水)20時

カレンダーのリンク色を変更する

カレンダーのリンク色を青から黄色に変更しました。


■作業
カレンダーには標準で、class="plugin-calender" が指定されています。
ので、.plugin-calender a でカレンダーのリンクにCSS指定できます。


■ソースファイル

HTML

~略~

CSS
~略~

.plugin-calender a
{
   color: #bbbb33;
}


■結果
黄色になりました。

2010年11月17日(水)19時

背景画像を変更する

背景画像がデシャバリすぎているので、ちょっと薄いのにしました。


これが

back2-2.gif

こうなりました。

back2-3.gif


かなり薄いです。

ギリ見えるくらいです。

2010年11月17日(水)19時

記事のタイトルの背景がバグる

記事タイトルの背景が変になるときがあります。
ブラウザ側の問題かもしれないけど、ちょっと修正しました。


■作業
HTMLで新しいパーツ分けをする。
CSSを修正する。


■ソースコード

HTML

~略~

<!--topentry-->
<div class="entry">
<div class="title">
<h3><%topentry_year>年<%topentry_month>月<%topentry_day>日(<%topentry_wayoubi>)<%topentry_hour>時</h3>
<h4><a href="<%topentry_link>"><%topentry_title></a></h4>
</div>
<p><%topentry_body></p>
</div>
<!--/topentry-->

~略~

CSS
~略~

.entry h3,h4,h4 a
{
   margin: 0;
   padding: 5px;
   background-color: #9999dd;
   color: #ffffff;
   font-size: 18px;
}


~略~
を次に変更↓
~略~

.entry .title
{
   background-color: #9999dd;
}
.entry .title h3, .entry .title h4
{
   margin: 0;
   padding: 5px;
   color: #ffffff;
   font-size: 18px;
}
.entry .title h4 a
{
   color: #ffffff;
}


~略~


■結果
CSSがちょっとややこしくなりましたが、バグは消えました。

2010年11月17日(水)18時

フッターをデザインする

フッターを中央に表示にしました。
フッターのリンクは普通文字と同色にしました。
ページ移動リンクの場所も変更しました。

■作業
CSS追加


■ソースコード

HTML

~略~

CSS
~略~
#footer
{
   clear: both;
   padding-top: 10px;
   text-align: center;
   font-family: Arial,"メイリオ",sans-serif;
   font-style: normal;

}
#footer a
{
   color: #6666cc;
}

~略~
#page
{
   text-align: center;
}


■結果
これで、標準的なテンプレートになったかな。
ここらで共有申請か?

サイドバーのリストの前の点がいらないので、消しました。
あと、前の空白もいらないので消しました。


■作業
CSS追加


■ソースファイル

HTML

~略~

CSS
~略~
#side .title
{
   border: 1px solid #9999dd;
   border-left: 10px solid #9999dd;
   background-color: #ffffff;
   padding: 3px;
}
#side ul
{
   list-style-type: none;
   margin-left: 0;
}

~略~


■結果
いい感じになったと思います。

カテゴリ
作り方 (0)
自作 (25)
配布 (0)
ブログ (2)
全記事表示リンク

全ての記事を表示する

プロフィール

FlatCraft

Author:FlatCraft
こんにちわ

カレンダー
04 | 2017/05 | 06
- 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 - - -
最新記事
最新コメント
最新トラックバック
月別アーカイブ
FC2アクセスランキング
ランダムブログボタン
検索フォーム
RSSリンクの表示
リンク
このブログをリンクに追加する
FC2ブックマーク
ブロとも申請フォーム

この人とブロともになる

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