Timelogプレミアム会員に登録してみました

Timelogは数あるミニブログサービスでも、コンテンツの充実・使いやすさ・デザイン・安定性など総合的に考えると1,2番を争うのではと思うほど、かなりお気に入りのサービスです。




そこで今回有料サービスである「Timelogプレミアム会員」に登録をしてみました。

まずこの会員になるには、月額315円の料金がかかるのですが、Yahoo!プレミアム会員になっているとなんと月額105円！しかも初月無料というおまけつきです。


自分はネットオークションの為にYahoo!プレミアム会員になっていたので、これが有料会員登録の決め手となりました。


主な機能をざっと紹介します。

• 画像容量が1GBにアップ（無料会員は50MB）


• アップロードサイズが2MBにアップ（無料会員は500KB）


• ホームのメモ最大表示件数が5,000件にアップ（無料会員は1,000件）


• プライベートグループの作成・参加（無料会員は入会出来ません）


• エクスポート機能(Movable Type形式で一か月毎にメモをバックアップ出来ます)


• amazonアソシエイト対応（メモで紹介した商品で売上が発生すると副収入が得られます）


• オリジナルデザイン（CSSをカスタマイズして自由にデザインを変えられます）

これらが中心となる主なサービスです。
また、決済方法はYahoo!ウォレットとなります。


この中で今回はamazonアソシエイトとCSSオリジナルデザインの機能がどんなものなのか、スクリーンショットでご紹介します。


まずamazonアソシエイトですが、メモでその商品について紹介し、そのリンクをたどってamazonで売上が発生すると、副収入が得られるというものです。


設定してからメモするまでの流れをご紹介いたします。

まずページ一番上にあるナビゲーションの設定をクリックし、基本設定のページへと移ります。


ここでご自身のアソシエイトidを入力するだけで設定は終了です。



あとはメモで紹介するだけです。

メモを投稿する時に一番右の本のボタンをクリックし、



出てくるポップアップで商品を検索し、その商品でよければプルダウンから何個星印を付けるか選んで「評価を付けてメモに投稿する」ボタンをおします。




再びメモを書き込むページに戻りますが、「/R B001M5BK7Y {@R|1} 」と書き込まれているので、これに続けて自分の紹介文を書き込む形となります。




そして投稿したものがこちらになります。商品のアドレスとタグが自動で書き込まれます。



非常に便利ですがこればかり連投するのはやめて、あくまでもコミュニケーションの一環として商品をお勧めしたい時に使いましょう。


次にオリジナルCSSがどんなものなのかご紹介します。

個人的にはこれが一番気になっていました。

設定する場所は、設定→デザインとたどったデザインの設定ページです。



上の画像の一番下にある、「オリジナルスタイル 編集」をクリックすると窓枠が現れるので
こちらで編集したり、別のテキストエディタにコピーしたりして編集します。



また、元々のCSSがどんなものなのかが分かれば、どうデザインを変えられるのか想像が膨らむと思いますので、今回Timelogのはっち氏のご厚意によりこのCSSのソースをご紹介させて頂きます。

/*
Timelog CSS
http://timelog.jp/style_main.css
*/

/* Reset ------------------------------------------------------------------ */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin:0;
padding:0;
border:0;
outline:0;
font-size:100%;
font-weight:normal;
vertical-align:baseline;
background:transparent;
}
body {
line-height:1;
}
ol, ul {
list-style:none;
}
blockquote, q {
quotes:none;
}
:focus {
outline:0;
}
ins {
text-decoration:none;
}
del {
text-decoration:line-through;
}
table {
border-collapse:collapse;
border-spacing:0;
}
* {
margin:0;
padding:0;
}
html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}
/* Layout ------------------------------------------------------------------ */

body{
font-size:10pt;
text-align:center;
background-color:#fff;
font-family:"ヒラギノ角ゴPro W3", "ＭＳ Ｐゴシック", Osaka;
}

input, textarea {
font-family:"ヒラギノ角ゴPro W3", "ＭＳ Ｐゴシック", Osaka;
font-size : 10pt;
line-height: 1.2em;
}

#framemiddle{
margin:0 auto;
width:840px;
text-align:left;
clear:both;
}
#framecenter{
float:left;
width:590px;
}
#frameright{
float:right;
width:230px;
}
#framefooter{
clear:both;
color:#999;
font-size:9pt;
line-height:2em;
margin:20px 0;
}
#framecenter table {
margin-top:0px;
}
#framefooter a {
color:#999;
text-decoration:none;
}

/* Content ---------------------------------------------------------------- */

/* メインボックス */

#main_box {
background-image:url('/style/box_back_00.gif');background-repeat:no-repeat;
background-position:0px bottom;
width:590px;
margin-bottom:10px;
padding-bottom:10px;
}

#main_box h3 {
background-image:url('/style/box_back_00.gif');background-repeat:no-repeat;
padding:13px 13px 8px;
font-size:11pt;
}

#main_box_body {
background-image:url('/style/box_back_00.gif');
background-position:-900px 0px;
padding:0 13px;
width:564px;
}

/* サイドボックス */

.side_box {
background-image:url('/style/box_back_00.gif');background-repeat:no-repeat;
background-position:-610px bottom;
width:230px;
margin-bottom:10px;
padding-bottom:10px;
}

