2008年06月30日 01:51
気分転換にテンプレートをつくってみました。テンプレート名は「lostsky」
Daylightをベースに、大昔の遺産を流用+Flickrから画像を拝借です。
http://www.flickr.com/photos/drown/148206233/
このテンプレートでは、エントリータイトルの部分をHerbaやBirdcallのようにマウスオーバーで色が変わるようにしました。なんだかんだで色合いがBirdcallと同じになってしまったのは色彩感覚の無さの現れですね。精進します…。
Daylightをベースに、大昔の遺産を流用+Flickrから画像を拝借です。
http://www.flickr.com/photos/drown/148206233/
このテンプレートでは、エントリータイトルの部分をHerbaやBirdcallのようにマウスオーバーで色が変わるようにしました。なんだかんだで色合いがBirdcallと同じになってしまったのは色彩感覚の無さの現れですね。精進します…。
コメント
ふんわりさん | URL | mQop/nM.
Re: なんだか集中できなかったので
はじめまして
あなたの作られたテンプレートを使わせていただいているのですが、文字の色が薄いので黒色にしたいのですが、操作の仕方を教えてください。
それと、日記の書き込みの日付の時間のところを消したいのですが、それも教えていただけませんか。
学生さんでお忙しいでしょうが宜しくお願いします。
投稿メール欄も消したいです（迷惑書き込み対策です）
( 2008年07月01日 19:48 [編集] )
rimse | URL | 4HNZ8mMg
Re: なんだか集中できなかったので
ふんわりさん初めまして。
まず文字色の変更についてはこちらを。
http://rimse.blog73.fc2.com/blog-entry-61.html
文字を黒にする場合は、#999;を#000;に変更してください。
日付の時間を消す場合は、HTMLの編集を行います。
HTMLから、
<p class="entry-time"><%topentry_year>年<%topentry_month>月<%topentry_day>日 <%topentry_hour>:<%topentry_minute></p>
という部分を検索し、「<%topentry_hour>:<%topentry_minute>」を削除してください。
「投稿メール欄」というのがちょっと良くわからなかったのですが…これはコメント投稿でのメールアドレスを入力するフォームのことでしょうか？
( 2008年07月02日 01:06 [編集] )
ふんわりさん | URL | mQop/nM.
Re: なんだか集中できなかったので
ありがとうございます
なんとか頑張ってやってみます。
投稿のコメントのメール欄のことです。
( 2008年07月02日 08:59 [編集] )
★RHYME★ | URL | ddGvqESs
初めまして、rimseさん、質問ですがいいですか？
favillaをお借りしてしようさせて頂いています★
素敵なデザインで気にいってます★
そこで教えて欲しい事があるんですね。
説明しにくいんですけど、
favillaの右の上にブログのタイトルがあるじゃないですか、
文字の色はなんなく変える事ができたのですけど、
その文字の周りって空白で真っ白じゃないですか、
そこを利用して画像を差込たいんです、
言い方を変えると右上の四角いスペースを利用してブログタイトルの後ろの背景に画像を入れたいって事です。
可能ですかね？
伝わりにくかったら申し訳です。
そしてCSS、HTML初心者なので
ふんわりさんのように、ソースを書いてもらえたりははお願いできませんかね？
我侭言って申し訳ないです。
迷惑がかかるのも承知の上ですが是非、教えて欲しいです。宜しくお願い致します。
( 2008年07月02日 18:51 [編集] )
rimse | URL | 4HNZ8mMg
Re: なんだか集中できなかったので
ふんわりさんへ
テンプレート側でメールアドレスのフォームを削除しても、FC2側のコメント投稿ページにもメールアドレスを入力するフォームがあるため、あまり意味がないように思います。
迷惑行為を防止するというのを第一に考えた場合、閲覧者側からメールアドレスを見ることができないようにするのが一番良いと思われるので、ここではそういった変更について紹介します。
HTMLの編集から、
<div class="comment-header"><p><%comment_mail+name> | <%comment_url+str> | <span class="trip"><%comment_trip></span></p></div>
という部分を検索してください。
この中の、<%comment_mail+name>を<%comment_name>に変更することで、閲覧者からはメールアドレスが分からないようになります。
＞★RHYME★さん
詳細が分からないので何とも言えませんが、それっぽいカスタマイズの方法をまとめておきました。
http://rimse.blog73.fc2.com/blog-entry-62.html
以下、上の記事に対する補足説明です。
まず、「画像のurl」という部分を使いたい画像のurlに置き換えてください。
もし背景画像を繰り返したくない（一枚のみ表示）のであれば、background-repeatの値はno-repeatのままでOKです。背景画像を横方向に繰り返したいのであれば、no-repeatの部分をrepeat-xに、縦方向に繰り返したければrepeat-yに、縦横方向にタイル状にしきつめたいのであればrepeatに設定してください。
background-positionの値は、背景画像を置く場所を示します。初期状態では、左側（left)の上側（top)に設定されています。横方向の位置はleft・center・right、縦方向の位置はtop・center・bottomが選べますので、こちらも使いたい画像にあわせて設定してください（一応もっと細かく配置を設定することができますが、ここでの説明は省略させていただきます）。
かなり急ぎでの説明になったので分かり辛いですね…。CSSについては解説ページなどが多く公開されているので、それらを参照した方が良いと思います。
( 2008年07月03日 01:20 [編集] )
ふんわりさん | URL | S044/7pE
Re: なんだか集中できなかったので
色々とありがとうございました
お世話になりました。
( 2008年07月03日 09:48 [編集] )
コメントの投稿