Twenty Tenのレイアウトを変える子テーマ(追記)

Twenty Tenのレイアウトを変える子テーマ(CSSファイル)つくりましたで、Twenty Tenのレイアウトを変える子テーマのCSSファイルをダウンロードしていただけるようにしてみましたが、解凍がうまくいかない、というコメントがありましたので、追記として、こちらにファイルの内容を公開します。


子テーマとして機能するように、CSSの先頭にコメントと、Twenty TenのCSSを読み込むようになっています、あとはシンプルにレイアウトを並べてありますので、必要部分をご自由にお使い下さい。

@charset "UTF-8";
/*
Theme Name: Change layout-webourgeon
Theme URI: http://webourgeon.net/
Description: twentytenのレイアウト変更用の子テーマ  2カラム 左サイドバー, 
3カラム コンテンツ左、右サイドバー2つ, 3カラム コンテンツ中央、左右サイドバー,1カラム
Author:         webourgeon
Template:       twentyten
Version: 1.0
*/


@import url('../twentyten/style.css');


/* *****************************************************
 *	layout
 * *****************************************************/

/*
LAYOUT: Two column, sidebar-content
DESCRIPTION: Two column, left sidebar
             2カラム 左サイドバー
*/
#container {
	float: right;
	margin: 0  0 0 -240px;
}
#content{
	margin: 0 0 0 280px;
}
#primary { 
    float: left; 
}




/*
LAYOUT: Three column, content-sidebar-sidebar
DESCRIPTION: Three column, left content,right two sidebars
             3カラム コンテンツ左、右サイドバー2つ
*/

#container {
	float: left;
	margin: 0 -380px 0 0;
}
#content {
       margin: 0 400px 0 0;
}
#primary {
	float: left;
	width: 180px;
}#secondary {
	float: right;
	width: 180px;
}



/*
LAYOUT: Three column, sidebar-content-sidebar
DESCRIPTION: Three column, left sidebar,center content,right sidebar
             3カラム コンテンツ中央、左右サイドバー
*/

#container {
    float: left;
    background: ;
    margin: 0 0 0 0 ;
}
#content {
     margin: 0 200px 0 200px;
}
#primary {
    float: left;
    width: 180px;
    margin: 0 0 0 -940px;
}
#secondary {
    float: right;
    width: 180px;
    margin:  0  0 0 -180px;
}


/*
LAYOUT: One column
DESCRIPTION: One column, no sidebar full width 
             1カラム サイドバーなし 
*/


#container {
	float: none;
	margin: 0;
}
#content {
	margin: 0 auto;
	width: 940px;
}
#primary {
	float: left;
	width: 460px;}

#secondary {
	float: right;
	width: 460px;
}

この次の記事では、メインの記事部分のCSSや「続きを読む」などを見ていきたいと思っています。

コメントをどうぞ♪