.side_box h3 {
background-image:url('/style/box_back_00.gif');background-repeat:no-repeat;
background-position:-610px 0px;
width:204px;
padding:13px 13px 8px;
font-size:11pt;
color:#369;
}

.side_box h3 a { color:#369; }

.side_box_body {
background-image:url('/style/box_back_00.gif');
background-position:-1510px 0px;
width:204px;
padding:0 13px;
word-break:break-all;
overflow:hidden;
}

.side_box h4 {
font-size:9pt;
line-height:1.3em;
font-weight:normal;
}

.side_box ul {
margin-bottom:3px;
}

.side_box li {
list-style-type:none;
border-top:1px solid #bce;
}

.side_box li a {
display:block;
padding:3px 3px 3px 5px;
font-size:10pt;
line-height:1.5em;
text-decoration:none;
color:#36c;
width:196px;
}

/* safari only \*/
html:\66irst-child .side_box li a {
padding:3px 3px 0px 5px;
}
/* end */

.side_box li a:link { text-decoration:none; }
.side_box li a:visited { text-decoration:none; }
.side_box li a:hover { text-decoration:none;background-image:url('/images/side_menu_back.gif'); }
.side_box li a:active { text-decoration:none; }

/* グループサイド用リスト */

#group_top_info {
text-align :left;
margin-top:10px;
}

#group_top_info a {
display:inline;
background-image:none;
}

#group_top_info li {
padding:5px 0;
}

/* カレンダー */

#calendar_link {
text-align:center;
font-size:10pt;
font-weight:bold;
color:#36c;
}

#calendar_link a {
color:#36c;
}

#calendar_table {
margin-bottom:5px;
text-align:center;
}

#calendar_table a {
text-decoration:none;
}

#calendar_table table {
margin:0 auto;
}

#calendar_table tr {
font-size:9pt;
}

#calendar_table th {
padding:5px 0 7px;

width:29px;
text-align:center;
color:#36c;
font-weight:normal;
}

#calendar_table th.calendar_sun {
background-color:#f99;
color:#fff;
}

#calendar_table th.calendar_sat {
background-color:#99f;
color:#fff;
}

#calendar_table td {
padding:5px 0 7px;
width:29px;
font-size:9pt;
text-align:center;
background-color:none;
color:#999;
}

#calendar_table td a {
color:#36c;
}

#calendar_table td.cal_on {
background-image:url('/images/cal_bk.gif');background-repeat:no-repeat;
}

#calendar_table td.cal_today {
background-image:url('/images/cal_bk_on.gif');background-repeat:no-repeat;
}

/* アイコン */

.menu_icon {
vertical-align:middle;
margin:4px 4px 4px 0;
width:12px;
height:12px;
}

/* コンテンツメニュー：グループ */

#group_menu {
height:26px;
margin-bottom:15px;
}

#group_menu li {
float:left;
width:105px;
height:26px;
list-style-type:none;
text-align:center;
}

#group_menu li a {
display:block;
width:105px;
height:26px;
}

#group_menu li b { display:none; }

#group_menu #group_top_on { background:url('/images/group_menu.gif') no-repeat 0px top; }
#group_menu #timeline_on { background:url('/images/group_menu.gif') no-repeat -105px top; }
#group_menu #member_on { background:url('/images/group_menu.gif') no-repeat -210px top; }
#group_menu #photo_on { background:url('/images/group_menu.gif') no-repeat -315px top; }
#group_menu #star_on { background:url('/images/group_menu.gif') no-repeat -420px top; }
#group_menu #tag_on { background:url('/images/group_menu.gif') no-repeat -525px top; }
#group_menu #etc_on { background:url('/images/group_menu.gif') no-repeat -630px top; }
#group_menu #reg_on { background:url('/images/group_menu.gif') no-repeat -840px top; }
#group_menu #form_on { background:url('/images/group_menu.gif') no-repeat -945px top; }

#group_menu #group_top { background:url('/images/group_menu.gif') no-repeat 0px -30px; }
#group_menu #timeline { background:url('/images/group_menu.gif') no-repeat -105px -30px; }
#group_menu #member { background:url('/images/group_menu.gif') no-repeat -210px -30px; }
#group_menu #photo { background:url('/images/group_menu.gif') no-repeat -315px -30px; }
#group_menu #star { background:url('/images/group_menu.gif') no-repeat -420px -30px; }
#group_menu #tag { background:url('/images/group_menu.gif') no-repeat -525px -30px; }
#group_menu #etc { background:url('/images/group_menu.gif') no-repeat -630px -30px; }
#group_menu #del { background:url('/images/group_menu.gif') no-repeat -735px -30px; }
#group_menu #reg { background:url('/images/group_menu.gif') no-repeat -840px -30px; }
#group_menu #form { background:url('/images/group_menu.gif') no-repeat -945px -30px; }

#group_menu #group_top:hover { background:url('/images/group_menu.gif') no-repeat 0px top; }
#group_menu #timeline:hover { background:url('/images/group_menu.gif') no-repeat -105px top; }
#group_menu #member :hover { background:url('/images/group_menu.gif') no-repeat -210px top; }
#group_menu #photo :hover { background:url('/images/group_menu.gif') no-repeat -315px top; }
#group_menu #star :hover { background:url('/images/group_menu.gif') no-repeat -420px top; }
#group_menu #tag :hover { background:url('/images/group_menu.gif') no-repeat -525px top; }
#group_menu #etc :hover { background:url('/images/group_menu.gif') no-repeat -630px top; }
#group_menu #del :hover { background:url('/images/group_menu.gif') no-repeat -735px top; }
#group_menu #reg :hover { background:url('/images/group_menu.gif') no-repeat -840px top; }
#group_menu #form :hover { background:url('/images/group_menu.gif') no-repeat -945px top; }

