このブログについて
アダルトな大人向けのテンプレートを中心に細々と作っていきます。気が向いたら使ってやってください。アダルトなのはテンプレートのみでアダルトコンテンツは一切ありませんので悪しからず。
テンプレートに共通する特徴
- なるべく正しい文書構造
- なるべく正しいCSS
- なるべくブラウザに依存しない
- なるべく可読性を保つ
- なるべくゆったりとしたレイアウト
- アダルト・同人ブログでの利用可能
- 違法・違反ブログでの使用はお断り
詳細は各テンプレートの説明にて
レイアウトの変更方法
2009/01/13(Tue) テーマ:共有テンプレート - ジャンル:ブログ
当サイトで配布しているテンプレートのレイアウト変更法です。
2カラムテンプレートの場合
スタイルシートの編集画面を開き、スタイルシートのソースの最下部までスクロールしてください。
以下の部分のソースを書き換えます。
#main {
float: left;
width: 560px;
font-size: 90%;
}
#sub{
float: right;
width: 240px;
font-size: 90%;
}
#main は記事を表示している部分
#sub はプラグインメニューを表示している分です
上記のソースだと #main が float;left; で #sub が float:right; ですから、記事が左側でメニューが右側に表示されます。
この left と right を入れ替えることで左側にメニュー・右側に記事を表示することができます。
具体的なソースは以下の通りです。
#main{
float: right;
width: 560px;
font-size: 90%;
}
#sub{
float: left;
width: 240px;
font-size: 90%;
}
たったこれだけです。
共有未登録テンプレート
2009/01/11(Sun) テーマ:共有テンプレート - ジャンル:ブログ
共有登録していないテンプレートの一覧です。管理画面からはダウンロードできません。
ダウンロードサイトからダウンロードしてお使いいただけます。

プレビュー テンプレート解説ページ

プレビュー テンプレート解説ページ
(バレンタイン期間限定で共有登録中、管理画面からダウンロードできます)

プレビュー テンプレート解説ページ

プレビュー テンプレート解説ページ
ダウンロードサイトからダウンロードしてお使いいただけます。
NoblePurple_3c

プレビュー テンプレート解説ページ
NeoCountryBear

プレビュー テンプレート解説ページ
(バレンタイン期間限定で共有登録中、管理画面からダウンロードできます)
NeoBlackRose

プレビュー テンプレート解説ページ
NeoBlueMoon

プレビュー テンプレート解説ページ
テンプレートソース 変更履歴
2009/01/11(Sun) テーマ:共有テンプレート - ジャンル:ブログ
*この変更は当サイトで配布する全てのテンプレートで適用されます。
最新の修正日以降にダウンロードしていただくことで全てのテンプレートで修正が適用されます。
修正前の全記事一覧 修正後の全記事一覧
画像・広告を挿入する際に検索窓が邪魔な場合はhtmlソース下部に記載されている該当部分を丸ごと削除してください。
注:ブログタイトルに使用していた見出しタグ(<h1></h1>)は別途に記述してありますので、htmlソースの文書構造に変更は無く、SEOで不利になることもないはずです。
検索窓の部分に広告を表示したい場合は以下のようにソースを編集すると簡単です。(広告の大きさ(特に横幅)にご注意ください)
修正前
修正後
最新の修正日以降にダウンロードしていただくことで全てのテンプレートで修正が適用されます。
2009/01/11 全記事一覧ページをデザインしました
文章で説明するより実際にご覧いただく方が早いと思うので。(NoblePurpleの場合)修正前の全記事一覧 修正後の全記事一覧
2009/01/10 ブログタイトル部分に画像が使いやすいように調整しました
ヘッダーブロックを追加しブログタイトル&ブログDescription(サブタイトル)をヘッダーブロックに内包することでヘッダー内への画像・広告の挿入を容易にしました。画像・広告を挿入する際に検索窓が邪魔な場合はhtmlソース下部に記載されている該当部分を丸ごと削除してください。
注:ブログタイトルに使用していた見出しタグ(<h1></h1>)は別途に記述してありますので、htmlソースの文書構造に変更は無く、SEOで不利になることもないはずです。
検索窓が不要な場合は以下のhtmlコードを削除
<div id="search">
<form action="./" method="get">
<input type="text" size="20" name="q" value="Search" maxlength="200" />
<input type="submit" value=" 検索 " />
</form>
</div>
検索窓の部分に広告を表示したい場合は以下のようにソースを編集すると簡単です。(広告の大きさ(特に横幅)にご注意ください)
上記と同じ部分の1行目と最終行を残して、その間に広告コードを記入
<div id="search">
表示したい広告のコード
</div>
2008/08/19 エントリータグの表示について微調整しました
エントリータグがない場合にも表示されていた Tag: の部分を、エントリータグがない記事では非表示にしました。気になる方は再度ダウンロードください。
修正前
修正後



