スポンサーサイト 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。


テンプレート部門に参加中。クリックしてくださると励みになります♪
--:--  |  スポンサー広告  |  EDIT  |  Top↑
2007.06/12 (Tue)

do_blueskyを右メニューにする方法 

やろうと思ってすっかり忘れていた; do_blueskyの右メニュー用背景をUPしました。
これで、背景壁紙と壁紙の位置、記事とメニューのフロートの入れ替えの計4箇所を、スタイルシートの編集で書き換えれば、右メニューになります

上書き登録したものには、その説明を入れました。
それ以外にも、最近ログインすると「新しく記事を書くページ」に入ってしまうので、「管理者トップページ」へのリンクと、ブログと同じデザインでの全記事一覧頁へのリンクもつけました(プレビューだとFC2仕様のままになってますが、テンプレを設定すればテンプレと同じデザインの全記事一覧を見ることが出来ます)。
あと、記事が無題の時でも、デザインが間抜けにならないよう、記事タイトルと日付けの位置を交換しました。
ちょい便利に(たぶん)なったので、再DL推奨ですが、ダウンロードし直すのは面倒だけど、右メニューにはしたいって方は、以下を見て、4箇所を書き換えてくださいね★

/* 画面全体の設定 */
body {
text-align:center; /* IEのバグを利用して中央に配置 */
font-family:"\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF","\30D2\30E9\30AE\30CE\20Pro\20W3",'Hiragino Kaku Gothic Pro','Osaka',sans-serif; /* 画面全体のフォント指定 */
font-size:12px; /* 画面全体の文字サイズ */
color: #003; /* 画面全体の文字色 */
background-color:#fff; /* 画面背景の色 */
background: url(http://blog-imgs-14.fc2.com/d/o/k/dokode/doskykabe.jpg); /* 背景画像のURL (右メニューにしたい場合は括弧内の画像アドレスをhttp://blog-imgs-14.fc2.com/d/o/k/dokode/doskykabe2.jpgにしてください) */
background-position:left top; /* 左上に配置(右メニューにしたい時はleft topをright topに変えてください */
background-repeat:no-repeat; /*画像を繰り返さない*/
background-attachment:fixed; /*画像を固定*/
line-height:1.3; /* 行間 */
font-size: x-small; /* 古いIEの文字サイズ指定 */
voice-family: "\"}\""; /* おまじない */
voice-family: inherit; /* おまじない */
margin:0;
padding:0;
}



/* メイン */
#main {
width:530px;
float:right; /* 右に配置(右メニューにしたい時はrightをleftに変更してください) */background-color:#fff; /* 背景色 */
border-left:#009 1px solid;
border-right:#009 1px solid;
border-bottom:#009 1px solid;
padding:0;
margin:0;
}

/* メニュー */
#menu {
float:left; /* 左に配置(右メニューにしたい時はleftをrightに変更してください) */
width:210px; /* メニューの幅 */
background-color:#fff; /* 背景色(透過設定がいらない方は下の3つの透過設定を削除してください) */
filter:alpha(opacity=70); /* IE用透過設定(100に近づけるほど不透明)*/
-moz-opacity:0.7; /* FireFox、Netscape用透過設定(1.0に近づけるほど不透明)*/
opacity:0.7; /* OPERA・MAC・Safari用透過設定(1.0に近づけるほど不透明)*/
border-left:#fff 1px dashed;
border-right:#fff 1px dashed;
border-bottom:#fff 1px dashed;
margin:0 0 20px;
padding:0;
overflow:hidden; /* はみ出した部分を隠す */
}

スポンサーサイト


テンプレート部門に参加中。クリックしてくださると励みになります♪
08:07  |  カスタマイズ色々  |  TB(1)  |  CM(0)  |  EDIT  |  Top↑

Comment

コメントを投稿する

URL
COMMENT
PASS  編集・削除するのに必要
SECRET  管理者だけにコメントを表示
 (現在非公開コメント投稿不可)
 

▲PageTop

Trackback

この記事のトラックバックURL

→http://dokode.blog87.fc2.com/tb.php/72-dfb303ce
この記事にトラックバックする(FC2ブログユーザー)

この記事へのトラックバック

-

管理人の承認後に表示されます
2013/07/03(水) 21:25:47 | 

▲PageTop

 | HOME | 
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。