#group_menu_title {
background:url('/images/group_menu_title.gif');
width:810px;
height:26px;
padding:10px 0 0 30px;
font-weight:bold;
font-size:12pt;
margin-bottom:5px;
}

/* コンテンツメニュー：ユーザー */

#human_menu {
float:left;
height:26px;
}

#human_menu li {
float:left;
width:87px;
height:26px;
list-style-type:none;
text-align:center;
}

#human_menu li a {
display:block;
width:87px;
height:26px;
}

#human_menu li b { display:none; }

#human_menu #human_top_on { background:url('/images/human_menu2.gif') no-repeat -56px top;width:87px; }
#human_menu #timeline_on { background:url('/images/human_menu2.gif') no-repeat -143px top; }
#human_menu #star_on { background:url('/images/human_menu2.gif') no-repeat -230px top; }
#human_menu #friend_on { background:url('/images/human_menu2.gif') no-repeat -318px top; }
#human_menu #group_on { background:url('/images/human_menu2.gif') no-repeat -404px top; }
#human_menu #tag_on { background:url('/images/human_menu2.gif') no-repeat -491px top; }
#human_menu #photo_on { background:url('/images/human_menu2.gif') no-repeat -578px top; }
#human_menu #etc_on { background:url('/images/human_menu2.gif') no-repeat -665px top; }
#human_menu #form_on { background:url('/images/human_menu2.gif') no-repeat -752px top;width:86px; }
#human_menu #reg_on { background:url('/images/human_menu2.gif') no-repeat -839px top;width:86px; }
#human_menu #del_on { background:url('/images/human_menu2.gif') no-repeat -926px top;width:86px; }

#human_menu #human_top { background:url('/images/human_menu2.gif') no-repeat -56px -30px;width:87px; }
#human_menu #timeline { background:url('/images/human_menu2.gif') no-repeat -143px -30px; }
#human_menu #star { background:url('/images/human_menu2.gif') no-repeat -230px -30px; }
#human_menu #friend { background:url('/images/human_menu2.gif') no-repeat -317px -30px; }
#human_menu #group { background:url('/images/human_menu2.gif') no-repeat -404px -30px; }
#human_menu #tag { background:url('/images/human_menu2.gif') no-repeat -491px -30px; }
#human_menu #photo { background:url('/images/human_menu2.gif') no-repeat -578px -30px; }
#human_menu #etc { background:url('/images/human_menu2.gif') no-repeat -665px -30px; }
#human_menu #form { background:url('/images/human_menu2.gif') no-repeat -752px -30px;width:86px; }
#human_menu #reg { background:url('/images/human_menu2.gif') no-repeat -839px -30px;width:86px; }
#human_menu #del { background:url('/images/human_menu2.gif') no-repeat -926px -30px;width:86px; }

#human_menu #human_top:hover { background:url('/images/human_menu2.gif') no-repeat -56px top;width:87px; }
#human_menu #timeline :hover { background:url('/images/human_menu2.gif') no-repeat -143px top; }
#human_menu #star :hover { background:url('/images/human_menu2.gif') no-repeat -230px top; }
#human_menu #friend :hover { background:url('/images/human_menu2.gif') no-repeat -317px top; }
#human_menu #group :hover { background:url('/images/human_menu2.gif') no-repeat -404px top; }
#human_menu #tag :hover { background:url('/images/human_menu2.gif') no-repeat -491px top; }
#human_menu #photo :hover { background:url('/images/human_menu2.gif') no-repeat -578px top; }
#human_menu #etc :hover { background:url('/images/human_menu2.gif') no-repeat -665px top; }
#human_menu #form :hover { background:url('/images/human_menu2.gif') no-repeat -752px top;width:86px; }
#human_menu #reg :hover { background:url('/images/human_menu2.gif') no-repeat -839px top;width:86px; }
#human_menu #del :hover { background:url('/images/human_menu2.gif') no-repeat -926px top;width:86px; }

#human_menu_title {
float:left;
background-image:none;
height:21px;
width:772px;
padding-top:8px;
font-weight:bold;
font-size:12pt;
}

#human_menu_box {
background:url('/images/human_menu_back.gif') no-repeat;
width:840px;
height:55px;
margin-bottom:15px;
}

#human_menu_photo {
float:left;
margin:7px 7px 6px 8px;
# margin:7px 7px 6px 4px;
padding:2px;
border:1px #ccc solid;
}

#human_menu_photo img {
width:35px;
height:35px;
}

#human_menu_name {
float:left;
padding-left:2px;
}

#human_menu_name a {
font-size:9pt;
font-weight:normal;
color:#666;
text-decoration:none;
}

#human_menu_data {
float:right;
font-weight:normal;
font-size:9pt;
}

