4月のカレンダー

1 2 3 4 5 6
7 8 9 10 11 12 13
14 15 16 17 18 19 20
21 22 23 24 25 26 27
28 29 30

各月の日記

ユーザーRSS

Powered by

ちーずニュースさんの公開日記

2009年
12月11日
13:15
ちーずブログを使うことでSNSちぃの会員ならだれでも
特定の日記だけをBlogとして配信可能です。
設定は以下のURLから。
是非お試しください。
http://chixi.jp/?m=pc&a=page_h_config_outside

設定画面で様々な設定をすることでBlogのイメージを大幅に変更する
ことが可能な仕組みになっています。
今回はいくつかのBlogを紹介し、
そのカスタマイズ方法をご紹介します。

SNS Chixi管理者「ちぃ」の日記
http://blog.chixi.jp/1/
■説明
デザインテンプレート設定のChixiオリジナル(標準デザイン)を使用した
カスタマイズを行っていないちーずブログです。

ちーずニュース
http://blog.chixi.jp/7560/
■説明
左右と真中の枠を丸くしてあります(firefoxのみ)
その他に
詳細設定>高度な設定>トップページHTML挿入
で中央上部にHTMLを挿入してあります。

HAMUCHI's blog
http://blog.chixi.jp/4181/
■説明
カーソルの変更を行い、
Twitterのブログパーツと左枠にリンク集を設定してあります。

■カスタマイズ方法
-----
■ツイッターBlogパーツ設置方法
配置設定>フリースペース1(枠なし)

参考:ツイッターBlogパーツ
http://twitter.com/account/badge

<script src="http://widgets.twimg.com/j/2/widget.js"></script>
<script>
new TWTR.Widget({
version: 2,
type: 'profile',
rpp: 15,
interval: 6000,
width: 200,
height: 300,
theme: {
shell: {
background: '#cfcca1',
color: '#000000'
},
tweets: {
background: '#ffffff',
color: '#000000',
links: '#0066cc'
}
},
features: {
scrollbar: false,
loop: true,
live: false,
hashtags: true,
timestamp: true,
avatars: false,
behavior: 'default'
}
}).render().setUser('chixis').start();
</script>

-----
■ChixiBlogパーツの設置方法
配置設定>フリーエリア1(枠あり)

参考:Chixi BlogParts

例:ID1のユーザ固定でランダム・背景が黒で文字色が白の場合


<iframe src="http://chixi.jp/blogparts/main.php?id=0&rand=on&bgcolor=CFCCA1&fontcolor=000000" height="300" width="200" frameborder="0"></iframe>

-----
■リンク集の設置方法
配置設定>フリーエリア1(枠あり)

<div class="partsHeading"><h3>リンク</h3></div>
Yahoo
Google

-----
■配色設定
デザイン設定>配色設定
http://blog.chixi.jp/7560/の場合

1. 線の色
#FF8000

2. ページ背景
#FFFFFF

3. コンテンツ領域背景
#FFFFFF

4. 枠色
#FF8000

5. 見出し
#FFFFFF

6. 説明領域背景
#FF8000

7. ボックスの背景
#FFFFFF

8. 左メニュー枠色
#FFFFFF

9. TOP背景
#FFFFFF

-----
■配色設定
デザイン設定>配色設定
http://blog.chixi.jp/4181/の場合

1. 線の色
#A60C00

2. ページ背景
#A60C00

3. コンテンツ領域背景
#FFFFFF

4. 枠色
#000000

5. 見出し
#A60C00

6. 説明領域背景
#CFCCA1

7. ボックスの背景
#FFFFFF

8. 左メニュー枠色
#FFFFFF

9. TOP背景
#A60C00

-----
■テーブルの角を丸くする
デザイン設定>カスタム設定

↓角を丸くするスタイルシート

.sideNav, .dparts, .homePhotoBox, .parts, .monthlyDiary, .listLink {
-moz-border-radius: 10px 10px 10px 10px;
}

-----
■カーソルを変更する
デザイン設定>カスタム設定

カーソルを変更するスタイルシート
↓参考URL
http://www.tagindex.com/stylesheet/page/cursor.html

body{cursor:url(http://cardcapt.org/wall/cross2_14.cur);}
a{cursor:url(http://cardcapt.org/wall/cross2_14.cur);}

-----
■中央枠上部にHTLMを挿入する
詳細設定>高度な設定>トップページHTML挿入

<table width="100%">
<tr bgcolor="#CFCCA1"><td colspan="3" height="9"></td></tr>
<tr><td bgcolor="#CFCCA1" width="9">
</td>
<td bgcolor="#FFFFFF">
お勧め記事:
 ラブプラスの凛子とデートに行ってきました。 /
Google DNSの設定方法

 
関西観光に行ってきました。 /
31アイスクリームを全部制覇してみた。
</td>
<td bgcolor="#CFCCA1" width="9">
</td>
</tr>
<tr bgcolor="#CFCCA1"><td colspan="3" height="9"></td></tr>
</table>


-----
いかがでしたでしょうか?
BlogとSNSの両方の更新は手間がかかります。
ちーずブログを使って一部の日記をBlogとして使用すると管理が楽になりますよ:)
こんなのはどうしたら・・・といった質問があればお答えしますので
メッセージよろしくお願いします。
(HAMUCHI)