小粋空間: arekao（アレカオ）ブログテンプレート

Top ＞ arekao ブログ＞ arekao（アレカオ）ブログテンプレート

2008年11月 6日

arekao（アレカオ）ブログテンプレート

Posted at November 6,2008 1:55 AM
Category：[arekao ブログ]
Tag：[arekao, Template]

arekao（アレカオ）ブログ用のテンプレートを作りました。

ちなみに、arekao（アレカオ）は次のような主旨のポータルサイトです。

アレカオは、二十代後半から三十代前半の女性をターゲットにした女性向けポータルサイトです。美容や女性のライフスタイルをブログで発信しポイントを貯めてキャッシュバックなどのサービスを行っています。

arekao ブログご利用の方からカスタマイズのご質問を頂いたので、ついでにテンプレートを作ってみました。

１．動作確認環境

動作確認は下記の環境で行っています。

OS：Windows2000/XP
ブラウザ：IE6/IE7/Firefox2/Opera9/Safari3
arekaoブログ：http://yujiro.arekao.jp/

２．利用規定

ご利用の前にテンプレートのページをご覧頂ければ幸いです。

３．カラムレイアウト

このスキンではカラムレイアウトのバリエーションとして、

3カラム固定レイアウト
3カラムリキッドレイアウト

の計2種類を用意しています。2カラムレイアウトの設定も可能と思いますが現在確認中です。

カラムレイアウト変更方法は、arekao ブログ管理ページの「メインテンプレート」のbody 要素の class 属性値を次のように書き換えるだけです。

3カラム固定レイアウト

<body class="layout-three-column">

3カラムリキッドレイアウト

<body class="layout-three-column-liquid">

４．その他

基本的な動作は確認したつもりですが、arekaoブログの機能を全て把握できていない状態ですので、不具合等ございましたらご連絡ください。

なお、IE6では「最新記事」のタイトル下に大きな空白が生じる可能性がありますが、これはarekaoブログ側のHTMLマークアップによる不具合です（サポートメールで修正依頼中）。2008.11.12 修正して頂きました

５．テンプレート

メインテンプレート

<?xml version="1.0" encoding="euc-jp" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja" xml:lang="ja">
<head>
  <meta http-equiv="Content-Type" content="text/html; charset=EUC-JP" />
  <meta http-equiv="Content-Script-Type" content="text/javascript" />
  <meta http-equiv="Content-Style-Type" content="text/css" />
  <link title="RSS" href="{$rss_url}" type="application/rss+xml" rel="alternate" />
  <link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://blog.arekao.jp/rsd.xml" />
  <link rel="stylesheet" href="{$css}" type="text/css" />
  <title>{$blogtitle}</title>
  <script type="text/javascript" src="http://arekao.jp/java/prototype.js"></script>
  <script type="text/javascript" src="http://arekao.jp/java/admin.js"></script>
  <script type="text/javascript" src="http://arekao.jp/java/conv_tag.js"></script>
  <script type="text/javascript" src="http://arekao.jp/js/popup.js"></script>
</head>
<body class="layout-three-column">
<div id="top">
{include file="`$smarty.const.MASTER_TPL_DIR`header.template2.tpl"}
</div>

<div id="box" class="clearfix">

<div id="header">
<h1 id="blog-name"><a href="{$btblog}">{$blogtitle}</a></h1>
<p class="blog-description">{$bdescirption}</p>
</div>

<div id="links-left-box">
  <div id="links-left">
{$modules_l}
  </div>
</div>

<div id="content">
<div class="blog">

{$profile}
{section name=entry loop=$eid}

<h2 class="entry-header">{$ename[entry]}</h2>

<div class="entry">  
   <div class="date">{$entrytime[entry]}{$entrytime_post[entry]}[ {$category_link[entry]} ]</div>
   <div class="entry-content clearfix">
{$etext[entry]}
   </div>
   <p class="entry-footer">
{include file="`$smarty.const.MASTER_TPL_DIR`entry_footer.tpl"}
   </p>
</div>

