スポンサーサイト

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

公式テンプレート「ribbon」中央置き

公式テンプレート「ribbon」を中央置きにしたい、というご質問

続きを読む

スポンサーサイト

tag : ribbon(公式)

リキッドレイアウトのヘッダ画像

yellow_3column, pink_3column, grey_3column, blue_3column, yellow_2column, pink_2column, grey_2column, blue_2columnといった公式のリキッドテンプレートは、もともとヘッダに画像が入っていないので、画像を入れる際の「難しさ」を意識しにくいように感じます。
 けれどこの場合も、以前にsugarさんが画像のあるテンプレートをリキッドにカスタマイズする際の事として指摘なさったのと同様に、「トップ画像の幅との整合性を考え」る必要があります。

続きを読む

公式「ribbon」、2行にわたる長いタイトルの2行目が全く見えなくなるのをなんとかしたい。

tableレイアウトはどうかな?と思ったんですが。このテンプレ、もともとtableレイアウトだったんですね……。じゃ、遠慮なくいっちゃいましょうか。

続きを読む

「skyphoto」トップ画像変更

フォーラムより
画像は、785px×280pxで用意しなおしてください。

アップロードと、画像のパス(url)の調べ方
http://fc2blogmanual.blog60.fc2.com/blog-entry-77.html

HTML
テンプレートを編集します。
HTMLのなかで、「<div id="header">」を検索(ctrl+f)して、

<h1 id="pagetop"><a href="<%url>"><%blog_name></a></h1>
<h2><%introduction></h2>

を消して、下記に直します。

<div id="header">
<a href="<%url>" title="<v%blog_name>">
<img src="画像URL" title="<%blog_name>">
</a>
</div>



スタイルシート

#header {
height: 300px;/* トップ画像と記事がくっつきすぎる感じがしたら、数字変更 */
background: url(http://templates.blog.fc2.com/template/skyphoto/ib_w-top.jpg) no-repeat left top;
text-align:right;/* 1行追加 */
}



サンプル
http://manan2.blog34.fc2.com/?template=skyphoto785x280&index

「fresh_green」の罫線ずれ

 フォーラム関係
 「fresh_green」はデザインのすぐれたテンプレートですが、画像挿入や文字サイズの変更で、罫線がずれてしまいます。

 解決策の例。
 テンプレート編集の、スタイルシート最後に、

/* カスタマイズ
------------------------------------------------------------ */
.muji{
background:none;background-color:#fff;width:100%;
}
.kei {
width:100%;
background: url(http://templates.blog.fc2.com/template/fresh_green/fresh_green_entry_body.gif) #fff;
color: #595A4E;
}


と加えます。スタイルシート内の設定を、記事中に下記のタグを書くことで、利用します。

<div class="kei">[表示見本]ここに文章を書くと、
罫線の位置が修正されています。</div>


↓実際の表示です。(この行はまだ罫線の位置が修正されていません。)
[表示見本]ここに文章を書くと、
罫線の位置が修正されています。


記事に書くタグ:

<div class="muji">[表示見本]ここに文章を書くと、
バックは無地に
なります。</div>


↓実際の表示です。
[表示見本]ここに文章を書くと、
バックは無地に
なります。


■Page Selector

TOTAL Pages 2
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
■追加プラグイン
■ブログ管理MENU(新)
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。