スポンサーサイト

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

「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

「ニコニコ動画」表示見本

ニコニコ動画、サイズ大。幅540px。

続きを読む

「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>


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


画像を並べる

5/4アップ、過去記事再利用


続きを読む

YouTube表示見本「Choo Choo Train」

YouTubeの表示見本がほしいと思っていたら、こんなのを見つけました。

「Choo Choo Train」

続きを読む

■Page Selector

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

この人とブロともになる

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