info
jugem用テンプレートを配布しています(ロリポブログでも使用可>>カスタマイズ必要箇所あり)。テンプレート一覧などかんたんにまとめてありますので上部メニューの"template"をクリックでご覧下さい。さらなる詳細はそれぞれエントリーにて個別に記載してあります。
記:2008/12/20
---
出来上がってみたらrdmimgシリーズとSQUARE;凹凸_02を足して割ったようなテンプレに…。
---
>>リンク先の画像を見てもただの真っ白な状態にしか見えないよ!という方もいらっしゃると思いますが模様の白以外の部分を透過してある為です。
>>使用しているのは右上から左下方向のslashですが、もし逆(左上から右下方向)のslashにしたい、またはボーダーなどにしてみたいという方がいらっしゃいましたらこちらのエントリの素材一覧をご覧下さい(リンク先の素材はMAS;sptで使うには向き不向きありますがお好みのものがありましたらお使いください)。
Comments
2009/10/14 5:52 PM
MAS;sptの黒ヴァージョンをダウンロードさせて頂きました。
デザインもとても気に入り、背景だけ画像を入れて使わせて頂いていたのですが、先日解像度の高いパソコンで見た際にブログが真ん中にぎゅっと寄った印象を受けてしまいました。
そこでメインやメニューの幅を相対値で指定したいと思い、%表記に変えてみたのですが、反映されるところもあれば、されないままのところもあり、値によってはカラム落ちしてしまいました。
幅を簡単に変えることは出来ないのでしょうか?
わがままな質問ですが、お手すきのときにでも教えて頂けたらと思います。
2009/10/16 2:42 AM
はじめまして。テンプレ気に入っていただけたようで嬉しいです。
DLしてくださってありがとうございました。
下記に一例【左カラム:可変 // 右カラム:固定幅】の場合で書き残してみます。
▼htmlにて
□ <!-- main_box -->の上に
<!-- container -->
<div id="container">
を書き加える
□ <!-- /main_box/ -->の下に
</div>
<!-- /container/ -->
を書き加える
□ <div class="copyright">の上に<div class="crbox">を書き加える
□ <div class="page_top">の上に</div>を書き加える
▼cssにて
□ #layout {〜} の 幅を width: 98%; に書き換える、もしくは width: 800px; を削除する
(補足>>ウインドウ幅に合わせて表示されることになるので左右に若干余白を持たせようかと。そうすることで元々設定してあるレイアウトのセンタリングをそのまま活かせるかな…ということで98%にしてみました。でも元々このテンプレはウインドウ幅800px以下で閲覧しても両端に詰まった感が出ないように左右に10pxずつ余白をつけているので width: 800px; を削除でもよいとおもいます )
□ #main_box {〜} の上辺りに下記を書き加える
#container {
float: left;
width: 100%;
margin-right: -310px;
}
□ #main_box {〜} を下記と差し替える
#main_box {
margin-right: 310px;
padding: 20px 0 0 10px;
}
□ #footer {〜} のマージンを margin: 0 10px; に書き換える
□/* エントリー */以降の .entry_text {〜} と /* プロフィール */以降の .profile_text {〜} のマージンを margin: 0 8px; に書き換え、width: 460px; を削除する
□ /* フッター */以降の .copyright {〜} と .page_top {〜} を削除し、下記を書き加える
.crbox {
width: 100%;
float: left;
margin-right: -110px;
}
.copyright {
margin: 0 110px 20px 0;
}
.page_top {
width: 90px;
float: right;
margin-bottom: 20px;
}
以上です。
数箇所書き換えたことで不必要になった記述は無いか、記述の間違いなど無いかなど、じっくりと見直している時間が無かったので、ちゃんと表示されるか心配だったりします。
もし再度ご質問いただいた場合ですが、明日から2〜3日pcに向かえる時間がとれそうに無いため、返信がおそくなりますのであらかじめご了承くださいませ。
2009/10/19 11:32 AM
さっそく教えて頂いた通りにしてみましたところ、画面サイズによって幅が変わり、色々試してみましたが、今のところすべて問題なく表示されていました。
我侭なお願いを聞いてくださり、本当にありがとうございました。
テンプレート、末永く使わせて頂きます!
2009/10/20 6:02 PM
先日はとりいそぎ一例として【左カラム:可変 / 右カラム:固定幅】で書かせていただきましたが、解決されたようですね。参考になったようでよかったです。