{/section}

<div id="trackbacks">
{$trackback_module}
</div>

<div id="comments">
{$comment_module}
</div>

</div>
</div>

<div id="links-right-box">
  <div id="links-right">
{$modules_r}
{include file="`$smarty.const.MASTER_TPL_DIR`searchbox.tpl"}{include file="`$smarty.const.MASTER_TPL_DIR`context.tpl"}{include file="`$smarty.const.MASTER_TPL_DIR`banner.tpl"}
  </div>
</div>

</div>

<div id="footer">
<p>{$pre_page} | <a href="{$btblog}">Main</a> | {$next_page}</p>
<p>
<a href="http://skincare.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="スキンケア" />スキンケア</a>
<a href="http://basemake.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ベースメイク" />ベースメイク</a>
<a href="http://pointmake.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ポイントメイク" />ポイントメイク</a>
<a href="http://haircare.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ヘアケア" />ヘアケア</a>
<a href="http://nail.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ネイル" />ネイル</a>
<a href="http://bodycare.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ボディケア" />ボディケア</a>
<a href="http://equipment-tools.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="美容器具・メイク小物" />美容器具・メイク小物</a>
<a href="http://etiquette.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="エチケット" />エチケット</a>
<a href="http://fragrance1.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="フレグランス" />フレグランス</a>
<a href="http://inner-wear.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="インナーウェア" />インナーウェア</a>
<a href="http://brand.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ブランド" />ブランド</a>
<a href="http://diet-sport.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="ダイエット・スポーツ" />ダイエット・スポーツ</a>
<a href="http://health-control.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="健康管理" />健康管理</a>
<a href="http://supplements.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="サプリメント" />サプリメント</a>
<a href="http://healthy-foods.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="健康食品・飲料" />健康食品・飲料</a>
<a href="http://furniture.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="家具" />家具</a>
<a href="http://interior.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="インテリア雑貨" />インテリア雑貨</a>
<a href="http://household.arekao.jp/category.html" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="生活用品" />生活用品</a>
<a href="http://trybeauty.jp/" target="_blank"><img src="http://arekao.jp/images/point.gif" alt="無料サンプル" />無料サンプル</a>
</p>
<p>Copyright 2005-2008 arekao,INC. All Rights Reserved.</p>
</div>

<!--Google_Analytics-->
<script src="http://www.google-analytics.com/urchin.js?1225642113?1225902398" type="text/javascript">
</script>
<script type="text/javascript">
_uacct = "UA-2311623-1";
urchinTracker();
</script>
<!--/Google_Analytics-->
<!--impACT-->
<script src="http://img.ak.impact-ad.jp/imd/bta_both.js?1225642113?1225902398"></script>
<!--/impACT--></div>

</body>
</html>

スタイルシート

/*
 * File      : css
 * Version   : 0.01
 * Update    :
 * 0.01 2008.11.05: Initial version.
 *
 * Copyright (C) 2005-2008 www.koikikukan.com All rights reserved.
 */

/* すべて */
* {
    margin: 0;
    padding: 0;
    font-family: Verdana, Arial, sans-serif;
}
body {
    font-size: 100%;
}
html>body {
    font-size: 12pt;
}

/* 見出し */
h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

td.side div {
    height: 5px
}
td.side div.side_text {
    height: auto;
}

/* リンク */
a,
a:link,
a:visited {
    color: #069;
    text-decoration: none;
}
a:hover {
    color: #069;
    text-decoration: underline;
}
a:active {}

/* リンクつき画像 */
a img {
    border: none;
}

/* フォーム */
form {
    margin: 0px;
}
#search-options,
input,
textarea {
    padding: 1px;
}
#search {
    width: 140px;
    height: 20px;
}
html > body #search {
    height: 15px;
}

/* ヘッダ */
#header {
    padding: 15px;
    border-bottom: 1px solid #669;
    color: #999;
    background: #8fabbe;
    text-align: left;
}

