テーマ「Chunk」のフッター部をサイドバーにもってくるための CSS

5月 | 2013 | comemo | ページ 7

WordPress.com フォーラムのトピック「Create a sidebar for Chunk Theme? « WordPress.com Forums」で紹介されていた CSS を微修正。

記事「テーマ「Triton Lite」のメニューをセンタリングするための CSS」での知見を参考にして、メニューのセンタリングもついでに行いました。

CSS スタイルシートエディターに以下の CSS を追加すると、

/* テーマ「Chunk」のフッター部をサイドバーにもってくる */
body {
	background-image: linear-gradient(rgba(0,0,0,0.22),rgba(255,255,255,0) 80px);
}

#menu > div {
	text-align: center;
}

#menu ul {
	display: inline-block;
}

#menu li {
	text-align: left;
}

#container {
	background: none repeat scroll 0 0 transparent;
	margin-left: auto;
	margin-right: auto;
	padding-left: 0;
	padding-right: 0;
	position: relative;
	width: 990px;
}

#header, #menu {
	width: 990px;
}

#contents {
	width: 590px;
}

#widgets {
	border-top: medium none;
	float: right;
	position: absolute;
	right: 0;
	top: 305px;
	width: 160px;
}

#widgets .widget {
	clear: both;
	width: 100%;
}

テーマ「Chunk 」のフッター部をサイドバーにもってくることができます。

adfasdfas

rect3015

adfadfasdf

 

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト /  変更 )

Google フォト

Google アカウントを使ってコメントしています。 ログアウト /  変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト /  変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト /  変更 )

%s と連携中