2008年07月05日 00:47
某所にて要望があったsuspireの逆カラムバージョンです。編集箇所が多かったので、今回はCSSファイルそのままでの配布ー。
suspire-re(080705).css
上のCSSファイルを開き、全て選択→コピーの後、テンプレートのスタイルシートと置き換えてください。
suspire-re(080705).css
上のCSSファイルを開き、全て選択→コピーの後、テンプレートのスタイルシートと置き換えてください。
コメント
Jhon.Jhon | URL | -
Re: 「suspire」カラム逆配置版
ありがとうございます
実は、今こちらに質問に伺おうと思ってきたら
見つけました
近々、テンプレートを変更します
( 2008年07月06日 02:05 [編集] )
Jhon.Jhon | URL | -
Re: 「suspire」カラム逆配置版
逆転は、出来ました
ありがとうございます
メインの文字色とサイズを少し大きくしてみました
あと、サブカラムの幅を小さくして
（固定じゃなくても割合で小さくで良いので）
もう少し小さめのカレンダーにしたにのですが
色々とお手数をおかけして申し訳ありません。
( 2008年07月06日 02:36 [編集] )
rimse | URL | 4HNZ8mMg
Re: 「suspire」カラム逆配置版
Jhon.Jhonさんへ
サブカラムの幅を小さくするには、
#main {
float : right;
width : 64%;
overflow : hidden;
}
と、
div#sub{
width : 35%;
padding-top : 2.5em;
float : left;
background-image : url("http://blog73.fc2.com/r/rimse/file/border-y.gif");
background-repeat : repeat-y;
background-position : right top;
/* for IE5 */
text-align : center;
}
の、それぞれ太字の所を変更します。
#mainのwidthの値を大きく、#subのwidthの値を小さくして、二つの値の合計が99%以下になるようにしてください。
カレンダーは、サブカラムの幅に合わせて変化するようになっています。サブカラムを小さくしてもまだ大きく感じましたら、
table.calender {
width : 95%;
margin : 0 auto;
}
のwidthの値と、
.calender td,
.calender th {
text-align : center;
border-right : 1px solid #eee;
border-bottom : 1px solid #eee;
padding : 0px;
line-height : 180%;
font-size : 95%;
}
このline-heightの値を（適当に）変更して調節してみてください。
( 2008年07月06日 18:47 [編集] )
Jhon.Jhon | URL | -
カラム幅の変更
出来ました。今日からテンプレートを使わせて頂いています
色々ありがとうございます
友人より、文字が薄い。ニャンコが怖い ^^;とコメントが来てますので
何か画像を差し替えてもいいのでしょうか？
と言っても良い画像が無いのですけど
でも、できれば長く使い続けたいので
今後の検討が必要なようです
色々お手数をおかけして申し訳ありません
( 2008年07月07日 00:58 [編集] )
rimse | URL | 4HNZ8mMg
Re: 「suspire」カラム逆配置版
カスタマイズの制限はしておりませんので、ご自由に手を加えてくださってかまいませんよー。
文字が薄く感じるという方は多いのでしょうか…？もし多いようなら文字色について多少検討し直そうと思います。
( 2008年07月07日 02:48 [編集] )
Jhon.Jhon | URL | -
文字色
今、＃666に設定しています
私は、薄いとは思わないのですが。
実は、番号と色の関係を表した物がないので
見つけてから、検討してみます
色々、お手数をおかけします
( 2008年07月07日 15:25 [編集] )
コメントの投稿