#etc_box {
position:absolute;
margin:26px 0 0 435px;
* margin:0 0 0 -45px;
display:none;
border:1px solid #ddd;
padding:10px;
background-color:#fff;
width:130px;
font-size:10pt;
line-height:1.5em;
text-align:left;
z-index:60;
}

#group_menu #etc_box {
margin-left:524px;
*margin-left:-53px;
}

#human_menu #etc #etc_box, #group_menu #etc #etc_box{ background:none;background-color:#fff; }

#human_menu #etc #etc_box img, #group_menu #etc #etc_box img {
padding:0;
}

#human_menu #etc #etc_box a, #group_menu #etc #etc_box a {
display:inline;
background:none;
padding:0;
}

#framecenter #frmBox table {
margin-top:0px;
}

/* コンテンツメニュー：パブリック */

#timeline_menu {
float:left;
height:26px;
margin:-10px 0 5px 0;
* margin:0px 0 5px 0;
}

#timeline_menu li {
float:left;
width:87px;
height:26px;
list-style-type:none;
text-align:center;
}

#timeline_menu li a {
display:block;
width:87px;
height:26px;
}

#timeline_menu li b { display:none; }

#timeline_menu #timeline_home_on { background:url('/images/timeline_menu.gif') no-repeat 0px top; }
#timeline_menu #timeline_personal_on { background:url('/images/timeline_menu.gif') no-repeat -87px top; }
#timeline_menu #timeline_res_on { background:url('/images/timeline_menu.gif') no-repeat -174px top; }
#timeline_menu #timeline_public_on { background:url('/images/timeline_menu.gif') no-repeat -268px top; }

#timeline_menu #timeline_home { background:url('/images/timeline_menu.gif') no-repeat 0px -30px; }
#timeline_menu #timeline_personal { background:url('/images/timeline_menu.gif') no-repeat -87px -30px; }
#timeline_menu #timeline_res { background:url('/images/timeline_menu.gif') no-repeat -174px -30px; }
#timeline_menu #timeline_public { background:url('/images/timeline_menu.gif') no-repeat -268px -30px; }

#timeline_menu #timeline_home :hover { background:url('/images/timeline_menu.gif') no-repeat 0px top; }
#timeline_menu #timeline_personal :hover { background:url('/images/timeline_menu.gif') no-repeat -87px top; }
#timeline_menu #timeline_res :hover { background:url('/images/timeline_menu.gif') no-repeat -174px top; }
#timeline_menu #timeline_public :hover { background:url('/images/timeline_menu.gif') no-repeat -268px top; }

#pub_menu {
height:26px;
}

#pub_menu li {
float:left;
width:105px;
height:26px;
list-style-type:none;
text-align:center;
}

#pub_menu li a {
display:block;
width:105px;
height:26px;
}

#pub_menu li b { display:none; }

#pub_menu #pub_top_on { background:url('/images/pub_menu.gif') no-repeat 0px -58px; }
#pub_menu #pub_star_on { background:url('/images/pub_menu.gif') no-repeat -105px -58px; }
#pub_menu #pub_tag_on { background:url('/images/pub_menu.gif') no-repeat -210px -58px; }
#pub_menu #pub_photo_on { background:url('/images/pub_menu.gif') no-repeat -315px -58px; }
#pub_menu #pub_book_on { background:url('/images/pub_menu.gif') no-repeat -420px -58px; }
#pub_menu #pub_judge_on { background:url('/images/pub_menu.gif') no-repeat -525px -58px; }
#pub_menu #pub_good_on { background:url('/images/pub_menu.gif') no-repeat -630px -58px; }
#pub_menu #pub_map_on { background:url('/images/pub_menu.gif') no-repeat -735px -58px; }

#pub_menu #pub_top { background:url('/images/pub_menu.gif') no-repeat 0px -85px; }
#pub_menu #pub_star { background:url('/images/pub_menu.gif') no-repeat -105px -85px; }
#pub_menu #pub_tag { background:url('/images/pub_menu.gif') no-repeat -210px -85px; }
#pub_menu #pub_photo { background:url('/images/pub_menu.gif') no-repeat -315px -85px; }
#pub_menu #pub_book { background:url('/images/pub_menu.gif') no-repeat -420px -85px; }
#pub_menu #pub_judge { background:url('/images/pub_menu.gif') no-repeat -525px -85px; }
#pub_menu #pub_good { background:url('/images/pub_menu.gif') no-repeat -630px -85px; }
#pub_menu #pub_map { background:url('/images/pub_menu.gif') no-repeat -735px -85px; }

#pub_menu #pub_top :hover { background:url('/images/pub_menu.gif') no-repeat 0px -58px; }
#pub_menu #pub_star :hover { background:url('/images/pub_menu.gif') no-repeat -105px -58px; }
#pub_menu #pub_tag :hover { background:url('/images/pub_menu.gif') no-repeat -210px -58px; }
#pub_menu #pub_photo :hover { background:url('/images/pub_menu.gif') no-repeat -315px -58px; }
#pub_menu #pub_book :hover { background:url('/images/pub_menu.gif') no-repeat -420px -58px; }
#pub_menu #pub_judge :hover { background:url('/images/pub_menu.gif') no-repeat -525px -58px; }
#pub_menu #pub_good :hover { background:url('/images/pub_menu.gif') no-repeat -630px -58px; }
#pub_menu #pub_map :hover { background:url('/images/pub_menu.gif') no-repeat -735px -58px; }

