Design218*

( ´ ・ J ・` ) ♥(∵ )

公開終了⇒Design218-CROSSxS2



12作目※9/13承認 ⇒ 2014/07/31公開終了しました。
Design218*CROSSxS1
利用規約をご覧ください
シンプルな幅可変・2カラム(右)テンプレート
プラグイン(1)(2)は右カラム。プラグイン(3)はindexページでのみ、1つ目の記事の上に表示されます。indexエリア変数を使用しています。追記は折りたたみ式。
続きにTips×1つあります。参考までにどうぞ。
素敵な素材をお借りしました ラメ入り紅茶様

「CROSS×S1」の2カラム
背景は「血痕」として配布されているものですが
今回は「生まれたてのウイルス」のイメージとしてお借りしました

その他・関連記事

CROSS:十字レイアウトの変更方法

「Design218-CROSSxS2」のスタイルシート編集部分で変更します

/*---------------------------------------------------------
★レイアウト関連
---------------------------------------------------------*/
div#container
{
width:70%; ← ブログ全体の割合(70%を100%とする)
text-align:left;
margin:0 auto 0 auto;
padding:0;
}

div#primary-column
{
float:left;
width:66%; ← 70%(=100%)のうち66%が左カラム
}

div#secondary-column
{
float:right;
width:32%; ← 70%(=100%)のうち32%が右カラム
padding-left:2%; ← 70%(=100%)のうち2%が左カラムと右カラム間の余白
margin:150px 0;
}

.line1{
width:100%;
height:100%;
text-align:left;
border-bottom:1px solid #990000; ← 十字の横線:ヘッダー部(ブログタイトル下)
}

.line2{
width:100%;
height:100%;
text-align:left;
border-top:1px solid #990000; ← 十字の横線:フッター部(ページナビ上)
}

.line3{
width:70%; ← 十字の縦線を境として、その左が18%(余白側):右が82%(エントリー側)=100%
height:100%;
text-align:left;
margin:0 0 0 auto;
padding:30px;
border-left:1px solid #990000; ← 十字の縦線
}

カテゴリー: ⇒公開終了
テーマ:共有テンプレート  ジャンル:ブログ

コメントの投稿はこちらから ♥

COMMENT-FORM

SECRET

トラックバックはこちらから ♥

TRACKBACK

この記事のトラックバックアドレス

→この記事にトラックバックする(FC2ブログユーザー)

Design218-CROSSxS2

11作目※申請準備中 Design218*CROSSxS1 利用規約をご覧ください シンプルな幅可変・2カラム(右)テンプレート プラグイン(1)(2)は右カラム。プラグイン(3)はindexページでのみ、1つ目の記
...この記事を表示

  • 2013.09.10
  • Tue
  • 20:20
  • 218*

  • このページのトップへ

CALENDAR

07 | 2017/08 | 09
S M T W T F S
- - 1 2 3 4 5
6 7 8 9 10 11 12
13 14 15 16 17 18 19
20 21 22 23 24 25 26
27 28 29 30 31 - -

ENTRY’s

CM▼<>+-
TB▼ <> + -

CATEGORY

ARCHIVE

  • ALL
  • 08  01  10  09  08  07  04  03  02  01  12  10  09  08  07  06  05  04  03  02  01  12  11  10  09  08  07  06  05  04 

BOOKMARK

PROFILE

ミシン
Design218*(=218*) ミシン