カテゴリ記事一覧を表示

Dec 01 2009

Date : December 1,2009 03:59:58
Category : 　[　　Customize]
Tag : [livly customize ソネットポイント so-net 横断ビンゴ ソネくじ 不思議な箱 メデ鯛！くじ ]

カテゴリページにカテゴリ記事を一覧表示する。



サンプル

●管理ページ⇒デザイン⇒レイアウト⇒コンテンツ配置「記事」
　右横の「コンテンツHTML編集」

<% if:page_name eq 'category' -%>
<div class="archive-title">
<span class="archive-name"><% category.name | html %></span>
<span class="archive-links"><a href="<% blog.page_url | html %>">ブログトップ</a></span>
<br style="clear:both" />
<% if:pager.need_pager -%>
<% if:pager.next_page %><span class="previousLink"><a href="<% category.page_url(pager.next_page) %>">前の<% blog.category_page_cnt %>件</a></span><% else %>-<% /if %>&nbsp;|&nbsp;<% if:pager.previous_page %><span class="nextLink"><a href="<% category.page_url(pager.previous_page) %>">次の<% blog.category_page_cnt %>件</a></span><% else %>-<% /if %>
<% /if -%>
</div>
<% /if -%>

青字を下記のピンク字を追加。

<% if:page_name eq 'category' -%>
<div class="archive-title">
<span class="archive-name">
<div id="categorylist">
[<% category.name | html %>]の記事一覧
<br />
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url %>"><% article.subject %></a></li>
<% /loop -%>
</ul>
</div>
</span>
<span class="archive-links"><a href="<% blog.page_url | html %>">ブログトップ</a></span>
<br style="clear:both" />
<% if:pager.need_pager -%>
<% if:pager.next_page %><span class="previousLink"><a href="<% category.page_url(pager.next_page) %>">前の<% blog.category_page_cnt %>件</a></span><% else %>-<% /if %>&nbsp;|&nbsp;<% if:pager.previous_page %><span class="nextLink"><a href="<% category.page_url(pager.previous_page) %>">次の<% blog.category_page_cnt %>件</a></span><% else %>-<% /if %>
<% /if -%>
</div>
<% /if -%>

スタイルシートに追加。
●管理ページ⇒デザイン⇒スタイルシート

/* カテゴリ記事一覧 */
#categorylist {
border: 1px solid #3b3b3b;
background:#090909;
margin: 0px;
padding: 10px;
width:368px;
}

#categorylist li {
margin: 0px;
padding: 0px;
}

本

日のソネットポイント「0ポイント」　ソネットくじ「0枚」

ソネくじ発行所 「0枚」 不思議な箱 ｢0枚」
メデ鯛！くじ 「0枚」 ポイントポン 「0枚」



So-net横断ビンゴ
ポイントポン（ホーム） 0ポイント
パンダスクラッチ（女性） 0ポイント
オトコスクラッチ（マネー） 0ポイント
So-netトラベル 日替わり投票 0ポイント

『即納！スノーマン御守り　バイカー＆ボーダー御用達　【メール便OK!】【SNOMAN】安全祈願　”雪お守り”人気アイテム！SM-34【あす楽対応_関東】【あす楽対応_東海】【あす楽対応_近畿】【あす楽対応_中国】【あす楽対応_四国】【あす楽対応_九州】【あす楽対応_甲信越】』

posted with 楽らくちん on 09.11.10

税込882円

詳細を楽天で確認する

　« Close...

エントリの最初の1文字を大文字にする

Nov 25 2009

Date : November 25,2009 17:41:27
Category : 　[　　Customize]
Tag : [customize so-net ソネットポイント 横断ビンゴ ソネくじ 不思議な箱 不思議な庭 ]

エ

ントリの最初の1文字を大文字にしてみました。


●管理ページ⇒デザイン⇒スタイルシート

/* エントリの最初1文字を大文字 */
p.capitalize:first-letter {
margin-right: .2em;
padding: .5em .1em;
height: 1.4em;
line-height: 1.4em;
float: left;
display: block;
font-weight: 700;
font-size: 160%;
color: #ffffff;
background-color: #5979ec;
border: 1px solid #999999;
}

エントリ部分に入れるタグです。

<p class="capitalize">こ</p>んにちわ♪