#header a,
#header a:link,
#header a:visited {
    color: #fff;
    background: transparent;
    font-size: 32px;
    text-decoration: none;
}
#header a:hover {}
#header a:active {}

/* タイトルバナー下の説明 */
.blog-description {
    color: #fff;
    background: transparent;
    font-size: 12px;
}

/* ブログ記事タイトル */
.entry-header {
    margin: 8px 0 0;
}

/* ブログ記事日付・各タイトル */
.entry-header,
.toukou_title {
    padding-left: 8px;
    color: #fff;
    background: #8fabbe;
    font-size: 83.3%;
    font-weight: bold;
    line-height: 2.0;
}

/* ブログ記事 */
.entry {
    width: auto;
    margin: 0 3px 15px;
    color: #36414d;
    background: #fff;
    font-size: 83.3%;
    line-height:1.5;
    word-break: break-all;
}

/* 段落 */
.entry p {
    margin: 15px 0;
}

/* ブログ記事日付 */
.date {
    margin: 3px 0;
    text-align: right;
    font-size: 83.3%;
    letter-spacing: 0.05em;
}

/* 順序なしリスト */
.entry ul,
.entry ol {
    padding-left: 16px;
}
.entry ul li {
    list-style-type: circle;
}

/* 定義リスト */
.entry dl {}
.entry dt {}
.entry dd {
    padding-left: 8px;
}

/* テキストエリア */
.entry textarea {
    width: 97%;
}

/* 引用 */
blockquote {
    width: auto;
    margin: 15px 20px 0;
    padding: 10px;
    border: 1px solid #666;
    background: #f6f6f6;
    font-size: 83.3%;
    line-height: 1.5;
}
.quotetitle { /* 引用文タイトル */
    font-size: 83.3%;
    border-bottom: 1px solid #666;
    padding: 3px;
}

pre {
    margin: 15px 20px 0px;
    padding: 10px;
    background: #f6f6f6;
    border: 1px solid #999;
    font-size: 83.3%;
    line-height: 1.5;
    width: 100%;
    overflow: scroll;
}
html>body pre {
    width: 87%;
}

/* 追記 */
.entry.extended {}

/* 投稿者 */
.entry-footer {
    margin: 10px 0 0;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 83.3%;
    text-align: right;
}

/* タグ */
.entry-tags {
    margin-bottom: 5px;
}
.entry-tags-header,
.entry-tags-list,
.entry-tag {
    display: inline;
    font-size: 100%;

}
.entry-tags-list { 
    list-style:none;
    padding-left: 5px;
}

/* Typekeyコメンタ－画像 */
.commenter-profile img {
    vertical-align: middle;
    border-width: 0;
}

/* ウェブページ */
div.page {
    margin-top: -5px;
}

/* アーカイブページ本文 */
.archive-list {
    margin: 10px 0;
}

/* アーカイブテンプレートの前後リンク */
.content-nav {
    margin: 10px;
    text-align: center;
    font-size: 83.3%;
}

#links-left-box div,
#links-right-box div {
    margin: 0;
    padding: 0;
}
#links-left-box dd,
#links-right-box dd {
    font-size: 75%;
}

.side dt,
.side dd {
    margin: 0;
    padding: 0;
}

/* サイドメニュータイトル */
.side_title {
    margin-top: 3px;
    border: 1px solid  #666666;
    color: #333;
    background: #f6f6f6;
    text-align: center;
    font-size: 75%;
    line-height: 2.0;
}
.side_title table {
    margin: 0 auto;
    _font-size: 100%;
    _line-height: 1.7;
}

/* サイドメニュー */
.side_text {
    margin: 0;
padding: 0;
    background: none;
    color: #333;
    font-size: 75%;
    line-height: 1.5;
}
.side_text ul,
.side_text ol {
    padding-left: 16px;
}
.side_text ul li {
    list-style-type: circle;
}
.side_text ul li ul {
    padding-left: 0px;
}
.side_text li li {
    list-style-type: none;
}

/* サイドメニュー(サブカテゴリー用) */
.side_text #categories ul {
    padding-left: 16px;
}
.side_text #categories ul ul {
    padding-left: 10px;
}
.side_text #categories li {
    list-style-type: circle;
}