#pub_menu_box {
background:url('/images/pub_menu.gif') no-repeat;
width:840px;
height:24px;
padding:58px 0 0 0;
margin:0 0 15px 0;
}

#etc_group_box {
position:absolute;
margin:26px 0 0 435px;
* margin:0 0 0 -45px;
display:none;
border:1px solid #ddd;
padding:10px;
background-color:#fff;
width:210px;
font-size:10pt;
line-height:1.5em;
text-align:left;
}

/* タイムライン系 */

ul#timeline {
clear:both;
padding-top:10px;
}

#timeline li {
width:570px;
list-style-type:none;
background:url('/images/msgbox_w_foot.gif') no-repeat 41px bottom;
* background:url('/images/msgbox_w_foot.gif') no-repeat 42px bottom;
margin-bottom:7px;
padding-bottom:5px;
overflow:hidden;
}

#timeline li.msg_res {
width:540px;
list-style-type:none;
background:url('/images/msgbox_res_foot.gif') no-repeat 41px bottom;
* background:url('/images/msgbox_res_foot.gif') no-repeat 42px bottom;
margin-bottom:15px;
padding-bottom:5px;
}

#timeline li .photo {
clear:both;
float:left;
margin:0;
padding:2px;
border:1px solid #ccc;
background-color:#fff;
}

#timeline li h3 {
float:left;
background:url('/images/msgbox_w_back.gif') no-repeat 0px top;
* margin-left:1px;
padding:7px 15px 0px 20px;
* padding:7px 15px 0px 20px;
overflow:hidden;
font-weight:normal;
font-size:small;
line-height:1.5em;
word-break:break-all;
width:488px;
}

#timeline li.msg_res h3 {
background:url('/images/msgbox_res_back.gif') no-repeat 0px top;
width:458px;
}

#timeline li .memolink a { color:#000; }
#timeline li .memolink a:link { color:#000;text-decoration:none; }
#timeline li .memolink a:visited { color:#000;text-decoration:none; }
#timeline li .memolink a:hover { color:#000;text-decoration:none; }
#timeline li .memolink a:active { color:#000;text-decoration:none; }

#timeline #namebox { width:490px;*margin-top:5px; }

#timeline li.msg_res #namebox { width:460px; }

#timeline .msgbox_y { background:url('/images/msgbox_y_foot.gif') no-repeat 42px bottom; }
#timeline .msgbox_y h3 { background:url('/images/msgbox_y_back.gif') no-repeat 0 top; }

#timeline .massage_w { width:524px; background:url('/images/msg_w_foot.gif') no-repeat 42px bottom; }
#timeline .massage_w h3 {
width:429px;
background:url('/images/msg_w_back.gif') no-repeat 0 top;
margin-left:1px;
padding:8px 20px;
}

#timeline .massage_y {
width:565px;
background:url('/images/msg_y_foot.gif') no-repeat 54px bottom;
}
#timeline .massage_y .photo { float:right; }
#timeline .massage_y h3 {
width:435px;
background:url('/images/msg_y_back.gif') no-repeat 0 top;
margin-left:54px;
_margin-left:27px;
padding:8px 22px 8px 10px;
}

#timeline li .mini {
font-size:9pt;
color:#666;
margin:0 4px;
}

#timeline li .name {
font-size:9pt;
font-weight:bold;
margin-right:4px;
}

#timeline li .res {
font-size:10pt;
margin:0 2px;
}

#timeline li .tag {
font-size:8pt;
margin:0 2px;
}

#timeline li .time, .message_time {
font-size:8pt;
color:#666;
text-decoration:none;
}

#timeline li .time a, .message_time a { color:#666;text-decoration:none; }
#timeline li .time a, .message_time a:visited { color:#666;text-decoration:none; }
#timeline li .time a, .message_time a:hover { color:#666;text-decoration:none; }
#timeline li .time a, .message_time a:active { color:#666;text-decoration:none; }

#timeline li .time .icn, .message_time .icn {
vertical-align:middle;
margin:0 2px 0 4px;
}

#timeline li .icn {
vertical-align:middle;
margin:0 2px;
}

.icn_left {
vertical-align:middle;
margin-right:4px;
}

#timeline li .icn_res {
vertical-align:middle;
margin-right:6px;
}

#timeline .idcombox {
width:150px;
background-color:#fff;
border:1px solid #ccc;
padding:4px;
margin:5px 0 0 115px;
z-index:10;
position:absolute;
font-size:9pt;
line-height:1.5em;
}

.maptitle {
font-weight:bold;
}
.maptitle a:link { color:#000;text-decoration:none; }
.maptitle a:visited { color:#000;text-decoration:none; }
.maptitle a:hover { color:#000;text-decoration:underline; }
.maptitle a:active { color:#000;text-decoration:none; }

#list_1, #list_2, #list_3, #list_4, #list_5, #list_6, #list_7, #list_8 {
clear:both;
}

#idResmsg {
padding-bottom:5px;
}

/* メモ詳細系 */

#msg_box_disp {
margin-bottom:10px;
}

#msg_box_disp dt {
width:92px;
*width:93px;
_height:127px; /* Hack for Win IE6 */
clear:left;
float:left;
}

