テンプレート配付用ブログ

テンプレート配付用ブログ

アダルトな大人向けのテンプレートを作るよ

このブログについて

アダルトな大人向けのテンプレートを中心に細々と作っていきます。気が向いたら使ってやってください。アダルトなのはテンプレートのみでアダルトコンテンツは一切ありませんので悪しからず。


テンプレートに共通する特徴

  • なるべく正しい文書構造
  • なるべく正しいCSS
  • なるべくブラウザに依存しない
  • なるべく可読性を保つ
  • なるべくゆったりとしたレイアウト
  • アダルト・同人ブログでの利用可能
  • 違法・違反ブログでの使用はお断り

詳細は各テンプレートの説明にて

スポンサーサイト

--/--/--(--) 

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

テンプレート Noble Purple

2008/08/18(Mon)   テーマ:共有テンプレート - ジャンル:ブログ

テンプレートイメージ

プレビュー


アダルトなテンプレートの一作目です。アダルトサイト・ブログでの使用大歓迎です。デザインに自由度がないのでサイトとしてガンガンとカスタマイズして使うよりもブログ的な使い方の方が向いていると思います。


変更履歴

  • 2009/01/14 プラグインカレンダー対応

動作確認済みのブラウザは以下の通りです。
CSS Validator 検証結果

WINDOWS
InternetExplorer: 5.5 , 6 , 7 , 8.β2
Firefox: 2.0.0.16 , 3.0.5
Opera: 9.60 ,10.0α
SeaMonkey 1.1.7
Safari: 3.2.1
Mac
無し

テンプレートの概要

  • メインカラム上部(記事の上)にプラグイン3を割り当ててます
  • 簡単にメニューを左右に入れ換えられます
  • 簡単に文字サイズを変えられます
  • ヘッダー下部にナビゲーションが付いてます。 (カテゴリの数が多すぎると上手く表示されません。その場合は追記の説明を参考に任意のカテゴリだけ表示するなどして調節してください)

各部の詳細は追記にて

画像の読み込みについて

2008年8月13日現在、時間帯によって画像の読み込みが凄く遅いです。64サーバーに限ったことなのか、それともFC2クオリティの成せる業なのかは分かりませんが、とにかく画像の読み込みが遅い時間帯があります。

我慢できないせっかちさんは画像を配付しますのでご自身で用意したサーバなどにアップしてお使いください
http://blog-imgs-26.fc2.com/a/d/t/adtemplate/title_mark.gif

スタイルシートの以下の部分のURLをご自身でアップした画像のURLに変更してお使いください。(画像の二次使用・二次配付はお断りいたします)