/* サイドメニュー(タグクラウド用) */
ul#tags {
    margin-top: 5px;
    padding-left: 0;
    list-style: none;
}
ul#tags .module-list-item {
    display: inline;
}
ul#tags li.taglevel1 {
    font-size: 125%;
    font-weight: bold;
}
ul#tags li.taglevel2 {
    font-size: 125%;
}
ul#tags li.taglevel3 {
    font-size: 116.6%;
}
ul#tags li.taglevel4 {
    font-size: 108.3%;
}
ul#tags li.taglevel5 {
    font-size: 100%;
}
ul#tags li.taglevel6 {
    font-size: 91.6%;
}

/* 検索 */
fieldset {
    border: none;
}

/* カウンター */
.counter {
    margin: 8px 0 25px;
    padding: 2px;
    background: none;
}

/* RSSフィード */
.syndicate {
    margin-bottom: 5px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.syndicate img {
    border: none;
}

/* クレジットバナー */
.powered {
    margin-top: 50px;
    text-align: left;
    color: #666666;
    font-size: 75%;
    line-height: 1.5;
}
.powered img {
    margin-top: 3px;
}
.powered ul,
.powered li {
    list-style: none;
}
.module-powered {
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
    border: 1px solid #ddd;
    background-color: #f8f8f8;
    text-align: center;
}

/* コメント・トラックバック */
#trackbacks,
#comments {
    margin: 10px 0;
}

.trackbacks-header,
.comments-header,
.comments-open-header {
    margin: 15px 0;
}

#trackbacks-info,
.trackback-content,
.comment-content,
.comments-open-content {
    margin: 0 2px;
    padding: 0;
    font-size: 83.3%;
    line-height: 1.5;
    word-break: break-all;
}

.trackback-content p,
.comment-content p {
    margin-top: 10px;
    margin-bottom: 5px;
}

.trackback-footer,
.comment-footer {
    margin-right: 2px;
    padding-top: 3px;
    border-top: 1px dotted #36414d;
    font-size: 66.6%;
    text-align: right;
}

#comments-open-data p {
    margin-bottom: 10px;
}
#comment-post {
    font-weight: bold;
}
#comment-author, #comment-email, #comment-url {
    width: 220px;
    height: 20px;
}
html > body #comment-author,
html > body #comment-email,
html > body #comment-url {
    height: 15px;
}
#comment-text {
    width: 400px;
    height: 150px;
}
#comment-bake-cookie {
    margin-left: 2px;
    vertical-align: middle;
}
#comments-open-footer {
    margin-top: 15px;
    text-align: center;
}

.comments-open label {
    display: block;
}
#comment-reply-label {
  display: inline;
}
#comment-form-reply {
  margin-bottom: 8px;
}

.status-indicator {
    display: inline;
    height: 20px;
    width: 20px;
    background: url(<mt:staticWebPath>images/indicator-login.gif) no-repeat 0 0;
    padding: 2px 7px;
}

/* 検索結果画面 */
#search-form {
    font-size: 83.3%;
}
.search-header {
    margin: 15px 0;
}
.search-results-header {
    margin: 8px 0 15px;
    font-size: 120%;
}

/* カラム切り替え */
body.layout-three-column,
body.layout-three-column-right,
body.layout-two-column-left,
body.layout-two-column-right,
body.layout-one-column {
    text-align: center;
    background: #36414d;
}
.layout-three-column #container,
.layout-three-column-right #container,
.layout-two-column-left #container,
.layout-two-column-right #container {
    margin-bottom: 10px;
}
.layout-one-column #container {
    margin-bottom: 0;
}

/* 固定レイアウト共通 */
.layout-three-column #box,
.layout-three-column-right #box,
.layout-two-column-left #box,
.layout-two-column-right #box,
.layout-one-column #box {
    margin-right: auto;
    margin-left: auto;
    padding: 0 0 25px 0;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    text-align: left;
    background-color: #fff;
}