#msg_box_disp dd {
width:493px;
margin-left:92px;
*margin-left:93px;
padding-bottom:5px;
background:url(/images/msgbox_res_foot.gif) no-repeat 0px bottom;
_margin-top:-127px; /* Hack for Win IE6 */
}

#msg_box_disp dd #msg_inbox {
width:493px;
padding:7px 15px 0px 20px;
background:url(/images/msgbox_res_back.gif) no-repeat 0px top;
}

#msg_inbox h3 a {
line-height:1em;
font-size:12pt;
font-weight:bold;
}

#acimg {
float:left;
width:75px;
padding:5px;
border:1px solid #ccc;
background-color:#fff;
}

a.tip {
position:relative;
}

a.tip span {
display:block;
position:absolute;
top:20px;
left:-10px;
width:125px;
padding:5px;
z-index:100;
background:#FFC;
color:#333;
text-decoration:none;
text-align:left;
font-size:8pt;
line-height:1.5em;
border:1px #999 solid;
visibility:hidden;
-moz-border-radius:5px; /* this works only in camino/firefox */
-webkit-border-radius:5px; /* this is just for Safari */
}

a:hover.tip {
font-size:99%; /* this is just for IE */
visibility:visible;
z-index:100;
}

a:hover.tip span {
visibility:visible;
z-index:100;
}

#edtfrm_box th {
font-size: 10pt;
}

#edtfrm_box td {
font-size: 10pt;
border:1px solid #ccc;
padding: 5px;
}

/* メインボックス内角丸白背景） */

.prof {
padding:5px 10px;
background-image:url('/images/prof_back.gif');
*width:544px;
line-height:1.3em;
}

input.nocolor {
padding:2px;
margin-right:4px;
border:0px solid #fff;
background-color:#fff;
}

.prof_foot {
margin-bottom:5px;
height:10px;
font-size:1pt;
line-height:1em;
background:url('/images/prof_back_foot.gif') no-repeat bottom;
}

.prof #proflink {
position:absolute;
width:108px;
margin:5px 0 0 414px;
padding:10px;
background-color:#fff;
border:#ccc 1px dotted;
}

.prof table {
width:544px;
}

.prof .title {
width:170px;
}

.prof .title_memo {
width:90px;
font-size:9pt;
}
.prof .title_memo a:link { color:#333;text-decoration:none; }
.prof .title_memo a:visited { color:#333;text-decoration:none; }
.prof .title_memo a:hover { color:#333;text-decoration:none; }
.prof .title_memo a:active { color:#333;text-decoration:none; }

.prof td {
padding:2px;
font-size:9pt;
line-height:1.5em;
border-bottom:1px #ccc dotted;
}

.prof th {
padding:2px;
font-size:11pt;
line-height:1.5em;
font-weight:bold;
border-bottom:1px #ccc dotted;
}

.prof ul {
padding-top:10px;
}

.prof .life_time {
font-size:9pt;
color:#999;
width:90px;
}

.prof .life_time a:link { color:#999;text-decoration:none; }
.prof .life_time a:visited { color:#999;text-decoration:none; }
.prof .life_time a:hover { color:#999;text-decoration:none; }
.prof .life_time a:active { color:#999;text-decoration:none; }

.prof .life_memo {
font-size:10pt;
line-height:1.2em;
}
.prof .life_memo a:link { color:#000;text-decoration:none; }
.prof .life_memo a:visited { color:#000;text-decoration:none; }
.prof .life_memo a:hover { color:#000;text-decoration:underline;background-color:#FFFFCC; }
.prof .life_memo a:active { color:#000;text-decoration:none; }

.prof .life_memo .icn {
vertical-align:middle;
margin:0 4px;
}

.prof #profbox {
border:1px #ccc dotted;
padding:5px;
margin-top:5px;
line-height:1.5em;
}

#profbox {
width:445px;
line-height:1.5em;
font-size:9pt;
}

/* タグリスト */

.tag_list {
margin:10px 10px 5px 10px;
background-color:#fff
}
.tag_list a {
display:block;
float:left;
font-size:10pt;
padding:0px 2pt 0px 18px;
border-top:1px solid #ddd;
width:152px;
background-image:url('/images/icon_tag.gif');
background-repeat:no-repeat;
background-position:2px 6px;
}
.tag_list a:link { color:#000;text-decoration:none; }
.tag_list a:visited { color:#000;text-decoration:none; }
.tag_list a:hover { color:#f03;text-decoration:underline;background-color:#fde; }
.tag_list a:active { color:#000;text-decoration:none; }

/* フッタ */

#foot_back {
clear:both;
background-image:url('/images/portal/foot_background.gif');
width:100%;
margin-top:10px;
padding-top:10px;
height:40px;
font-size:9pt;
line-height:1.3em;
color:#fff;
}

#foot_back a:link { color:#fff;text-decoration:none; }
#foot_back a:visited { color:#fff;text-decoration:none; }
#foot_back a:hover { color:#fff;text-decoration:underline; }
#foot_back a:active { color:#fff;text-decoration:none; }

#foot_back_contents {
width:840px;
margin:0 auto;
text-align:center;
}

/* ホームタブ */

#home_timeline_menu {
margin-top:10px;
}

#home_timeline_menu ul {
width:564px;
height:22px;
background:url('/images/timeline_menu_back.gif');
}

#home_timeline_menu li {
list-style-type:none;
float:left;
text-align:center;
}

#home_timeline_menu li a {
display:block;
width:141px;
height:18px;
padding-top:4px;
text-decoration:none;
}

#home_timeline_menu li .open {
color:#fff;
background:url('/images/timeline_menu_back.gif');
background-position:-141px -44px;
}

#home_timeline_menu li .close {
color:#69c;
background:url('/images/timeline_menu_back.gif');
background-position:-141px 0px;
}

#home_timeline_menu li .close:hover {
color:#fff;
background:url('/images/timeline_menu_back.gif');
background-position:-141px -44px;
}

#home_timeline_menu li .open_home {
color:#fff;
background:url('/images/timeline_menu_back.gif');
background-position:0px -44px;
}

#home_timeline_menu li .close_home {
color:#69c;
background:url('/images/timeline_menu_back.gif');
background-position:0px 0px;
}

#home_timeline_menu li .close_home:hover {
color:#fff;
background:url('/images/timeline_menu_back.gif');
background-position:0px -44px;
}

#home_timeline_menu li .open_pub {
color:#fff;
background:url('/images/timeline_menu_back.gif');
background-position:-423px -44px;
}

#home_timeline_menu li .close_pub {
color:#69c;
background:url('/images/timeline_menu_back.gif');
background-position:-423px 0px;
}

