※クリックすると該当箇所に移動します
CSS の ■追加アレンジ にソースを追加してデザインを変更してください。
追加アレンジの箇所以外にソースを追加するとデザインが崩れますので、必ず、
追加アレンジの箇所にソースを追加してください。
デフォルトデザイン
プラン＃1
追加CSSソース
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
/*個別記事 ＃1*/
.article1,.article2,.article3 {padding: 0 5px; border: solid 1px #d1d1d1; background: #fff;}
.article-body {padding: 10px 10px 0 10px; border: none; border-top: solid 1px #d1d1d1;}
.article-title-outer {padding: 0; border: none; border-radius: 0;}
.article-title {border: none; background-image: none;}
.style03,.article-header {padding-right: 10px; padding-left: 10px;}
プラン＃2
追加CSSソース
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
/*個別記事 ＃2*/
.article1,.article2,.article3 {padding: 0 5px; border: solid 1px #d1d1d1; background: #fff;}
.article-body {padding: 10px 10px 0 10px; border: none; border-top: solid 1px #d1d1d1;}
.article-title-outer {margin: 5px 0 5px 5px; padding: 0 0 0 15px; border: none; border-radius: 0;}
.article-title {border: none; background-image: none;}
.style03,.article-header {padding-right: 10px; padding-left: 10px;}
プラン＃3
追加CSSソース
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
/*個別記事 ＃3*/
.article1,.article2,.article3,.article-body {border-radius: 0;}
.article-title-outer {padding: 0 0 0 15px; border: none; border-radius: 0;}
.article-title {border: solid 1px #d1d1d1; border-left: none;}
.style03,.article-header {padding-right: 10px; padding-left: 10px;}
プラン＃4
追加CSSソース
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
/*個別記事 ＃4*/
.article1,.article2,.article3 {box-shadow: none; border-radius: 6px 6px 0 0;}
.article-body {padding: 15px 5px 0 5px; border: none; border-radius: 0;}
.article-title-outer {padding: 2px 2px 2px 15px; border: none; border-radius: 6px;}
.article-title {border-radius: 0 4px 4px 0; border: none;}
.style03,.article-header {padding-right: 10px; padding-left: 10px;}
.article-footer {border: none;}
プラン＃5
追加CSSソース
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
/*個別記事 ＃5*/
.article-title-outer {border: none;}
.article-title {
background: #000080;/*ベースカラーコード*/
background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.4) 0%, rgba(153,153,153,0.1) 100%); border: none;}
.style03 a,.style03 a:hover,.article-header,.article-header .date,.article-header a,.article-header a:hover {color: #fff;}
※4行目のカラーコード（#000080）はベースカラーに合わせてください。
プラン＃6
追加CSSソース
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
/*個別記事 ＃6*/
.article-title-outer {padding: 0; border: none;}
.article-title {border: none; background: none;}
.style03 a,.style03 a:hover,.article-header,.article-header .date,.article-header a,.article-header a:hover {color: #fff;}
プラン＃7
追加CSSソース
●ソースをダブルクリックしてその状態でコピーしてください
●Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
/*個別記事 ＃7*/
.article1,.article2,.article3 {box-shadow: none;}
.article-body {padding: 15px 10px 0 10px; border: none; border-radius: 0;}
.article-title-outer {padding: 0; border: none; border-radius: 0;}
.article-title {border: solid 1px #d1d1d1; border-right: none; border-left: none; background-image: none;}
.style03 {padding: 20px 10px 0 10px;}
.article-header {padding: 10px;}
.ah-r,.ah-r li {padding: 0 5px 0 0; text-align: left;}
.article-footer {border: none;}