/* 3カラム固定レイアウト幅 */
.layout-three-column-right #box,
.layout-three-column #box {
    width: 850px;
}

/* 2カラム固定レイアウト幅 */
.layout-two-column-left #box,
.layout-two-column-right #box {
    width: 665px;
}

/* 1カラム固定レイアウト幅 */
.layout-one-column #box {
    width: 478px;
}

/* 3カラム固定レイアウト */
.layout-three-column #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column #links-left-box,
.layout-three-column #links-right-box {
    float: left;
    width: 185px;
    _width: 155px;
}
.layout-three-column #links-left,
.layout-three-column #links-right {
    padding: 15px 15px 0 15px;
}

/* 3カラム固定レイアウト（右サイドバー） */
.layout-three-column-right #content {
    float: left;
    width: 483px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-three-column-right #links-left-box {
    float: left;
    width: 180px;
}
.layout-three-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-three-column-right #links-left {
    padding: 15px 5px 0 15px;
}
.layout-three-column-right #links-right {
    padding: 15px 15px 0 15px;
}

/* 2カラム固定レイアウト(右サイドバー) */
.layout-two-column-right #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
}
.layout-two-column-right #links-right-box {
    float: left;
    width: 185px;
}
.layout-two-column-right #links-right {
    padding: 15px 15px 0;
}

/* 2カラム固定レイアウト(左サイドバー) */
.layout-two-column-left #content {
    float: left;
    width: 478px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
}
.layout-two-column-left #links-left-box {
    float: left;
    width: 185px;
}
.layout-two-column-left #links-left {
    padding: 15px 15px 0;
}

/* 1カラム固定レイアウト */
.layout-one-column #content {}

/* 3カラム固定レイアウト(ブログ記事全体) */
.layout-three-column-right .blog,
.layout-three-column .blog {
    padding: 10px 15px;
}

/* 2カラム固定レイアウト(左サイドバー:ブログ記事全体) */
.layout-two-column-left .blog {
    padding: 10px 15px;
}

/* 2カラム固定レイアウト(右サイドバー:ブログ記事全体) */
.layout-two-column-right .blog {
    padding: 10px 15px;
}

/* 1カラム固定レイアウト(ブログ記事全体) */
.layout-one-column .blog {
    padding: 10px 15px 0;
}

/* リキッドレイアウト共通 */
.layout-three-column-liquid #content,
.layout-three-column-liquid-right #content,
.layout-two-column-liquid-right #content,
.layout-three-column-liquid #links-left-box,
.layout-three-column-liquid #links-right-box,
.layout-three-column-liquid-right #links-left-box,
.layout-three-column-liquid-right #links-right-box,
.layout-two-column-liquid-right #links-right-box {
    position: relative;
    display: inline;

    float: left;

}
.layout-three-column-liquid .blog,
.layout-three-column-liquid-right .blog,

.layout-two-column-liquid-right .blog,
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-three-column-liquid-right #links-left,
.layout-three-column-liquid-right #links-right,
.layout-two-column-liquid-right #links-right {
    position: static;
}
.layout-three-column-liquid #content,
.layout-three-column-liquid-right #content,
.layout-two-column-liquid-right #content,
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-three-column-liquid-right #links-left,
.layout-three-column-liquid-right #links-right,
.layout-two-column-liquid-right #links-right,
.layout-three-column-liquid .entry,
.layout-three-column-liquid-right .entry,
.layout-two-column-liquid-right .entry {
    overflow-x: hidden;
}

/* ネガティブマージンで選択やクリックできない不具合の対処 */
.layout-three-column-liquid #links-left {
    position: relative;
    z-index: 2;
}

/* 3カラムリキッド */
.layout-three-column-liquid #content {
    width: 100%;
    margin: 0 -200px;
    height: 100%; /* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-three-column-liquid .blog {
    margin: 0 200px;
    padding: 18px 15px 10px;
    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    height: 100%; /* for IE6 */
}
html>body.layout-three-column-liquid .blog {
    padding: 10px 15px;
}

