忍者ブログ

CusblO

忍者ブログテンプレートカスタマイズ ブログテンプレートCSS/HTMLカスタマイズ覚書 忍者用ブログテンプレート作成中

HOME[PR]カラムとサイドバーとプラグインサイドバーを上に伸ばす 

[PR]

09/22(Fri)  YESR2017

×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

サイドバーを上に伸ばす 

03/14(Sun)  YESR2010

サイドバーを上に伸ばすと
ブログの名前(タイトル)の横まで引き上げる

実際右サイドバーをやってみた

理論:HTML内、サイドバーが ブログタイトルの上にあるか無いかの違い
HTMLを変更すれば自由に変えられる

こまめに保存実際のブログで確認推薦


場所移動 HTML
<!--右プラグイン--> から <!--/右プラグイン-->
 もしくは
 <div class="PluginBlockright">
から
<!--/plugin5-->など最後の閉め括りの下にある </div>
までを
選択(マウスカーソル右クリック押しっぱなし)
コピー(Ctrl+C) 削除(Ctrl+X)
サイドバーが2つある場合 移動させたいほうを選択コピー削除
 
<!--if_not_edit--> の上に貼り付け


  縦横調節 CSS
 トップブロック用デザイン
/*一番上のブロック(タイトルが書かれる場所)の設定*/
width:数字px; 数字を小さくする

ブログタイトル と 上に伸ばしたプラグインの
padding:内側余白 と margin:外側余白
0px 0px 0px 0px;
上  右  下  左 

背景画像使用の場合 background-position
を微調整
 

拍手

PR

この記事にコメントする

お名前
タイトル
文字色
メールアドレス
URL
コメント
パスワード   Vodafone絵文字 i-mode絵文字 Ezweb絵文字
 管理人だけに表示

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

この記事にトラックバックする:

サイドバープラグインごとを背景画像で綺麗に囲む« HOME »カーソル変化

最新コメント
[04/23 管理人]

最新トラックバック
(03/10)

Yurapisは、Twitterとmyspace同期中

ブログ:
ネーム:
かすぽ
趣味:
美しい・綺麗なものの鑑賞
自己紹介:
CusBloスタート:2010.03.07
3月16日1作目完成とどうじに愛猫天使記念日

最近自分が引っ込み思案と知った。
フリーかつ手動作成まっしぐら中

素材配布サイト様へ:リンク漏れが有る場合以下の専用ページにコメントください



Copyright (C) CusblO
TEMPLATE by CusBlo
     忍者ブログ [PR]
 | 管理 | 新記事