mysticdiary

更新はLittleDreamでしています。右のバナーからどうぞ

ひんやり実験器具

最近、暑くなってきてヘタレ気味の管理人。
自作のテンプレートもだんだん暑苦しいのが気に入らなくなってきた(爆)
なので、今回は少々クールに。

madlabosample.jpg

なんとなく実験器具ってクールできれいな感じがしませんか?
グーグルで画像などを検索してみると、冷やっこい感じが夏にもイケルんでないかと・・。

実験器具の画像は自作だけど、これがまた面倒くさいのなんのって・・、
GIMPでビーカーとかの輪郭を描こうとしたら、いろんなところがよじれてなかなか
うまくいかんのう・・。ま、なんとかやっちゃったけど(爆)疲れた。
ガラスな感じを出そうとすると、黒背景と白背景で描き方がまた違ってくるし・・。はあ。

さて、ここで今回はビッグニュースが!(自分の中で)
なんとwordpressのテンプレート(テーマ)にもこれを移植してみた。
でもwordpressのテーマってのは、FC2と構造が違っててこれがまた面倒くさい。
何種類もファイル作らなくちゃならないし・・。
でも、プラグインとかがたくさんあるのはさすがにすごい。
サイドバーの開閉とか、lightboxなんかもテンプレートにあらかじめ入ってなくても、
プラグインで存在するから、簡単な操作で追加可能だし・・。

しかし、wordpress使ってる人で一体どんな人達なんだろう??
基本的に有料サーバー借りなきゃならないから(海外のは無料サーバーとかあるけど)
、お金払ってでもブログを運営したいっていう
本気モードの人しか使わないよな。
飽きたらやめるかも知れんけど、ちょいと趣味の日記でもつけてみっか・・みたいな
管理人みたいなユーザーはまず使わんだろう(爆)
ちょいと知識もいるし。
でも、自由度は高くて、個別ページなんかもいくらでも作れるから、
ホームページとブログを合体させたいような人にはわ~い!って感じかも。

これは移植してみたサンプル。
公開するのか?とかやめるのか?とかその他もろもろは未定(爆)

mysticdiarywordpresssample.jpg


●上部ナビゲーションの編集


<div id="menu">
<ul> 
<li><a href="<%url>archives.html" onfocus="this.blur();" class="nonborder">All post</a></li>
<li><a href="http://twitter.com/" onfocus="this.blur();" class="nonborder">Twitter</a></li>
<li><a href="<%url>?xml" onfocus="this.blur();" class="nonborder">Rss</a></li>
<li><a href="mailto:?subject=問い合わせ&body=ご記入ください" onfocus="this.blur();" class="nonborder">Contact</a></li>
<li><a href="<%server_url>control.php" onfocus="this.blur();" class="nonborder">Admin</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder">Link</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder">Link</a></li>
<li><a href="#" onfocus="this.blur();" class="nonborder">Link</a></li>
</ul>
</div><!-- menu -->

これはいつもの通り、ツイッターとかメールとかはご自分のアドレスを入力してください。
メールアドレスはmailto:の後に入れます。
リンクは8つまでリスト形式で横に並んでいますが、項目を削除することもできます。
5つに減らした場合は、ナビゲーションの項目も5つだけ表示されます。

●実はヘッダー画像にリンクが入れられる


<div id="menu2">
<ul>
<li class="link1"><a href="#" onfocus="this.blur();" class="nonborder" title="お好きな項目">Link</a></li>
<li class="link2"><a href="#" onfocus="this.blur();" class="nonborder" title="お好きな項目">Link</a></li>
<li class="link3"><a href="#" onfocus="this.blur();" class="nonborder" title="お好きな項目">Link</a></li>
<li class="link4"><a href="#" onfocus="this.blur();" class="nonborder" title="お好きな項目">Link</a></li>
<li class="link5"><a href="#" onfocus="this.blur();" class="nonborder" title="お好きな項目">Link</a></li>
</ul>
</div>

上から試験管、フラスコ、三角フラスコ、ビーカー、ガラス瓶と5つまでリンクが設定できます。
画像をクリックするとお好きなページへリンクします。
#の部分にリンクアドレスを入れ、お好きな項目のところには、リンク先の名称などをご自由に
入力してください。

●サイドバーの開閉について

こちらの記事を参考にしてください。
関連記事
baorin

いつも超ド近眼眼鏡をかけています。ああ、視力が良くなりたい・・・。好物はおすしです。性格はずぼらで人見知りです。こわい人がきらいです。

6 Comments

熱い says...""
カッコいい!
2010.06.21 22:22 | URL | #- [edit]
管理人 says...""
熱いさんへ。

センキューッ!!
2010.06.22 11:48 | URL | #- [edit]
しろいまちこ says...""
公開してほしいですね~。
そしたらまた使わせていただきたいです♪
2010.06.22 21:55 | URL | #- [edit]
管理人 says...""
しろいまちこさんへ。

いつもテンプレート使っていただきありがとうございます。
fc2の方は公開できると思います。
が、wordpressの方は実験段階なのでまだまだ・・といったところです。
2010.06.24 10:46 | URL | #- [edit]
KenKen says...""
こんにちは。
お邪魔します。
すべてのデザインがとても素晴らしいですね。
3カラムを少し増やして頂くと嬉しいです。
よろしくお願い致します。
2010.06.30 10:53 | URL | #- [edit]
管理人 says...""
KenKenさんへ。

ありがとうございます。
管理人が2カラムが好きなもので、ついつい2カラムが多く
なってしまうのですが・・3カラムって人気あるんですね。
今後の参考にさせていただきます!
2010.07.01 11:49 | URL | #- [edit]

Leave a reply






管理者にだけ表示を許可する

Trackbacks

trackbackURL:https://mysticdiary.blog.fc2.com/tb.php/171-34b87762
← ブログデザイン変えてみた → グレー系統が続くけど・・