本日のソネットポイント「0ポイント」
So-net横断ビンゴ
ポイントポン（ホーム） 0ポイント
パンダスクラッチ（女性） 0ポイント
クルマスクラッチ（自動車） 0ポイント
オトコスクラッチ（マネー） 0ポイント
So-netトラベル 日替わり投票 0ポイント
レシピ日替わりアンケート 0ポイント

　« Close...

サイドコンテンツのスクロールバー

Oct 11 2009

Date : October 11,2009 13:59:30
Category : 　[　　Customize]
Tag : [customize サイドバー スクロールバー livly ソネットポイント so-net 横断ビンゴ ソネくじ 不思議な箱 メデ鯛！くじ ３択クイズ ]

な

るべくスタイルシートで設定したいので
サイドコンテンツのスクロールバーの記事では
それぞれのサイドコンテンツの長さの調節には良いですが
当ブログは全部、同じ長さなのでコンテンツHTML編集内に
入れました。例は、「最近のコメント」です。

●管理ページ⇒デザイン⇒レイアウト
　⇒コンテンツ配置「最近のコメント」
　右横の「コンテンツHTML編集」
　下記のピンク字を追加します。

<div class="sidebar" id="latestComment">
<h3 class="sidebar-title"><% content.title | html %></h3>
<div class="sidebar-body">

<div class="sidescr">

<% content.header -%>
<% if:content_recent_comment.type == 0 -%>
<ul>
<% loop:list_article_child -%>
<li><a href="<% article_child.article.page_url | html %>"><% article_child.body | shorten(17) | html %></a></li>
<% /loop -%>
</ul>
<% /if -%>
<% if:content_recent_comment.type == 1 -%>
<ul>
<% loop:list_article -%>
<li><a href="<% article.page_url | html %>"><% article.subject | shorten(17) | html %></a><br />
<% loop:list_article_child -%>
　⇒ <% article_child.body | shorten(15) | html %><br />
<% /loop -%>
</li>
<% /loop -%>
</ul>
<% /if -%>
<% content.footer -%>
</div>

</div>

<div class="sidebar-end"></div>
</div>

●管理ページ⇒デザイン⇒スタイルシート

.sidescr{
overflow: auto;
height: 200px;
}

他にも「最近トラックバックされた記事」
「記事をnice!と思った人」「nice!と思った記事」
「コメントした記事」「Monthly Archives」など
ほとんど同じ方法で出来ると思います。

本

日のソネットポイント「6ポイント」　ソネットくじ「31枚」

ソネくじ発行所 「10枚」 不思議な箱 ｢10枚」
メデ鯛！くじ 「1枚」 ポイントポン 「10枚」



So-net横断ビンゴ
ポイントポン（ホーム） 0ポイント
パンダスクラッチ（女性） 1ポイント
オトコスクラッチ（マネー） 0ポイント
So-netトラベル 日替わり投票 1ポイント

So-net３択クイズ ⇒ 「（3） ランキング」 1ポイント

不思議な箱 ソネくじ10枚
不思議な箱 3ポイント

Dr.Muller's Laboratory ポストカード(5枚組)

posted with amazlet at 09.10.11

ソネットエンタテインメント (2009-10-23)
売り上げランキング: 7611

Amazon.co.jp で詳細を見る

　« Close...

So-netBlog フッタにCopyright をおく

Jan 09 2009

Date : January 9,2009 16:13:29
Category : 　[　　Customize]
Tag : [customize copyright footer ]

フッタにCopyright をおく。
●管理ページ⇒デザイン⇒HTML編集⇒適用されているHTML選択（スタイルシート編集）
　</body>の上に下記を入れる。

<div id="footer2">
Copyright © <% archives.createstamp | date_format("%Y") %> アプルの楽屋 by So-netBlog All Rights Reserved.
</div>
</body>

●管理ページ⇒デザイン⇒スキン管理⇒適用されているスキン選択（スタイルシート編集）

/*-----Footer2-----*/
#footer2 {
margin-right: auto;
margin-left: auto;
border-left: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #999999;
height: 35px;
color: #444444;
background: #ffffff;
font-size: 10px;
text-align: center;
line-height: 3.5;
}
#footer2 {
width: 770px;
}