/* 記事&プラグイン3のタイトル */
.entry-header{
   margin: 0px;
   background-image: url(http://blog-imgs-26.fc2.com/a/d/t/adtemplate/title_mark.gif);
   background-repeat: no-repeat;
   padding: 0 0 0 35px;
   font-size: 130%;
   font-weight: bold;
}

/* コメントのタイトル */
.comment-header {
   margin-bottom: 10px;
   font-size: 100%;
   font-weight: 700;
   background-image: url(http://blog-imgs-26.fc2.com/a/d/t/adtemplate/title_mark.gif);
   background-repeat: no-repeat;
   padding: 3px 0 2px 35px;
}

/* トラックバックの送信元表示 */
.trackback-header {
   margin-bottom: 10px;
   font-size: 100%;
   font-weight: 700;
   background-image: url(http://blog-imgs-26.fc2.com/a/d/t/adtemplate/title_mark.gif);
   background-repeat: no-repeat;
   padding: 3px 0 2px 35px;
}

エントリー内で定義済みのスタイル

<h3></h3>で囲ったタイトルはこの記事中で多用している小見出しのように装飾されます。

<blockquote></blockquote>で囲った引用部分は背景色が薄くなり上下左右にマージンが入ります。

プラグインについて

サイドメニューにプラグイン1と2、記事上部にプラグイン3が挿入されるオーソドックスなレイアウトです。記事及びプラグイン3部分の横幅は約530px。サイドメニューの横幅は約235pxです。この大きさを超える画像や広告を表示するとデザインが崩れます、ご注意ください。

レイアウト変更・文字サイズ変更

スタイルシート最下部に以下のような記述があります。 #main がメインのカラム、#sub がメニューカラムです。

#main{
   float: left;
   width: 560px;
   font-size: 90%;
#sub{
   float: right;
   width: 240px;
   font-size: 90%;
}

left とright を入れ換えることでレイアウトも入れ替わります。どちらもleft(right)にするとレイアウトが崩れる原因となります。どちらかをleftにしたらもう一方はrightにしてください。

90% の数値を変えることでカラム単位での文字サイズの変更が可能です。

ナビゲーション

ヘッダー下部にナビゲーションが付いてます。デフォルトではカテゴリが表示されますが、ソースを書き換えることで表示する項目を変更できます。書き換える場所以下の部分です。

<div id="centeredmenu"> 
<ul> 
<!-- category --> 
<li> <a href="<%category_link>" title="<%category_name>"><%category_name></a></li> 
<!--/category--> 
</ul> 
</div> 

カテゴリ表示をやめて自由に項目を追加する場合、ソースは以下のようになります。カテゴリ数が多く表示しきれない場合もこの方法で任意のカテゴリだけ表示することが可能です。

<div id="centeredmenu"> 
<ul> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li> 
</ul> 
</div>

スペース(横幅)が許す限り項目数に制限はありません。

カテゴリの前後に項目を追加することも可能です。その場合のソースは以下の通りです。

<div id="centeredmenu"> 
<ul> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li> 
<!-- category --> 
<li> <a href="<%category_link>" title="<%category_name>"><%category_name></a></li> 
<!--/category--> 
<li> 
<a href="リンク先のURL" title="リンク先の名前">表示する文字</a> 
</li>
</ul> 
</div> 

ナビゲーションが不要な場合は該当箇所のソースを削除してください

その他ありがちな質問に答えておきます

カスタマイズしたい・配色を変更したい

一般的なカスタマイズに関するサポート及び質問は受け付けておりません。ご自分で出来る範囲で自由にどうぞ。

自分でカスタマイズしたのを配付したい

二次配付を自由に許可するとスキルのない無責任な人達が群がり疲れます、もう懲り懲りです。どうしてもという方は個別にご相談を承ります。

ファビコンを変更したい

新しいファビコンを用意して自分のブログにアップロードしてください。アップロードしたら以下の部分のURLを新しいファビコンのURLに書き換えます。これでファビコンが変更されます

<link rel="shortcut icon" href="http://blog-imgs-26.fc2.com/a/d/t/adtemplate/favi6.ico" type="image/vnd.microsoft.icon" />
<link rel="icon" href="http://blog-imgs-26.fc2.com/a/d/t/adtemplate/favi6.ico" type="image/vnd.microsoft.icon" /> 

ソースを書き換えたのに変更が反映されない場合はブラウザのキャッシュに原因がある場合がほとんどです。「ファビコン キャッシュ」でググってみてください。

その他、バグ・不具合のご報告はコメント欄で承ります。お気軽にどうぞ。

コメント

テストです

 左太もも付け根を負傷し北京五輪出場が危ぶまれている女子マラソン代表の野口みずき(シスメックス)が11日、京都府内で朝のジョギングなどの練習メニューをこなした。v-95

所属先の藤田信之監督がこの日、明かした。
 同監督は、野口が五輪に出場する場合の日程について「(出発は)14日以外はあり得ない」と明言。当初の予定よりも1日遅くなるが、15日には北京で監督会議があるとして、これに合わせ直前まで様子を見る方針を示した。v-4

 野口の回復状況などについては、「JOC(日本オリンピック委員会)に報告してからでなければ、何も言えない」としたが、超音波治療やマッサージなどで「最大限の努力をしている」という。v-42また野口は報道陣の取材に対し過敏になっているようで、同監督は「外に出られないと(野口本人から)電話があった」などと話した。 (了)

もう一つテスト

左太もも付け根を負傷し北京五輪出場が危ぶまれている女子マラソン代表の野口みずき(シスメックス)が11日、京都府内で朝のジョギングなどの練習メニューをこなした。

所属先の藤田信之監督がこの日、明かした。
同監督は、野口が五輪に出場する場合の日程について「(出発は)14日以外はあり得ない」と明言。当初の予定よりも1日遅くなるが、15日には北京で監督会議があるとして、これに合わせ直前まで様子を見る方針を示した。

野口の回復状況などについては、「JOC(日本オリンピック委員会)に報告してからでなければ、何も言えない」としたが、超音波治療やマッサージなどで「最大限の努力をしている」という。また野口は報道陣の取材に対し過敏になっているようで、同監督は「外に出られないと(野口本人から)電話があった」などと話した。 (了)

管理人のみ閲覧できます

このコメントは管理人のみ閲覧できます

コメントの投稿


管理者にだけ表示を許可する

Trackbabck

このエントリのトラックバックURL

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

≪ 制作中のテンプレート |  HOME  | フォントに難しい ≫

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。