new entries
categories
archives
recent comment
recent trackback
links
mobile
qrcode
others
無料ブログ作成サービス JUGEM
search this site.

スポンサーサイト

一定期間更新がないため広告を表示しています

at , スポンサードリンク, -

-, -

procfeedを貼り付けました。

NDO::Weblogのnaoyaさんが提供する『procfeed - Blog/ニュースヘッドライン貼り付けサービス』を貼り付けてみました。
デザイン、大きさ、出力文字コードなどは自由に設定できます。
wonderfulです。これだけの優れものなのに趣味でやっているのだそうです。
naoyaさん有難う御座います。

因みに私は右サイドバーに「MyblogListのAccessRank」を貼り付けてみました。

at 15:34, oasis, blog改造

comments(0), trackbacks(0)

タイトル部分をカスタマイズしました。

JUGEMで始めるスタイルシート講座 第二回:CSSでデザインチェンジ Vol.1を参考にしてタイトルの左側に画像を貼り付けて見ました。

CSSを弄りましたので覚書としてメモしておきます。
.entry_title{
background:url(http://oasis.jugem.cc/?image=xx) no-repeat 0% 50%;
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 13px;
line-height:170%;
font-weight: bolder;
color: #414D7B;
margin: 15px 0px 15px 20px;
padding:0px 0px 0px 20px;
}

at 04:28, oasis, blog改造

comments(0), trackbacks(0)

pictを基に3カラムに挑戦

pictを3カラム化したいと思っていたのですが、上手くいかず試行錯誤していたらDAYS OF MY LiVERさんの記事を見つけました。
これはDAYS OF MY LiVERさんの記事を参考にさせていただきpictの3カラム化に挑戦したものです。(未完成ですがupしちゃいました..。)
entry部分の幅を狭くして左右サイドバーの幅を広げたいと思うのですが、何故かentry部分のgif画像のcenter部分が表示されなくなります。
細部の微調整も含み更に試行錯誤してみようと思います。

ウ〜ん....。

at 00:14, oasis, blog改造

comments(0), trackbacks(0)

リストメニューをつけました。

GOING MY WAYさんの記事を参考にしてタイトルの下に「リストメニュー」を付けてみました。

HTMLとCSSにそれぞれ下記タグを追加しました。

-HTML-

<div
id="navcontainer">
<ul id="navlist">
<li><a href="http://oasis.seesaa.net/"
title="心のオアシス at seesaa">心のオアシスat seesaa</a></li>
<li><a href="http://oasis.jugem.cc/?cid=2/"
title="blog改造">blog改造</a></li>
<li><a href="http://oasis.jugem.cc/?eid=6#comments/"
title="掲示板">掲示板</a></li>
<li><a href="http://oasis.jugem.cc/?cid=3"
title="雑記">雑記</a></li>
<li><a href="http://oasis.jugem.cc/?cid=5"
title="特派員だより">特派員だより</a></li>
<li><a href="http://oasis.jugem.cc/?cid=1"
title="面白サイト">面白サイト</a></li>
</ul>
</div>

-CSS-

#navcontainer
{
font-family: "Verdana", "ヒラギノ角ゴ Pro W3", "MS ゴシック", "Osaka‐等幅";
font-size: 12px;
line-height: 170%;
margin: 0;
padding: 0 0 0 12px;
}

#navcontainer UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#navcontainer LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#navcontainer A
{
color: #444;
display: block;
width: auto;
text-decoration: none;
background: #DDDDDD;
margin: 0;
padding: 2px 10px;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #aaa;
}

#navcontainer A:hover, #navcontainer A:active { background: #BBBBBB; }

#navcontainer A.active:link, #navcontainer A.active:visited
{
position: relative;
z-index: 102;
background: #BBBBBB;
font-weight: bold;
}

#subnav
{
position: relative;
top: -1px;
z-index: 101;
margin: 0;
padding: 0px 0 3px 0;
background: #BBBBBB;
border-top: 1px solid #fff;
border-bottom: 1px solid #aaa;
}

#subnav UL
{
list-style: none;
margin: 1px 0 0px 13px;
padding: 0px;
border-right: 1px solid #fff;
border-left: 1px solid #aaa;
}

#subnav LI
{
position: relative;
z-index: 102;
display: block;
margin: 0;
padding: 0;
float: left;
width: auto;
}

#subnav A
{
color: #fff;
display: block;
width: auto;
text-decoration: none;
margin: 0;
padding: 2px 12px 2px 10px;
}

#subnav A:hover, #subnav A:active { color: #444; }
#subnav A.active:link, #subnav A.active:visited { color: #444; }
#subnav BR, #navcontainer BR { clear: both; }

at 10:31, oasis, blog改造

comments(0), trackbacks(0)

テンプレートを換えてみました。

前から記事が表示される部分が好きだった「pict」に換えてみました。
予定ではこれを3カラム化しようと思ったのですが...。
記事が表示される部分(htmlの<!--BEGINentry-->)は、gifファイルの画像が使われているのですがサイズを変更すると、head部分とbottom部分は表示されるのですがcenter部分が表示されなくなります。
素人なりに試行錯誤したんですが解決できません。
これから出かけなければならず、今日はここまでにしておきます。

takkyunさんのツリー化カスタマイズ応用編を習ってツリー化もしてみたんですが、ツリーの画像をupしようとすると"「MINE」が不正です。”と表示されupできず、これも未解決。
今日は日が悪いんですかね....。

at 18:20, oasis, blog改造

comments(2), trackbacks(0)

3カラムに挑戦2

出張から戻りまた挑戦してみました。
位置関係やヘッダー等まだまだイメージ通りでは有りませんが、今日はここまでにしておきます。
完全に自己満足の世界ですが....。

at 23:30, oasis, blog改造

comments(0), trackbacks(0)

3カラムに挑戦

またまたshunさんの記事を参考に3カラムに挑戦してみました。ringsの変わりにpictのヘッダーの縦縞部分を入れようと思ったのですが、中央のcontent部分が右にずれてしまい上手くいかず取りあえずヘッダー無しにしました。左右のサイドバーと中央のcontentの間隔を等間隔にしたいと思ったのですが、どうやって良いものか分からず今日はこの辺にしておきます。shunさんthanksです。
今日から土曜日迄出張の為、残念ながら3日間程記事のupは休みます。

at 00:54, oasis, blog改造

comments(1), trackbacks(0)

カウンターをつけました。


改造なんて言うと大袈裟ですが、一番星アクセス解析付き無料カウンターの無料カウンターをつけました。何故か登録も一切無しでアクセス解析まで出来ちゃいます。気に入ったカウンターを見つけたら、そのカウンターをクリックするとタグが出てきます。このタグをカウンターを置きたい場所(HTML)に貼り付けるだけです。私のような素人でも場所や文字の位置など多少の試行錯誤はありましたが出来ました。

at 19:44, oasis, blog改造

comments(0), trackbacks(0)