DTIブログカスタマイズしちゃうぞっ　

【greenテンプレ】　サンプル

これが五回目に作った【greenテンプレ】です♪
上の画像がちょっと違いますけど、これは変更前のバージョンだったりします。

このテンプレも、頼まれて専用で作ったものだったりしたのですが、もういらないみたいなので、共有テンプレ用に色々修正してみました。

それがちょうど本日承認されましたので、こちらにもＵＰします。
承認されたばっかりなので、まだどのぐらいダウンロードして貰えるのかさっぱりわかりませんが、気に入ったらどうぞよろしくです♪

マイレージポイントランキングが、急に増えたから何事かと思ったら、これが原因っぽいです（笑）
まぁ、テンプレはそんなにパカパカ作れるものでもないので、一時のバブルって事で。



この時は、【whiteテンプレ】の別バージョンとして作ったので、基本的には同じです。
だから楽と言えば楽だったかな〜。
【whiteテンプレ】より、素材の作り方が上手くなったかな♪
やっぱり数こなす程、良くなって来るもんですね〜。

初期の頃のは初期の頃で、それも味がありましたけど（笑）


【laceテンプレ】と同じように、メニュー欄と記事欄に広告スペースを設けてみました。
アダルトっぽくないので、アフィリエイトとしては、一般向けかな？
そんなに怪しくないイメージにしましたの。

これは頑張って、カスタマイズしやすいようにかなり加工しました。
ソースをダウンロードして編集される時、だいぶ見やすいと思います♪
著作権表示だけ消さなければ、ご自由にカスタマイズしていいですよ〜ん。




愛のワンクリックお願いします♪
　　　応援してね〜vv

【reefmoonテンプレ】　サンプル

三回目に作ったテンプレが、この【reefmoonテンプレ】です♪

これのベースは【fish】テンプレなので、ほとんど根幹には触っておりません（笑）
だからかなり楽でしたの。

熱帯魚テンプレの時 photoimpact (画像作成ソフト)を使い始めたのですが、使えば使うほど機能がわかって来て、すっごく面白くなって来たんですよ〜♪
で、色々素材作るのが楽しくて、いじりまくって作ったのがこの素材です。
ちなみにどれだけソフトに頼っているかと言うと、熱帯魚テンプレも、reefmoonテンプレも、実は何も絵を描いてません。


熱帯魚の時は、スタンプ機能とフィルターを大いに活用して♪
葉月の時は、デフォルトの●とか葉っぱの図形を加工しまくってやってます。
立体感出すのも、色替えるのも、表面加工するのも、photoimpact にかかればちょちょいのちょいですよvv

嬉々として素材作ってる私の姿を見て、彼が一言「素材屋さんでも始めるの？」と。


まぁそれでもいいんだけどね。
さすがにそこまで手を出せるほど、器用でもありません。
素材やりだしたら、きっとテンプレ作れなくなりそうだし。^^;


一応この時のテーマが、月と葉っぱをモチーフに、緑ベースでって事でした。
高級感を出す為に、素材をメタリックにしてみたのです。
まだまだ手探り感満載でした。




愛のワンクリックお願いします♪
　　　応援してね〜vv

【fishテンプレ】　サンプル

二回目に作ったのがこの熱帯魚テンプレです♪
これはある意味、とっても冒険してみました。
前回の向日葵は、公式テンプレをカスタマイズしたものだったのですが、これの場合はほとんどオリジナル。

テーブル枠組むところから始めて、画像作って、色替えて、文字サイズ変えて、修正して…って、ほんと色々やりました。
おかげさまで大好評を頂きまして、しばらくはダウンロード数１位だったんですよ♪


人気があったおかげか、色々とトラブルも。

配布先のブログを見てみたら著作権表示消してあって、落ち込んで「もうテンプレなんか作らない」って言ってみたり(*￣m￣) ププッ
このテンプレをダウンロードした人が、画像だけ自分で作って、ほんの少し色替えて共有テンプレートに登録してみたり。
…ほんと厚顔な人っているもんですね〜。


今見ると、白い部分がいっぱいで目が痛いんですけど(笑)
夏場は強い日差しに慣れてるからそんなことないのかな？

これは比較的早くイメージが浮かびました。
画像作るのも早かったな〜。
いつもそうならいいのにね(笑)




愛のワンクリックお願いします♪
　　　応援してね〜vv

DTIブログでテンプレ作ってそろそろ三ヶ月くらいかな？
今まで作ったテンプレートを、こちらでも紹介してみようかなって思います♪


【himawariテンプレ】　サンプル

まずは一番最初の向日葵です♪
共有テンプレート機能が出来てすぐ作りました。
この頃は、DTIさんの公式テンプレも気に入ったのがなくて、絶対にカスタマイズしよう!! と思いました（笑）

全体にオレンジをイメージして、あっさり目に仕上げましたの。
背景の向日葵は固定されています。
横カレンダーとメニュー左の画像が苦労しましたね〜。

ネスケで表示すると全然ダメで、泣く泣く修正したことも…（笑）
この頃はまだテーブル使ってません。
色々突っ込み所満載ですが、もう直すの疲れたよ*o_ _)oバタッ


私のカスタマイズ第一歩は、ここから始まったのでした〜♪



愛のワンクリックお願いします♪
　　　応援してね〜vv

第九回カスタマイズ講座は、CSS編の三回目♪

ニューテンプレがやっと表示されました♪
今回のは季節感なしだから、いつでも使っていただけますよ。

メニューのとこと記事のとこに広告欄作ったので、初心者の方でも使いやすいかな〜と思います。

どうなんだろ。
みんな広告なんて簡単に貼り付けできるのかな？

広告貼る時って、そこの発行してくれるタグをそのまま貼るわけでしょ。
だからタグ知らなくても貼れちゃうもんね。

私は個人的に、バナーが左に揃ってるのは好きじゃないのよ。
だから<center>タグで真ん中に寄せてしまいます。
その方が見栄えがいいのでね♪

ちなみにこんな風にね〜。
<center>タグ</center>

<li>タグはリスト要素で、このタグで囲むと、このテンプレの場合は左側にお花がつきます♪
スタイルシートの方に
「<li> の場合は背景に画像表示してね〜」
って書いてあるので、そうなるんですよ。

CSSのタグはこんなの。
li {
font-size: 10px;
line-height: 240%;
padding: 0px 0px 4px 20px;
color: #800000;
text-decoration: none;
background: url(http://1.dtiblog.com/h/hazuki/file/lacelist.gif) no-repeat;
}

この中の
background: url(http://1.dtiblog.com/h/hazuki/file/lacelist.gif)
っていうのがその画像指定になります。

↑この内容はっていうと、
リストはこうしてね〜｛
文字サイズ=10px
行間=240%
文字が表示される時の場所=上0px 右0px 下4px 左20px
文字色=#800000
文字装飾=なし
背景画像=url(http://1.dtiblog.com/h/hazuki/file/lacelist.gif)繰り返しなし
}

って感じになります♪
ブラウザはその用語を翻訳して、こう解釈してるんですね〜。
わかって来ると簡単なもんです。
一文字間違うと悲惨な事になりますが(笑)

見てもらうとわかりますが、リストの画像は背景で指定してあります。
画像単体で指定してもいいんだけど、それだとhtml部分で毎回書かなきゃいけないし、文字との高さ調節がうまく行かないんですよね。

ちなみに「himawari」テンプレはそうなってます。
あの頃はまだ未熟だったもので(笑)




愛のワンクリックお願いします♪
　　　応援してね〜vv