/* 3カラムリキッド(右サイドバー) */
.layout-three-column-liquid-right #content {
    width: 100%;
    margin-right: -385px;
    /* height: 100%; *//* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-three-column-liquid-right .blog {
    margin-right: 385px;
    padding: 18px 15px 10px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
    height: 100%; /* for IE6 */
}
html>body.layout-three-column-liquid-right .blog {
    padding: 10px 15px;
}

/* 2カラムリキッド(右サイドバー) */
.layout-two-column-liquid-right #content {
    width: 100%;
    margin-right: -200px;
    /* height: 100%; *//* for IE6 リサイズで中央カラムが右寄りになるのを防止 */
}
.layout-two-column-liquid-right .blog {
    margin-right: 200px;
    padding: 18px 15px 10px;
    border-bottom: 1px solid #669;
    border-right: 1px solid #669;
    height: 100%; /* for IE6 */
}
html>body.layout-two-column-liquid-right .blog {
    padding: 10px 15px;
}

/* for IE7 */
*:first-child+html .layout-three-column-liquid-right .blog,
*:first-child+html .layout-three-column-liquid .blog,
*:first-child+html .layout-two-column-liquid-right .blog {
    padding-top: 18px;
}

/* リキッドレイアウト・サイドバー */
.layout-three-column-liquid #links-left-box {
    top: 15px;
    left: 0px;
    width: 200px;
}
.layout-three-column-liquid-right #links-left-box {
    top: 15px;
    right: 0px;
    width: 185px;
}
.layout-three-column-liquid #links-right-box,
.layout-three-column-liquid-right #links-right-box,
.layout-two-column-liquid-right #links-right-box {
    top: 15px;
    right: 0px;
    width: 200px;
}
.layout-three-column-liquid #links-left,
.layout-three-column-liquid #links-right,
.layout-two-column-liquid-right #links-right {
    padding: 0 15px;
    height: 95%; /* for IE6 */
}
.layout-three-column-liquid-right #links-left {
    padding: 0 0 0 15px;
    height: 95%; /* for IE6 */
}
.layout-three-column-liquid-right #links-right {
    padding: 0 15px;
    height: 95%; /* for IE6 */
}

/* リキッドレイアウト・フッタ */
.layout-three-column-liquid #footer,
.layout-three-column-liquid-right #footer,
.layout-two-column-liquid-right #footer {
    margin-top: 25px;
    border-top: 1px solid #669;
    color: #fff;
    background: #8fabbe;
    font-size: 12px;
    text-align: center;
    line-height: 2;
}
/* for IE7 */
*:first-child+html .layout-three-column-liquid #footer,
*:first-child+html .layout-three-column-liquid-right #footer,
*:first-child+html .layout-two-column-liquid-right #footer {
    width: 100%; /* for IE7 フッタのレイアウト崩れを防止 */
}

/* 1カラムリキッド(ブログ記事全体) */
.layout-one-column-liquid .blog {
    padding: 15px;
}

/* 1カラムリキッド */
.layout-one-column-liquid #content {

    margin: 0 100px;

    border-bottom: 1px solid #669;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    background: #fff;
}
/* 1カラムリキッド */
/* タイトルバナー */
.layout-one-column-liquid #header {
    margin-right: 100px;
    margin-left : 100px;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
}

/* 1カラム用 */
body.layout-one-column-liquid {
    background: #36414d;
}

/* フッタ */
.layout-one-column #footer,
.layout-three-column #footer,
.layout-three-column-right #footer,
.layout-two-column-left #footer,
.layout-two-column-right #footer,
.layout-one-column-liquid #footer {
    margin-right: auto;
    margin-left: auto;
    border-left: 1px solid #669;
    border-right: 1px solid #669;
    border-bottom: 1px solid #669;
    color: #ffffff;
    background: #8fabbe;
    font-size: 12px;
    text-align: center;
    line-height: 2;
}

