localhost で Serene Bach


  テンプレートの基本設定



のテンプレートは、いろいろな ブログCMS で利用可能です。

http://www.koikikukan.com/archives/2005/11/18-010000.php よりダウンロード
( 先頭の ZIP形式 を選択 )

● 管理画面の テンプレート -> インポート でアップロードします

● リストで、koikikukan を選択して下さい。

↓ テンプレートで、koikikukan をクリックして見栄えの変更を行います

● HTMLテンプレートの body タグの中のクラスを layout-two-column-liquid-left に変更します

2カラム仕様の変更に伴ってコンテンツの位置変更が必要です
  
<div id="links-right-box">
<div id="links-right">

から

</div><!-- /links-right -->
</div><!-- /links-right-box -->

の間にある記述を 左側(left) に移動させます
  

この時点で再構築を行い、1件投稿してレイアウトを確かめてください。

Copyright
  
<div id="footer-liquid">Copyright &copy; 2006 lightbox. All Rights Reserved.</div>
  

リンクの文字色
  
/* リンク */
a,
a:link,
a:visited {
    color: BLUEVIOLET;
    text-decoration: none;
}
a:hover {
    color: BLUEVIOLET;
    text-decoration: underline;
}
a:active {}
  

サイドメニューの明細のフォント ( リンク系の文字色はここではありません )
  
/* サイドメニュー */
.side {
    margin: 3px 0 20px;
    background: none;
    color: #444444;
    font-size: 12px;
    line-height: 150%;
}
  

タイトル部分背景色
  
/* タイトルバナー */
#banner {
    padding: 15px;
    border-bottom: 1px solid #666699;
    color: #999999;
    background: forestgreen;
    background-position: right top;
    background-repeat: no-repeat;
/*    background-image: url(".gif");*/
    text-align: left;
    height: 70px;
}
  











  infoboard   管理者用   
このエントリーをはてなブックマークに追加




SQLの窓  天気  IT用語辞典
Yahoo!ニュース  マルチ辞書
PHP マニュアル  Google URL短縮 


フリーフォントWEBサービス
SQLの窓WEBサービス

SQLの窓フリーソフト

素材

一般WEBツールリンク

SQLの窓

フリーソフト

JSライブラリ