2006年06月27日 19:43
FC2ブログ用テンプレート : ideal
赤色をアクセントとした、ソリッドデザイン。
HTML4.01strictに準拠、プラグインのON/OFFに対応。
テンプレートの編集はご自由にどうぞ★
ただし、編集後のテンプレートを共有する等の場合は、事前に連絡してくださいm(_ _)m
このテンプレートに関する質問や要望、不具合報告などはこのエントリーでお願いします。感想も受け付けています！
MeaCulpa : ideal
HTML/CSS/FC2ブログテンプレートのメモ(・ω・)
FC2ブログ用テンプレート : ideal
赤色をアクセントとした、ソリッドデザイン。
HTML4.01strictに準拠、プラグインのON/OFFに対応。
テンプレートの編集はご自由にどうぞ★
ただし、編集後のテンプレートを共有する等の場合は、事前に連絡してくださいm(_ _)m
このテンプレートに関する質問や要望、不具合報告などはこのエントリーでお願いします。感想も受け付けています！
コメント
さるゾウ | URL | mQop/nM.
はじめまして。
共有テンプレidealがとっても気に入ったのですが、できれば３カラム版もＵｐしていただけないでしょうか？
一応、トライしてみたのですが・・・なんかこう、きれいにできず断念してしまいました。
( 2006年07月10日 15:55 [編集] )
| |
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
( 2006年07月10日 17:02 [編集] )
(*'-') | URL | NDu29Gck
＞さるゾウさん
こんにちは！うちのデザインを気に入ってもらえて光栄です★
さて、3カラムの件は、技術的にはそれほど難しくはなさそうなのですが、「使いやすさ」に関する調整が大変そうなので、すこし時間が必要になってしまうかもしれません（僕自身、3カラムを使ったことがないという難点もあります…)
それなので…申し訳ないのですが、少し時間を頂きたいなーと思います…。すみませんm(_ _)m
＞コメントNo2さん
返信先が書かれていなかったので、こちらに書かせて頂きますm(_ _)m
名前横の#を非表示にするのはHTML・CSSどちらでも可能ですが、今回は簡単なCSSを使った方法を紹介したいと思います。
テンプレートの編集画面を開き、スタイルシートの編集から、最後部に次の一行を追加してください。
.trip{display:none}
これだけで#以下の部分は非表示にされると思います〜。
( 2006年07月10日 22:38 [編集] )
さるゾウ | URL | mQop/nM.
レスありがとうございます。
テンプレを作る、作らないは作者様の自由ですので、気長にお待ちしています。
( 2006年07月11日 09:47 [編集] )
| |
管理人のみ閲覧できます
このコメントは管理人のみ閲覧できます
( 2006年07月11日 17:03 [編集] )
琥珀にゃんこ | URL | F9ckFCGU
はじめまして。
共有テンプレの「ideal」を使わせていただいている者です。
ＴＯＰ画像の下、本文＆メニューの間に「横表示のカレンダー」を表示したいのですが…なかなか上手くいきません。
お知恵をお貸しいただければ幸いです。
( 2006年08月17日 16:44 [編集] )
(*'-') | URL | NDu29Gck
琥珀にゃんこさん初めまして★
idealをお使い頂きありがとうございます〜。
さて、横表示型のカレンダーですが、それっぽいものを作ってみました。
HTMLの編集から、<div id="page">と<div id="main">の間に、以下の記述を追加してくださいm(_ _)m
<div style="text-align:center;margin-bottom:0.5em;">
<a href="<%prev_month_link>"><%prev_month>月</a> |<span style="font-size:50%"> </span>
<!--calender2--><%days><span style="font-size:50%"> </span><!--/calender2--> |
<a href="<%next_month_link>"><%next_month>月</a></div>
変にCSSに干渉してしまわないようにHTML中にスタイルを記述してみました。
ちょっと無理矢理な感じですが、横幅が一杯になったら改行できるようにしてありますー。
( 2006年08月17日 18:53 [編集] )
琥珀にゃんこ | URL | F9ckFCGU
無事に設置できました！！
ありがとうございます。
( 2006年08月18日 10:33 [編集] )
琥珀にゃんこ | URL | -
Re: ideal
いつもお世話になっております。
表示される幅が画面のサイズによって変動してしまい
予期せぬ空白が発生したりするのを防止したいと思いました。
幅を９００ｐｘに固定し、表示される位置を中央にするために
下記の部分を変更しました。
ところが上手く設定できません。
どうすればいいのか、教えていただけませんでしょうか？
ＣＳＳ ＞ ページ全体の設定
＞ body{
＞ margin: auto;
＞ width: 900px;
( 2007年01月16日 13:44 [編集] )
(*'-') | URL | NDu29Gck
Re: ideal
にゃんこさんお久しぶりです★
幅固定ですが、テストの環境では
> body{
> margin: auto;
> width: 900px;
この部分のほかに、
#title{
.
margin : 0px 7%;
.
}
と、
#page{
.
margin : 0px 7%;
.
}
を削除すると、それっぽい形になりました。
ただ、一つ問題があって、InternetExplorerだとサブメニュー部分のタイトルが画面サイズを変更するとズレるという良くわからない不具合が発生しました…。
idealが結構昔のテンプレというのもあり、この不具合なかなか修正が難しそうな気がします(´・ω・｀)
( 2007年01月16日 21:03 [編集] )
コメントの投稿