.layout-three-column #footer,
.layout-three-column-right #footer {
    width: 850px;
}
.layout-two-column-left #footer,
.layout-two-column-right #footer {
    width: 665px;
}
.layout-one-column #footer {
    width: 478px;
}
.layout-one-column-liquid #footer {
    margin-right: 100px;
    margin-left : 100px;
}

input,textarea {
    font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", arial, sans-serif;
}

/* カレンダー */
table th.calendar {
    padding-top:2px;
    font-weight: bold;
    font-size:10px;
}
table tr td.calendar {
    font-size:10px;
    padding:2px;
}
.calendar{
    padding:1px 1px 1px 1px;
    width: 20px;
    text-align: center;
    font-size:10px;
    font-weight:normal;
}
.calendar{
    _width: 15px;
}

table.calendar_bg {
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
}
.calendar a:link,
.calendar a:visited {
    font-weight:bold;
    text-decoration:none;
    color:#069;
    border:solid 1px #069;
    padding:1px;
    display: block;
}

.calendar a:hover,
.calendar a:active{
    font-weight:bold;
    text-decoration:none;
    color:#d96666;
    border:solid 1px #d96666;
    padding:1px;
    display: block;
}

/*カレンダー送り*/
.calLink {
    text-decoration: none;
    font-weight: bold;
    margin:5px 0px 0px 3px;
    padding: 2px 3px;
    margin-top:0px;
    color:#fff;
    background-color:#ffb0d5;
}

ol.pickup li {
list-style-type: none;
}

.clearfix:after {
    content: ""; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

Posted by yujiro このページの先頭に戻る

« 次世代マーケティングプラットフォーム広告とマスメディアの地位を奪うもの | Main | PageBute プラグインによるページ分割 »

この記事を読んだ人はこんな記事も読んでいます

人気エントリー

Hatena Hot Entries

Hatena Entries

トラックバックURL

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

トラックバック

≫ カスタマイズ from Happy Days
風邪ひく前にカスタマイズに没頭してたんよね普段、使わへん頭をフル回転させたから熱が出たんかもそんなことは、どーでもいいｗカスタマイズは、ほ... [続きを読む]

Tracked on November 11, 2008 4:12 AM

折りたたみでお世話になってマス。
arekaoのテンプレートを作成していただいたこともあり
嬉しくなって、こちらにトラバしましたが、
本編にトラバするのが筋かも・・と反省しております。
指摘いただければ再度、トラバをやり直します。

もちろん、こちらのテンプレートも是非、参考にさせていただきたいと思ってマス。
内容を拝見しましたが、既存スキンと随分ちがう印象ですので
素人の私に、どこまで出来るかは解りませんが(^^;)

[1] Posted by こうめ : November 11, 2008 4:27 AM

＞こうめさん
こんばんは。
コメント＆トラックバック、ありがとうございます。
トラックバックは全然問題ありません。

参考までに、「arekaoブログ」はtableタグによるレイアウトを行ってますが、他の多くのブログサービスやブログツールのレイアウトはtableタグを使わないものが主流になってきています。

[2] Posted by yujiro

: November 12, 2008 11:34 PM

コメントする

greeting

名前（N）: *必須

メールアドレス（M）: *必須（非表示）

URL（U）:

情報を保存する？

ご質問のコメントの回答については、内容あるいは多忙の場合、1週間以上かかる場合があります。また、すべてのご質問にはお答えできない可能性があります。予めご了承ください。

コメント（C）:

[サインインしない場合はここにCAPTCHAを表示します]

コメント投稿後にScript Errorや500エラーが表示された場合は、すぐに再送信せず、ブラウザの「戻る」ボタンで一旦エントリーのページに戻り（プレビュー画面で投稿した場合は、投稿内容をマウスコピーしてからエントリーのページに戻り）、ブラウザをリロードして投稿コメントが反映されていることを確認してください。

コメント欄に(X)HTMLタグやMTタグを記述される場合、「<」は「<」、「>」は「>」と入力してください。例えば「<$MTBlogURL$>」は「<$MTBlogURL$>」となります（全て半角文字）