#home_timeline_menu li .close_pub:hover {
color:#fff;
background:url('/images/timeline_menu_back.gif');
background-position:-423px -44px;
}

/* 投稿フォーム */

#msg_form {
padding-bottom:3px;
background-color:#fff;
}

#msg_form h3 {
float:left;
font-size:14pt;
line-height:1em;
}

#msg_form h4 {
float:left;
font-size:10pt;
line-height:1em;
font-weight:normal;
padding-bottom:4px;
}

#commandbox {
float:right;
}

#commandbox img {
margin-left:3px;
}

textarea#inp_msg {
width:540px;
height:45px;
font-size:10pt;
line-height:1.2em;
}
#tags {
float:left;
margin:2px 0 4px;
padding:0;
width:45px;
}

#tagbox {
clear:both;
display:none;
margin:5px 0;
padding:10px;
border:1px solid #ccc;
font-size:12px;
line-height:2em;
}

#tagbox a { color:#333;text-decoration:none; }
#tagbox a:hover { color:#f03;text-decoration:underline;background-color:#fde }

#faces {
float:left;
margin:2px 0 4px;
padding:0 5px;
width:45px;
}

#facebox {
clear:both;
font-size:9pt;
line-height:1.5em;
margin:5px 0;
padding:10px 0 0 35px;
height:150px;
color:#666;
display:none;
border:1px solid #ccc;
}

#options {
float:left;
margin:2px 0 4px;
padding:0;
width:45px;
height:14px;
background-image:url('http://img.dev2.timelog.jp/cmd_photo.gif');background-repeat:no-repeat;
}

#options:hover {
background-image:url('http://img.dev2.timelog.jp/cmd_photo.gif');background-repeat:no-repeat;
}

#options a {
display:block;
width:45px;
height:14px;
}

#optionbox {
clear:both;
display:none;
margin:5px 0;
padding:5px;
border:1px solid #ccc;
}

#ps_icn {
float:right;
margin:0;
}

#icn_btn_p {
float:left;
margin:0 2px 0 0;
padding:0;
width:90px;
}

#icn_btn_s {
float:left;
margin:0 2px 0 0;
padding:0;
width:45px;
}

#idImgFace {
position:absolute;

}

#commandbox {
float:right;
margin:0;
padding:0;
}

#commandbox img {
margin-left:3px;
}

#msg_box, #good_box, #new_box, #judge_box, #calc_box, #group_box, #book_box, #todo_box {
clear:both;
font-size:10pt;
background-color:#eee;
padding:2px 0 2px 4px;
}

