2011 12
17
Sat.
共有テンプレート・lightsky01_3c
---確認環境---
Windows7
IE9.x・Firefox8.x
淡い空色のシンプル3カラム。
記事幅も広めなので使い勝手は良いはず。
なおデザインの都合上、2カラム化や記事幅変更は出来ません。
始めて質問するときは最初にこちらを読んで下さい。
利用規約はこちらです。
- パソコン用テンプレートの関連記事
-
- 共有テンプレート・length03_1c (2012/01/19)
- 共有テンプレート・lightsky01_3c « «
- 共有テンプレート・gravity01_2c (2011/11/12)
コメント
画像変更の仕方を教えて下さい
はじめまして。
写真をメインのブログをしています。
こちらのテンプレートが爽やかで明るい感じで使わせて頂きたく
今のものから変更しようと思っています。
タイトル部分の画像変更可とのことなので
自分の写真を入れたいのですが
変更の方法を教えてください。
初心者のため、不躾な質問でしたらご容赦ください。
よろしくお願いします。
江さんへ
テンプレートをお使い頂きありがとうございます。
ご質問の件ですが、テンプレートの設定＞該当テンプレートの編集＞スタイルシートの編集をおこなってください。
スタイルシートから下記の箇所を探し出し、urlのアドレスをご自身のブログにアップしたアドレスに変更してください。
画像サイズは縦250px横940pxです。
------------------------------
/* 画像URL(940*250) */
.illustration {
width: 940px;
height: 250px;
margin: 5px auto 10px;
background: url(http://blog-imgs-29.fc2.com/f/l/a/flaw/lightsky01_title.jpg) 0 0 no-repeat;
}
------------------------------
すばやい回答ありがとうございます！
試してみます。
新年には改装してこちらのテンプレを使わせて頂きたいと思ってます。
ありがとうございましｔｚ！！
・一番上の「管理画面」「全記事一覧」を消すには
・カレンダーを消すには
・「プロフィール」「リンク」などの背景の四角の色を変えるには
どうすればよいでしょうか？
クロさんへ
テンプレートをお使い頂きありがとうございます。
管理画面・全記事一覧及びカレンダーの削除はhtmlの編集より下記赤字部分を削除してください。
------------------------------
<div id="header_navi">
<ul class="navi">
<li><a href="<%server_url>control.php" target="_blank" title="管理画面" class="ac">Admin</a></li>
<li><a href="<%server_url>control.php?mode=editor&process=new" target="_blank" title="新記事を書く" class="ac">New entry</a></li>
<li><a href="<%server_url>control.php?mode=control&process=upload" target="_blank" title="画像管理" class="ac">Up load</a></li>
<li><a href="<%url>?all" target="_self" title="全記事一覧" class="ac">All archives</a></li>
</ul>
</div><!--/header_navi-->
<div class="yoko">
<span class="yokocal"><a href="<%prev_month_link>"><%prev_month></a></span>«<!--calender2--><span class="yokocal"><%days>.</span><!--/calender2-->»<span class="yokocal"><a href="<%next_month_link>"><%next_month></a></span>
</div>
------------------------------
プラグインの四角はリストマークというのですが、このテンプレートでは画像を用いてるため変更するにはスタイルシートから別画像に差し替える必要があります。
------------------------------
.menutext ul li {
margin: 0 0 5px;
padding-left: 15px;
list-style: none;
background: url(http://blog-imgs-29.fc2.com/f/l/a/flaw/lightsky01_icon.gif) no-repeat 0 0.5em;
}
------------------------------
もしくは該当プラグイン（例：リンク）のhtmlを書き換え、スタイルシートの変更でも可能です。
------------------------------
<ul>
<!--link-->
<li class="listmark"><a href="<%link_url>" title="<%link_name>" target="_blank"><%link_name></a></li>
<!--/link-->
</ul>
.menutext ul li {
margin: 0 0 5px 20px;
padding: 0;
list-style: square;
}
.listmark { color: #カラーコード;} /* 追加 */
------------------------------
ちなみに記事側でも同じ仕様なので .entrytext li でも同様に対処してください。
なおカラーコードに関してはネット検索にてお調べください。
「CSS カラーコード」でヒットするhtml関係のサイトに詳しく書かれています。
大変丁寧にお答えいただきありがとうございました。
