07« 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.»09

2013 5月用テンプレート 

テンプレート fwind05-3C れん様

今の時期にピッタリなテンプレートです

最近の好みは3カラムです 2カラムに比べて数が少ないのですよ

便利な4個のメニューに省スペースな横カレンダー それとeditボタン!

それとeditボタンを お尋ねして記事下部から移動する事ができましたので
れん様の他の editボタン下部タイプのに使えるかもしれません。

オリジナル

オリジナル幅狭い 


「スタイルシート編集」
----------------------------
#wrap {
width: 860px ・・・・・・・・・・1100px (+240 

-----------------------------

.flash {
margin: 0 auto;
width: 852px; ・・・・・・・・・・・・1100px(+248
height: 150px; ・・・・・・・・・・・ 180px
background-color: #fff;
background-image: url(画像URL);
}

----------------------------

#content {
margin: 0 220px;         変更なし
padding: 0;                 
background: #fff;
}

---------------------------------

#left {
float: left;
width: 200px;
margin: 0 0 0 -851px;  ・・・・・・-851を -1091pxに
padding: 10px 0 0;
}

---------------------------------

#right {
float: left;
width: 200px;              変更なし
margin: 0 0 0 -209px;
padding: 10px 0 0;
}

~~~~~~~~~~~~~~~~~~~~~~~~






れん様に質問
 

『 editボタン 最下部から上部(投稿日時の後に)への移動 』  

「HTML編集」

~~~~省略~~~~~

<!--topentry-->
<div class="entrybody">
<!--same_day-->
<p class="entrydate" id="e<%topentry_no>"><%topentry_year>/<%topentry_month>/<%topentry_day>&nbsp;<%topentry_youbi>.ここへ</p>
<!--/same_day-->

~~~~省略~~~~~

<div class="entrystate">

~~~~省略~~~~~赤文字は削除 青文字はピンク文字に移動
 
<!--deny_comment--> -- comment <!--/deny_comment-->
<span class="edit"><a href="<%server_url>control.php?mode=editor&process=load&eno=<%topentry_no>" title="<%template_edit>">edit</a></span>
------------------------------



『 FLASHを ただの画像に替えるには赤文字部分を削除する』
フラッシュ部・・・多分丸い木漏れ日の様なものと 白い日付の表示かな
木漏れ日はあっても良かったんだけど 日付の位置が改造の為 半端な位置に
来るのでカットさせて頂きました。
 


「HTML編集」
-----------------------------------

<div class="flash">
<!--index_area-->
<script language="javascript" src="http://blog-imgs-27.fc2.com/f/l/a/flaw/fw05title.js" charset="euc-jp"></script>
<!--/index_area-->
<!--not_index_area-->
<script language="javascript" src="http://blog-imgs-27.fc2.com/f/l/a/flaw/fw05title0.js" charset="euc-jp"></script>
<!--/not_index_area-->

</div>

----------------------------------------

『 そしてスタイルシートのURLを変える 』

「スタイルシート編集」
------------------------------
.flash {
margin: 0 auto;
width: 852px;
height: 150px;
background-color: #fff;
background-image: url(http://blog-imgs-27.fc2.com/f/l/a/flaw/fwind05-gazou.jpg);
}
------------------------------



改造した結果

このテンプレートは1枚の画像で色々設定されてるそうです それを変えるには
新しく画像を1枚描かないといけないらしいのです
でもそれは できないので諦める。

オリジナルは両サイドにグレーの縦のラインが入るが2と3にラインが来る
それと1で同じパターンを折り返している
画面最下部が 改造したため乱れてしまいました。


最初から れん様のサイトで 幅の改造は難しいとあるのに
無理して広げてしまいました  本当は無理のないキレイなまま使って
欲しいのにね 反省です。
Aここまでしか改造できない あとは画像を作るしかないのコピー 





いつも応援有難うございます
ブログ村5月用 2ひよこデジカメ

スポンサーサイト
テンプレート  /  tb: --  /  cm: 2  /  △top

コメント

さすがモズライトさん!
何でも出来ちゃいますね。
尊敬( ̄^ ̄)ゞ
困った時はまた宜しくお願い致します。

URL | はちみつ #-

2013/05/20 20:09 * edit *

はちみつ様へ

そんなにできないですよ~~ チビッとだけで
あとは作者さんにお聞きしてしています
優しい作者さんだと すごい得ですよ
そうでない方もいらっしゃいます
私でできる事ならいくらでもどうぞ~~

URL | モズライト #5zjWDM/s

2013/05/20 21:33 * edit *

△top

コメントの投稿

Secret

△top