.icn_memo b { display:none; }
.icn_memo { background-image:url('/images/facemark/F9BE.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px;display:none; }
.icn_memo:hover { background-image:url('/images/facemark/F9BE.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px;display:none; }

.icn_gr b { display:none; }
.icn_gr { background-image:url('/images/facemark/F955_g_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_gr:hover { background-image:url('/images/facemark/F955_g.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_d b { display:none; }
.icn_d { background-image:url('/images/facemark/F977_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_d:hover { background-image:url('/images/facemark/F977n2.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_b b { display:none; }
.icn_b { background-image:url('/images/facemark/F9B7_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_b:hover { background-image:url('/images/facemark/F9B7.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_t b { display:none; }
.icn_t { background-image:url('/images/facemark/F9C1_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_t:hover { background-image:url('/images/facemark/F9C1.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_g b { display:none; }
.icn_g { background-image:url('/images/facemark/F9CC_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_g:hover { background-image:url('/images/facemark/F9CC.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_n b { display:none; }
.icn_n { background-image:url('/images/facemark/F9A0_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_n:hover { background-image:url('/images/facemark/F9A0.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_j b { display:none; }
.icn_j { background-image:url('/images/ico_yes_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_j:hover { background-image:url('/images/ico_yes.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_c b { display:none; }
.icn_c { background-image:url('/images/icn_calc_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_c:hover { background-image:url('/images/icn_calc.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_m b { display:none; }
.icn_m { background-image:url('/images/facemark/F8DE_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_m:hover { background-image:url('/images/facemark/F8DE.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_r b { display:none; }
.icn_r { background-image:url('/images/facemark/F8E4_b.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_r:hover { background-image:url('/images/facemark/F8E4.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }

.icn_p b { display:none; }
.icn_p { background-image:url('/images/p2_off.gif');background-repeat:no-repeat;display:block;float:left;width:90px;height:14px; }
.icn_p:hover { background-image:url('/images/p2_on.gif');background-repeat:no-repeat;display:block;float:left;width:90px;height:14px; }

.icn_s b { display:none; }
.icn_s { background-image:url('/images/s_off.gif');background-repeat:no-repeat;display:block;float:left;width:45px;height:14px; }
.icn_s:hover { background-image:url('/images/s_on.gif');background-repeat:no-repeat;display:block;float:left;width:45px;height:14px; }

.icn_f b { display:none; }
.icn_f { background-image:url('/images/facemark/F981.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }
.icn_f:hover { background-image:url('/images/facemark/F981.gif');background-repeat:no-repeat;display:block;float:left;width:16px;height:12px; }


/* ポップアップ画像 */

.popupbox a{position:relative;}
.popupimg {
position:absolute;
top:-200px;
left:-15px;
width:200px;
height:212px;
padding:15px;
visibility:hidden;
background:url(/images/popupimg_bg.gif) no-repeat;
color:#333;
}
.popupimg b {
width:170px;
height:170px;
overflow:hidden;
}
.popupimg img {
height:170px;
}
.popupbox a:hover{visibility:visible}
.popupbox a:hover span{visibility:visible;}


.pages { /* ページ切り替え */
clear:both;
margin:0;
height:25px;
padding:20px 0 0 0;
font-size:8pt;
}

.pages a { /* ページ切り替え */
font-size:8pt;
line-height:1.2em;
text-align:center;
text-decoration:none;
width:18px;
height:18px;
margin-right:2px;
padding:3px;
border:#fff 1px solid;
background-color:#fff;
}

.pages_none { /* ページ切り替え */
font-size:8pt;
font-weight:normal;
line-height:1.2em;
text-align:center;
text-decoration:none;
width:18px;
height:18px;
margin-right:2px;
padding:3px;
border:#ccc 1px solid;
}

.pages_text { /* ページ切り替え */
font-size:8pt;
line-height:1.2em;
height:18px;
margin-right:2px;
padding:3px;
border:#fff 1px solid;
}

a.active_pages {
background-color: #ccc;
}

.friendbox{
margin:0;
padding:0 0 0 2px;
}

.friendbox img{
margin:5px 3px 0 2px;
}

/* ホームお知らせ */

.info_box {
margin:0;
padding:5px 10px 0 10px;
background:url('/images/info_back.gif') no-repeat;
}

.info_box_foot {
margin:0 0 10px 0;
padding:0;
height:5px;
font-size:1pt;
line-height:1em;
background:url('/images/info_back_foot.gif') no-repeat bottom;
}

#inp_html { width:540px; }


#settingmenu li {
padding:0px;
}

#settingmenu li .close {
width:100%;
padding:3px;
}

#settingmenu li .open {
width:100%;
padding:3px;
background-color:#fff;
}

.settingtitle {
color:#000;
font-size:11pt;
font-weight:bold;
margin:0;
padding:0;
}

.settingtext {
margin:5px 0;
padding:5px 5px 5px 23px;
font-size:11pt;
line-height:1.3em;
border:#ccc 1px dotted;
color:#000;
background-image:url('/images/icon_memo.gif');
background-repeat:no-repeat;
background-position:5px 7px;
}

#settingframe {
margin:20 auto 50 auto;
width :590px;
padding:1px 0;
}

#settingframe h5 {
font-size:9pt;
line-height:1em;
font-weight:normal;
margin:0;
padding:5px 0;
border-bottom:#ccc 1px solid;
text-align :left;
}

/* ログイン系 */

#contents_box {
clear:both;
width:840px;
margin:0 auto;
}

#pub_main {
float:left;
width:545px;
text-align:left;
}

#pub_side {
float:right;
width :275px;
margin :0;
padding:0;
}

#pub_side .side_box {
background-image:url('/images/pub_side_box_back.gif');background-repeat:no-repeat;
background-position:0px bottom;
width :275px;
margin :0 0 10px 0;
padding:0 0 10px 0;
}

#pub_side .side_box h3 {
background-image:url('/images/pub_side_box_back.gif');background-repeat:no-repeat;
background-position:0px 0px;
width :235px;
margin :0;
padding:10px 20px;
font-size:11pt;
color:#666;
}

#pub_side .side_box_body {
background-image:url('/images/pub_side_box_back.gif');
background-position:-300px 0px;
width :249px;
margin :0;
padding:0 13px;
word-break:break-all;
overflow:hidden;
text-align:left;
line-height:1.5em;
}

まだ僕はいじってないんですが、ちょっとずつ試しながら変更して行こうかなと思います。


まだこれらの機能以外にも有料会員になると細かい設定が変わってきますので、Timelogのこちらのページでご確認ください。
http://timelog.jp/premium/


また、他のTimelog有料サービスとしてユーザグループも作成出来るようになりました。
http://timelog.jp/group/createform.asp


それではTimelogでお会いしましょう。

Timelog
http://timelog.jp/