はじめに // 配布テンプレ&利用規約

<< トップページでもこもこから中身がはみ出る。 + main + 簡単リンクタグ >>

よくある質問集

えーコメントをつける方は最低でもよくある質問集はチェックしてください。この記事にコメントつけてるのに、ここに書いてある項目を見ていないとか???ってなってしまいます。 今後はここに書いてあるのに、っていうコメントを頂いた時はコメント数の氾濫を防ぐためにも解答後そのコメントを削除させて頂きます。


ユーザー助け合い掲示板にもあるんですが
目次の意味も兼ねて。随時追加予定。
自分のスキルを上げたい、1から身につけたいって人は
まずcss講座xhtml講座を見てください。


■基本的なことである色換えや背景、文字装飾などは下のcss。
アイコン追加、不要項目削除などはhtmlと独自タグを見てください。


■具体的カスタマイズ

スポンサーサイト

一定期間更新がないため広告を表示しています

| | Comment 0 | - |

タイトルの左にアイコンを入れる。

ふみだと直接htmlに入れたりする方法を教える方が多いんですが
それだとサイドメニューなんかは全部に入れるのが面倒なので
cssで表示する方法をお教えします。


まずtitleのclassを探します。
サイドだったら.linktitle
エントリだったら.entry_titleが一般的です。
それをみつけたら
もともとあるpaddingの行を削除し、代わりに


background:url(アイコン画像URL) no-repeat left bottom;
height:●●px;
padding-left:●●px;

をいれます。
heightはアイコン画像の高さ以上
padding-leftはアイコン画像の横の幅以上を指定し
数字を徐々に増やして調整しながらちょうどいいところで止めるといいです。
html弄る必要はなし。


これを下線を画像にしたい場合は


background:url(アイコン画像URL) repeat-x bottom;
height:●●px;

で同様に調整してください。
もともとあるborder-bottomの行は削除で。

| 21:09 | Comment 17 | - |

スポンサーサイト

| 21:09 | Comment 0 | - |

Comment

すみません。
ここの内容を関係ないと思う質問なのですが、

コメント書くときに文字のサイズを変えたいんです!
どこで変えたらいいのか分かりません!
教えて下さい。

| プリン..!(ω | 2008/01/21 6:08 PM |

cssの
/*----------------------------------
 コメント欄の四角の枠線の色や背景色は
 ここで変更できます
--------------------------------------*/

input, textarea {
border: 1px solid #666;

}

って項目にfont-sizeを書き込んでください。

| tk | 2008/01/21 6:12 PM |

↑のたぐの何所に書き込めばいいんですか?
すみません。

| プリン..!(ω | 2008/01/21 6:32 PM |

他のところと見比べれば
cssは
{

}
内に記述を書き込むと分かるかと思います。
.entry_bodyなんかと見比べるともともとfont-sizeの行が入っていると思うので
参考にしてみてください。

| tk | 2008/01/21 6:35 PM |

出来ましたvありがとうございました★

| プリン..!(ω | 2008/01/21 6:43 PM |

画像についての質問欄が見た所
無いようなので(;ω;)
こちらに書きます!

記事に日記など書きますよね?
ロゴとか写真とか画像とかも貼ったりします。

画像的な物を貼ると下のように画像の周りに
枠?みたいなのが出てきます(;ω;)
http://ryoutyan.jugem.jp/?page=1
どうすれ直りますか教えて下さい。

| ぷりん | 2008/03/22 6:33 PM |

マルチポストはお断りしています。

| tk | 2008/03/22 6:38 PM |

ここに書く内容でもないとおもうのですが、
私はfire foxをブラウザとして使用しているのですが、
今のテンプレートがfire foxでは普通の2カラムテンプレートとしてみれるのに、
IEに変えチェックしてみたところ、テンプレートの右メニューが、エントリーの下に移動してしまっています。
直し方がわからず困っています。できる限りの範囲内で教えていただければ幸いです。

| 森塚 | 2008/11/30 4:23 PM |

uumu。
できればこういうのは配布元に質問しに行って頂きたいのですが
まずはチェック事項を。
htmlやcssは弄ってないんでしょうか。
もし弄っていないとしたら横幅大きいものいれてませんか? 
モノコレやオススメなど一度全部消してみてください。

| tk | 2008/11/30 4:34 PM |

初めまして。

「タイトルの左にアイコンを入れる。」というのは、私のブログで言う「あばうと:)」などの左の「>」というところをアイコンに変えられる、ということですか?

少なくとも私はそう思い、実行してみたのですが、サイドメニューの名前(私のブログで言う「めにゅう★、」などの所)に、その下の……が重なってしまい、アイコン画像なども出ませんでした。

どうしたらできますか?(そもそもできないんですかね?)

多忙だとは思いますが、よろしくお願いします。

| 棗苺 | 2008/11/30 9:52 PM |

ちがいます。
あなたの言っているのはリスト。タイトルではありません。

リストのアイコンかえたいならcssの
ul {
margin: 0px 0px 0px 10px;
padding: 0px;
list-style-image: url(./template/flat/img/arrow.gif);
}

の4行目のカッコ内を、アイコンのURLにかきかえればいいですよ。

| tk | 2008/11/30 10:24 PM |

どうもありがとうございます!

こんな不慣れな者に丁寧に説明していただき、本当に助かりました。

これからも、ここのサイト様を参考にしていきたいと思います(^ω^)

| 棗苺 | 2008/12/01 9:11 PM |

すみません。

先ほど教えてもらった方法を実践してみたのですが、どうしても黒い・にしかならないようです。

なにか解決策はあるでしょうか?

| 棗苺 | 2008/12/01 9:23 PM |

よーく見るのですよ

list-style-image: url((http://popjoker.img.jugem.jp/20081130_684628.gif);

((って二つになっているでしょう。修正修正。

| tk | 2008/12/01 9:27 PM |

見落としてました;;

できましたー!

ありがとうございましたm(_ _)m

| 棗苺 | 2008/12/01 9:44 PM |

私のブログで
「Mix」のMの前にアイコンを持ってくることってできますか?
上の棗苺さんが質問しているのを見たのですが
そのやり方ではサイドバーの中のもの
(ENTRYの記事とか)にアイコンがついてしまうんです。
サイドバータイトルの左にアイコンをつけることって無理なんですかね

| | 2009/03/31 2:35 PM |

てっとりばやいのはhtmlで該当箇所の前に<img src="アイコンのURL" />ってかいちゃうことですね。
フリースペース使ってるなら独自タグで
{freespace_title数字}みたいになってるなないでしょうか。

| tk | 2009/03/31 3:37 PM |

Submit Comment