Hanachanel マイスキンにチャレンジ
2007-12-18T14:14:55+09:00
hanakochanel
エキサイトブログのタグを使って、可能な限り編集!ヒヤヒヤドキドキしながら、説明のせてます。間違っていたら教えてください。
Excite Blog
ベビーチャンスキンが入賞しました~!
http://hanachanel.exblog.jp/6959810/
2007-12-18T10:07:00+09:00
2007-12-18T14:14:55+09:00
2007-12-18T10:07:05+09:00
hanakochanel
未分類
私が、出産した姉に作ったベビーチャンスキン、姉の推薦応募によって、エキサイト ブログスキンコンテストの「オシウリ賞」をいただいてしまいました(*^。^*)
(オシウリとは広告やデザインのアイデアを投稿して、企業さんなどに買っていただく企画とかみたいです)
デザイナーさんが選んでくださったみたいで、これまた、嬉しいやら恥ずかしいやらです。
推薦&応募してくれた、姉のおかげで日の目を見ることが出来て、なんというか愛だなあって思います(暴走中?)
私のゴチャゴチャしたタグをコピー&ペーストしてくださっていた皆様にも、
12月28日(太字にしてみたりして・・)から公式スキンにしていただけるので、
クリック「ポチ」だけで反映していただけるように☆
何ともいえない感動の波がうちよせています、、。
しかも、やりたいことのための、まるでねじこむかのようなタグを
これから公式スキンにするためにスタッフの方が修正されるのだと思いますが、
たた、大変な苦労だろうなあ。申し訳ない気持ちにさえなります。。。
更新する、更新する、といいつつも1年以上(?)経過しているハナチャンネルですが、
ほめられて、おだてられたつもりで(!?)木にも登ってスキン公開したいです。
仕事よりも時間配分を多くして!!(笑)
まさか、入賞するなんてと思っていたので、ニュースキンの用意があるわけでもなく(汗)
フライング的に喜びだけ記事にしてみました。
ベビーチャンスキンを通して、またたくさんの方と出会いたいな~って思っています。
さて、、そういえばですがSATCも実は自分で応募していました。
65票と私にとってはもったいない数字の投票を頂きこれまた感激!
入賞はできませんでしたが、これだけ投票してくださった皆様、ありがとうございました!!
どなたが投票してくださったのでしょうか~。まさか全部親族だったりして(笑)
機会がありましたら、ぜひとも声かけてください♪
]]>
SATC風? キャリーのブログスキン
http://hanachanel.exblog.jp/6778708/
2007-11-12T16:01:00+09:00
2007-11-14T13:27:47+09:00
2007-11-12T15:09:24+09:00
hanakochanel
素材か、スキン!
1年もお休みしていた、、というか、新しく何にも更新しなかったわたしの元に、
姉からコンテストやっているよ~という連絡が舞い込んできました。
思えば幼少の頃から、「コンテスト」と名のつくものは苦手で、
とにかく逃げ回ってきた私ですが、もうすぐ三十路に突入するので、
苦手克服!!と思い、この度、手に汗にぎりながら、投稿しております。
あ、応募はできたみたいです。
投票してあげようかな、、と慈悲の心を出してくださった方、下をクリックしてください~。
投票してあげる。
--------------------------------------------------------------------
このスキンの説明ですが・・・
--------------------------------------------------------------------
海外ドラマのSATC(SEX AND THE CITY)好きの親友のために、
とっても作りたくなったスキンです。
キャリー(主人公)の大好きな靴をちらばめ、ドラマの舞台であるNYを意識して、
バーニーズNYのビルをカレンダーにしてみました。
トップ画像のビルたちも、NYを意識しています。
イエローキャブもよく出てくるし、スタバのコーヒーをいつも飲んでいるので、
それらも入れてみました。
不気味ににょっきりとでた、タクシーを止める手(のつもり)は、キャリーのもの(のつもり)
です。
それから、記事の画面はMACのブラウザを意識してみました。
キャリーは実は物書き(古臭い言い方しちゃった・・ライターっていう?)で、
いつもMacを使って記事を書いているので、そんな気分でみなさんに記事を書いて
もらいたいなあ~~~という淡い期待をしています。
コメントの投稿のところには、お酒などを置いてみました。
何かとよく呑んでパーティしているので・・・。
全てのブラウザに同じように見えているかどうか、てんで分からず・・・。
相変わらず、苦情待ちをして直していこうなんて思っている私が、
なんと応募してしまうという無謀なことをやってみます。
ちなみに・・・確認済みのブラウザは、
IEのFireFoxでのバージョン2.0.0.9(←合ってるのかな? 汗)
それと、IEのエクスプローラ6.0(2900ってついてますがいらないのかな? 汗)
Macで見ている姉によると、MacのIEでは左に寄っているとか・・・。
MacのFirefoxは大丈夫なんだそうです。
それ以外の保証は全く無いという初心者丸出しの私が応募してもよいのだろうか・・。
やりたいことを叶えるために、かなり無理やりな、やっつけな、
タグになっています。言い訳なのですが。。。
右も左も分かりませんが、うっかりこの記事を見てしまった方、
お気づきの不具合がありましたら教えてくださいませ。お願いします。
]]>
ベビーちゃんスキン 赤ちゃんが出来たママへ
http://hanachanel.exblog.jp/4209660/
2006-09-25T19:00:00+09:00
2007-11-12T16:15:06+09:00
2006-09-25T18:54:47+09:00
hanakochanel
素材か、スキン!
とんと、ご無沙汰をしております。
ホソボソと、赤ちゃんスキンを作っていました。
フッター部分のリンクははずさないように、お願いします。
できれば、コメントをいただけると嬉しいなあです。
それから、プロフィール画像には是非あかちゃんのお写真を使ってください。
ベビーベットに居る・・・・・ような気持ちで作ってみましたので!
で、赤ちゃんが出来たのか!?と思われる方がもしかするといらっしゃるかもしれません。
しかし!私にはできておりません。姉には出来ましたが!うふふ・・。
というわけで、記念の気持ちもこめて作ってみましたので、
宜しければ使ってみてください!!
例のごとく、不具合などあるかもしれませんので、しっかりバックアップをとるか、
もしくは以前のスキンを残した状態でやってみてください。
今回は、左メニューの2段組です。
それから、HTMLの左メニュー部分はいじってないので、変更の必要はないです!
【ココ全部】は消して、コピー&ペーストしてください!
あ、あと、長くてすいません。
エキサイトのタグをそのまんま利用しているので・・。へへ。(面倒くさがりでごめんなさい)
【HTML部分:全体】
<$header$>
<$adminmenu type=1$>
<$logoimage type=1$>
<$description$>
<$nick$>
<$calendar type=1$>
<$menuleft$>
<$banner type=1$>
<$xml$>
<$post$>
<$prepage type=1$>
<$nextpage type=1$>
【HTML部分:本文】
<$postsubject$>
<$postadmin type=1$>
<$postcont$>
<$posttail$>
<$cmtjs$>
【CSS編集部分】
/* excite blog default skin html */
div.box1 { position:relative;top-50px; left: 100px; }
div.box2{ position: relative;top:-100px; left: 200px; }
div.box3{ position: relative;top:-250px; left: 300px; }
BODY{ background-image:
url(http://pds.exblog.jp/pds/1/200609/25/37/back.jpg);
MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 100%; COLOR : #000;
}
A:LINK{ COLOR: #9999cc; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #9999cc; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #0000FF; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #813888; TEXT-DECORATION: UNDERLINE; }
DIV.main{margin:0px; padding:0px;background-color:#ffffff;}
DIV.side{width:200px;background-image:
url(http://pds.exblog.jp/pds/1/200609/25/37/meja2.jpg);
background-position:right;background-repeat:repeat-y;
margin-right:5px;}
DIV.HEADER{ padding-left:15px;padding-top:10px;margin-top:20px;
width:735px;height:68px;background-image:
url(http://pds.exblog.jp/pds/1/200609/25/37/title.jpg);
background-repeat:repeat-x;FONT : BOLD small/100% Courier New,TAHOMA; TEXT-ALIGN:LEFT;margin-bottom:0px;
padding-bottom:0px;}
DIV.HEADER A:LINK { COLOR: #333; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: #333; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #888; TEXT-DECORATION: NONE; }
DIV.URL{ FONT : X-SMALL/100% VERDANA,TAHOMA; MARGIN : 10PX 0PX 20PX; TEXT-ALIGN:LEFT;}
DIV.USERMENU{ FONT : 8PT/100% VERDANA; TEXT-ALIGN : RIGHT; MARGIN-BOTTOM : 7PX; }
DIV.USERMENU A:LINK {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #98A6E4; TEXT-DECORATION: UNDERLINE;}
DIV.PROFILE{ WIDTH : 150PX; PADDING : 0PX 0PX 0PX 15px; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;}
DIV.MN{TEXT-ALIGN:LEFT; MARGIN : 25PX 0PX 10PX 15px;}
DIV.MNTTL{line-height:120%;background-image:url(http://pds.exblog.jp/pds/1/200609/25/37/menu.jpg);
height:50px;WIDTH : 150PX; background-repeat:no-repeat;background-position:left;PADDING : 40PX 0PX 0PX 35px; }
DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; }
DIV.POST{ MARGIN-BOTTOM : 20PX; TEXT-ALIGN:LEFT;}
DIV.POST_HEAD{margin-top:30px;padding-left:10px; PADDING-BOTTOM : 3PX; }
DIV.POST_TTL{ FONT : BOLD 15PT/130%;}
DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT;}
DIV.POST_BODY{ margin-left:5px;padding-right:5px; LINE-HEIGHT : 150%; WIDTH : 500PX; MARGIN-BOTTOM : 30PX;padding-left:0px;background-image:url(http://pds.exblog.jp/pds/1/200609/25/37/uma.jpg);
background-position:right;background-repeat:repeat-y;}
DIV.POST_TAIL{ FONT : 11PX/150% TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }
DIV.COMMENT{ width:430px;BORDER : 1PX #D3D3D3 SOLID; BACKGROUND : #FFEFE1;PADDING : 15PX;MARGIN-left : 25PX ; }
DIV.COMMENT_BODY{background-image:url(http://pds.exblog.jp/pds/1/200609/25/37/shoes.jpg);
background-position:right;background-repeat:no-repeat; MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; }
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% TAHOMA; COLOR : #777; }
DIV.COMMENT_INPUT{ MARGIN-TOP : 20PX; BORDER-TOP : 1PX #AAA DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE{ BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }
DIV.TRACK_TOP { LINE-HEIGHT : 170%; }
DIV.ARCHIVE_HEAD { FONT-WEIGHT : BOLD; MARGIN-BOTTOM : 10PX; }
DIV.ARCHIVE_BODY { MARGIN : 20PX 0PX; LINE-HEIGHT : 160%; PADDING-BOTTOM : 100PX; }
IMG.IMAGE_TOP{ MARGIN-BOTTOM : 15PX; }
IMG.IMAGE_LEFT{ MARGIN-RIGHT : 15PX; MARGIN-BOTTOM : 15PX; TEXT-ALIGN:LEFT}
IMG.IMAGE_MID{ MARGIN-TOP : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.BOOKMK{ MARGIN : 10PX; BORDER : 0PX; }
IMG.USERMENU{ MARGIN-LEFT : 8PX; }
IMG.LOGO{ MARGIN-BOTTOM : 10PX; }
DIV.BANNER{ MARGIN : 30PX 0PX 10PX; }
.SMALL{ FONT-SIZE : 11PX; }
.DATE{ FONT : BOLD 8PT/150% TAHOMA; }
.TIME{ FONT : 8PT/150% TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : BOLD 8PT TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }
DIV.CAL_TOP { }
DIV.CAL { MARGIN : 10PX 0PX 10PX 0px; WIDTH : 140PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 140PX; FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { WIDTH : 140PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }
.CAL{ FONT : 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY{ FONT : BOLD 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : BOLD 7PT/170% VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : BOLD 7PT/170% VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : BOLD 7PT/170% VERDANA; BACKGROUND : #E3E3E3; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }
DIV.XML { FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; }]]>
SATC風キャリーの?ブログスキン。
http://hanachanel.exblog.jp/2891540/
2006-03-02T23:19:00+09:00
2007-12-08T21:52:56+09:00
2006-03-02T23:19:56+09:00
hanakochanel
素材か、スキン!
ひさっびさの、更新です。
やたらと凝っていたら、なかなかできず、
作ってる間に飽きてしまいフリダシ。を繰り返しておりました。
SATCのファンである友人が多いので、はっと思い立って作ってみました。不具合があるかもしれないので、必ず新しくマイスキンを作成して、以前のものが残るようにしておいてください。
今回は、右側メニューの2段組で新しくマイスキンを作成しました。
ポイントは、おもいきりSATCです。
特にキャリーを意識しているので、靴とかキャリーのファーコート+バッグを
イメージに使っています。あと、壁紙の色はキャリーのリビングの壁紙の色に
近づけています。
記事の画面をマックにしているのは、すごく私気に入っております。
キャリーが、記事を書くときはマックなので、意識してみました。
ページ最後のskin by・・を消さないようにお願いします~。
また、ご使用の際一言いただけるとやる気倍増します!
今回は結構頑張ったつもり・・・なので、使ってくれる人が多いとうれしいなぁ~~。
それから、皆様の恋愛も楽しく愉快に進行するよう願っております!
*おまけ*
スキン作る時に載せる、目印アイコンに使ってみてはいかがでしょう。自分が編集する時、ニヤニヤするために・・。キャリー@SATCブログてかんじで。。。
メインタグ編集を丸ごと下記のように入れてください
<div align="center"><div id="main">
<div class="USERMENU"><$adminmenu type=1$></div>
<div class="HEADER"><h3><$header$></h3></div>
<div class="content"><div class="main" >
<div align="left"><$calendar type=1$></div>
<div class="PROFILE">
<div align="left"><$logoimage type=1$></div>
<$description$>
<$nick$>
</div> <br clear="all">
<$post$>
<$prepage type=1$> <$nextpage type=1$>
<br> </div>
<div class="menu">
<img src="http://pds.exblog.jp/pds/1/200603/03/37/[1]carrie.jpg">
<div class="MN">
<$menuright$>
</div>
<$banner type=1$>
<$xml$>
</div>
<br clear="all">
</div><div class="footer"><a href="http://hanachanel.exblog.jp/" target="_blank">skin by hanakochanel</a></div>
</div></div>
CSS編集の欄に下記を丸ごと上書きしてください
/* excite blog skin css */
BODY{ BACKGROUND-image:url(http://pds.exblog.jp/pds/1/200603/02/37/kabe.jpg); MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #000; }
A:LINK{ COLOR: #004182; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #004182; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #004182; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #FF3399; TEXT-DECORATION: UNDERLINE; }
#main{width:750px; background-color:#ffffff;}
DIV.content{width:750px;background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/shoes.jpg);
background-repeat:repeat-y;}
DIV.main{width:518px;padding-left:60px;float:left;
}
DIV.main A:LINK{ COLOR: #004182; TEXT-DECORATION: NONE; }
DIV.main A:VISITED{ COLOR: #004182; TEXT-DECORATION: NONE; }
DIV.main A:ACTIVE{ COLOR: #004182; TEXT-DECORATION: NONE; }
DIV.main A:HOVER{ COLOR: #FF3399; TEXT-DECORATION: UNDERLINE; }
DIV.menu{width:155px;padding-left:5px;float:right;TEXT-ALIGN:LEFT;}
DIV.HEADER{text-align:left;
padding-top:60px;padding-left:5px;
background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/banner.jpg
);background-repeat:no-repeat;
width:745px;height:42px;
FONT : large /100%; font-family: MS P明朝,sans-serif;}
DIV.HEADER A:LINK { font-size:15px;font-weight:bold;COLOR: #004182; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { font-size:15px;font-weight:bold;COLOR: #004182; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER {font-size:15px;font-weight:bold; COLOR: #FF3399; TEXT-DECORATION: NONE; }
DIV.URL{ FONT : X-SMALL/100% VERDANA,TAHOMA; MARGIN : 10PX 0PX 20PX; TEXT-ALIGN:LEFT;}
DIV.USERMENU{ FONT : 8PT/100% VERDANA; TEXT-ALIGN : RIGHT; MARGIN-BOTTOM : 7PX; }
DIV.USERMENU A:LINK {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #727272; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #98A6E4; TEXT-DECORATION: UNDERLINE;}
DIV.PROFILE{ padding-top:20px;WIDTH : 250PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;height:120px;
background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/cab.jpg);background-repeat:no-repeat;background-position:bottom;}
DIV.MN{ width:160px;TEXT-ALIGN:LEFT; FONT : 11PX/150% TAHOMA;}
DIV.MNTTL{margin-top:30px;background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/coffee.jpg
);background-repeat:no-repeat;height:30px;padding-top:20px;padding-left:40px;WIDTH : 110PX; }
DIV.MEMOBODY{ TEXT-ALIGN:LEFT; FONT : 11PX/150% WIDTH : 150PX; OVERFLOW : HIDDEN; }
DIV.POST{ MARGIN-BOTTOM : 50PX; TEXT-ALIGN:LEFT;}
DIV.POST_HEAD{ text-align:center;font-weight:bold;background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/header.jpg
);height:37px;background-repeat:no-repeat;padding-top:50px;
padding-left:30px; font-size:large;margin-top:30px;padding-right:20px;}DIV.POST_TTL{ FONT : BOLD 15PT/130%;}
DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT; font-size:x-small;}
DIV.POST_BODY{ background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/honbun.jpg);LINE-HEIGHT : 150%; WIDTH : 480PX; padding-BOTTOM : 30PX; OVERFLOW : HIDDEN; padding-left:23px;font-size:small;padding-right:15px;}
DIV.POST_TAIL{padding-right:20px;
background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/footer.jpg
);height:31px;width:498px;FONT : 11PX/150% TAHOMA; MARGIN-TOP : 0PX; TEXT-ALIGN : RIGHT; background-repeat:no-repeat;}
DIV.COMMENT{ BORDER : 1PX #D3D3D3 SOLID; BACKGROUND : #F7F7F7;PADDING : 15PX;MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%;}
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% TAHOMA; COLOR : #777;}
DIV.COMMENT_INPUT{ MARGIN-TOP : 20PX; BORDER-TOP : 1PX #AAA DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE{ BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }
DIV.TRACK_TOP { TEXT-ALIGN:LEFT; FONT : 11PX/150%LINE-HEIGHT : 170%; }
DIV.ARCHIVE_HEAD { FONT-WEIGHT : BOLD; MARGIN-BOTTOM : 10PX; }
DIV.ARCHIVE_BODY { MARGIN : 20PX 0PX; LINE-HEIGHT : 160%; PADDING-BOTTOM : 100PX; }
IMG.IMAGE_TOP{ MARGIN-BOTTOM : 15PX; }
IMG.IMAGE_LEFT{ MARGIN-RIGHT : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.IMAGE_MID{ MARGIN-TOP : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.BOOKMK{ MARGIN : 10PX; BORDER : 0PX; }
IMG.USERMENU{ MARGIN-LEFT : 8PX; }
IMG.LOGO{ MARGIN-BOTTOM : 10PX; }
DIV.BANNER{ MARGIN : 30PX 0PX 10PX; }
.SMALL{ FONT-SIZE : 10PX; }
.DATE{ FONT : BOLD 8PT/150% TAHOMA; }
.TIME{ FONT : 8PT/150% TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : BOLD 8PT TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }
DIV.CAL_TOP { }
DIV.CAL { height:145px;float:left; WIDTH : 182PX; TEXT-ALIGN : CENTER;background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/cal.jpg
);background-repeat:no-repeat;}
DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% VERDANA; TEXT-ALIGN : left; MARGIN-BOTTOM : 15PX;}
DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER; padding-right:32px;}
DIV.CAL_BOTTOM { }
.CAL{ FONT : BOLD 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY{ FONT : BOLD 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : BOLD 7PT/170% VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : BOLD 7PT/170% VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : BOLD 7PT/170% VERDANA; BACKGROUND : #E3E3E3; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }
DIV.footer{background-image:url(http://pds.exblog.jp/pds/1/200603/02/37/pagefooter.jpg);background-repeat:repeat-x;width:750px;height:25px;}
DIV.XML { TEXT-ALIGN:LEFT; FONT : 11PX/150%TEXT-ALIGN : CENTER; }
]]>
ナチュラル系?スキン。
http://hanachanel.exblog.jp/1620434/
2005-10-27T00:22:00+09:00
2006-05-07T22:54:30+09:00
2005-10-27T11:28:37+09:00
hanakochanel
素材か、スキン!
こういうの、どうかなと思って作ってみました。
追記として、HTMLとCSSを公開しています。
マイスキンの作成で、左メニューの2段組を選択し、
HTML/CSSをそれぞれ、まるごとコピー&ペーストすると、
出来上がるはずです。が、初めてのチャレンジなので、
ちゃんとできるか私も不安!
バックアップをとってから、トライしてみてください。
やってみて、よいようであれば、「適用」してみてください。
最後部にskin by hanachanelとありますが、
これは消さないようにお願いします。
このスキンはナチュラル好きさんへ。
ポイントは、幸せの青い鳥(笑)
不備が見つかったら、コメント下さい!
【メモ帳の不備】
lila_23さんよりいただきましたご質問です。ありがとうございました!
Q:メモ帳の枠が途切れ途切れになります。
A:スキン編集の画面に、”各部分別横幅”
とあり、”変更”ボタンがあると思います。
これをクリックし、開けた中の”メモ帳”の幅を140pxにすると
治るはずです。治らない場合はハナチャンネルにご連絡下さい♪
【HTML:全体】
<div align="center">
<div class="USERMENU"><$adminmenu type=1$></div>
<div class="content">
<div class="banner">
<div class="HEADER"><$header$></div>
</div>
<table border="0" cellpadding="0" cellspacing="0" align="center" width="75
0">
<tr><td width="160" valign="top">
<div class="PROFILE">
<div align="center"><$logoimage type=1$></div>
<$description$>
<$nick$>
</div>
<$calendar type=1$>
<div class="MN">
<$menuleft$>
</div>
<$banner type=1$>
<$xml$>
</td>
<td width="50"></td>
<td width="500" valign="top">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td align="right" width="48%"><$prepage type=1$></td>
<td width="4%"></td>
<td align="left" width="48%"><$nextpage type=1$></td></tr>
</table>
<$post$>
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td align="right" width="48%"><$prepage type=1$></td>
<td width="4%"></td>
<td align="left" width="48%"><$nextpage type=1$></td></tr>
</table> </div>
</td></tr> </table><div class="footer"><a href="http://hanachanel.exblog.jp/" target="_blank">skin by hanakochanel</a></div></div>
【HTML:左メニュー部分】
<div class="MNTTL"><$mntitle$></div>
<table width="160" border="0">
<tr valign="top">
<td background="http://pds.exblog.jp/pds/1/200510/25/37/mnleft.gif" width="3" height="100%" ></td>
<td width="136" valign="top" ><$mnbody$></td>
<td background="http://pds.exblog.jp/pds/1/200510/25/37/msright.gif" width="3" height="100%" scope="row"></td>
</tr>
<tr>
<td height="15" colspan="3" valign="top" scope="row"><div class="bottom"></div></td>
</tr>
</table>
【CSS】
/* excite blog default skin html */
DIV.content{background-color:#ffffff;width:750px;margin:0px;}
DIV.banner{background-image:url(http://pds.exblog.jp/pds/1/200510/27/37/top.gif);background-repeat:no-repeat;height:140px;font-color:#666666;font-size:10px;padding-top:15px;padding-bottom:15px;}
DIV.footer{background-image:url(http://pds.exblog.jp/pds/1/200510/27/37/footer.gif);background-repeat:no-repeat;width:750px; height:41px;color:#ffffff; padding-top:15px;font-size:x-small;}
DIV.bottom{background-image:url(http://pds.exblog.jp/pds/1/200510/25/37/mnbottom.gif);height:4px;
background-repeat:repeat-x;}
BODY{ BACKGROUND-image:url(http://pds.exblog.jp/pds/1/200510/25/37/kabe.gif); MARGIN : 0PX;PADDING : 0PX; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #000; }
A:LINK{ COLOR: #669999; TEXT-DECORATION: NONE; }
A:VISITED{ COLOR: #669999; TEXT-DECORATION: NONE; }
A:ACTIVE{ COLOR: #669999; TEXT-DECORATION: NONE; }
A:HOVER{ COLOR: #ff9900; TEXT-DECORATION: dotted; }
DIV.HEADER{ FONT : bold small/100% Courier New,TAHOMA; TEXT-ALIGN:LEFT;margin:10px;font-color:#ffffff;}
DIV.HEADER A:LINK { COLOR: #fff; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: #fff; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #888; TEXT-DECORATION: NONE; }
DIV.URL{ FONT : X-SMALL/100% VERDANA,TAHOMA; MARGIN : 10PX 0PX 20PX; TEXT-ALIGN:LEFT;}
DIV.USERMENU{ FONT : 8PT/100% VERDANA; TEXT-ALIGN : RIGHT; MARGIN-BOTTOM : 7PX; }
DIV.USERMENU A:LINK {COLOR: #669999; TEXT-DECORATION: NONE}
DIV.USERMENU A:VISITED {COLOR: #669999; TEXT-DECORATION: NONE}
DIV.USERMENU A:HOVER {COLOR: #669999; TEXT-DECORATION: dotted;}
DIV.PROFILE{ WIDTH : 160PX; PADDING : 0PX 0PX 10PX; LINE-HEIGHT : 130%; OVERFLOW : HIDDEN; TEXT-ALIGN:LEFT;background-color:#F4E8CB;padding:3px;}
DIV.MN{ TEXT-ALIGN:LEFT; }
DIV.MNTTL{ line-height:12px;WIDTH : 160PX;height:25px;padding-left:40px;margin-top:15px;background-image:url(http://pds.exblog.jp/pds/1/200510/25/37/mntitle.gif
);background-repeat:no-repeat;text-size:small;}
DIV.MEMOBODY{ WIDTH : 150PX; OVERFLOW : HIDDEN; }
DIV.POST{ MARGIN-BOTTOM : 50PX; TEXT-ALIGN:LEFT;}
DIV.POST_HEAD{ MARGIN-BOTTOM : 15PX; PADDING-BOTTOM : 3PX; background-color:#97aab4;border:1px solid #663300;padding-left:10px;FONT : BOLD 15PT/130%;color:#ffffff; }
DIV.POST_TTL{ FONT : BOLD 15PT/130%; }
DIV.POST_ADMIN{ TEXT-ALIGN : RIGHT;}
DIV.POST_BODY{ background-image:url(http://pds.exblog.jp/pds/1/200510/27/37/postbk.gif);background-repeat:repeat-y;background-position:right;LINE-HEIGHT : 150%; WIDTH : 500PX; MARGIN-BOTTOM : 30PX; OVERFLOW : HIDDEN; }
DIV.POST_TAIL{ FONT : 11PX/150% TAHOMA; MARGIN-TOP : 10PX; TEXT-ALIGN : RIGHT; }
DIV.COMMENT{ BORDER : 1PX #D3D3D3 SOLID; BACKGROUND : #F7F7F7;PADDING : 15PX;MARGIN : 20PX 0PX; }
DIV.COMMENT_BODY{ MARGIN-BOTTOM : 20PX; LINE-HEIGHT : 130%; }
DIV.COMMENT_TAIL{ MARGIN : 8PX 0PX 5PX; FONT : 8PT/150% TAHOMA; COLOR : #777; }
DIV.COMMENT_INPUT{ MARGIN-TOP : 20PX; BORDER-TOP : 1PX #AAA DOTTED; PADDING-TOP : 20PX; }
DIV.COMMENT_LINE{ BORDER-TOP : 1PX #AAA DOTTED; MARGIN : 10PX 0PX 15PX; }
DIV.TRACK_TOP { LINE-HEIGHT : 170%; }
DIV.ARCHIVE_HEAD { FONT-WEIGHT : BOLD; MARGIN-BOTTOM : 10PX; }
DIV.ARCHIVE_BODY { MARGIN : 20PX 0PX; LINE-HEIGHT : 160%; PADDING-BOTTOM : 100PX; }
IMG.IMAGE_TOP{ MARGIN-BOTTOM : 15PX; }
IMG.IMAGE_LEFT{ MARGIN-RIGHT : 15PX; MARGIN-BOTTOM : 15PX; TEXT-ALIGN:LEFT}
IMG.IMAGE_MID{ MARGIN-TOP : 15PX; MARGIN-BOTTOM : 15PX; }
IMG.BOOKMK{ MARGIN : 10PX; BORDER : 0PX; }
IMG.USERMENU{ MARGIN-LEFT : 8PX; }
IMG.LOGO{ MARGIN-BOTTOM : 10PX; }
.SMALL{ FONT-SIZE : 11PX; }
.DATE{ FONT : BOLD 8PT/150% TAHOMA; }
.TIME{ FONT : 8PT/150% TAHOMA; TEXT-ALIGN : LEFT; }
.AUTHOR{ FONT : BOLD 8PT TAHOMA; }
.TXTFLD{ FONT-SIZE:9PT;COLOR:#000; BORDER:1PX SOLID #666678; BACKGROUND:#FFF; }
.SUBMIT{ FONT :9PT/140% ;COLOR:#000; }
DIV.CAL_TOP { }
DIV.CAL { border:1px dotted #003366;MARGIN : 20PX 0PX 20PX; WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_HEAD { WIDTH : 150PX; FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; PADDING : 4PX 0PX; MARGIN-BOTTOM : 10PX;}
DIV.CAL_BODY { WIDTH : 150PX; TEXT-ALIGN : CENTER;}
DIV.CAL_BOTTOM { }
.CAL{ FONT : 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_DAY{ FONT : BOLD 7PT/170% VERDANA; TEXT-ALIGN : CENTER; }
.CAL_SUN{ FONT : BOLD 7PT/170% VERDANA; COLOR : #D36654; TEXT-ALIGN : CENTER;}
.CAL_SAT{ FONT : BOLD 7PT/170% VERDANA; COLOR : #3572A1; TEXT-ALIGN : CENTER;}
.CAL_TODAY{ FONT : BOLD 7PT/170% VERDANA; BACKGROUND : #E3E3E3; COLOR : #3D5586; TEXT-ALIGN : CENTER; }
.CAL_TR { }
DIV.XML { FONT : 8PT/150% VERDANA; TEXT-ALIGN : CENTER; }
]]>
アクセスアップ!
http://hanachanel.exblog.jp/1518419/
2005-10-20T00:15:07+09:00
2005-10-27T14:36:17+09:00
2005-10-20T00:12:21+09:00
hanakochanel
オマケ
簡単めなアクセスアップについて掲載してみようと思います。
【まず、見出しタグ。】
<h1><h2><h3>
と言うものがあります。1の方がより重要とみなされます。
だから、HTML欄のタグ編集欄に私はタイトルを挟むように、
<h1>タイトル用のタグ</h1>
としています。
これだけだと、文字がでーーーっかくなるので、CSS編集欄で、
h1{font-size:10px;}
などなど、設定しておくと大丈夫です。
次に、文中での2番目に重要なことを書くときに、<h2>を使っても
いいと思います。これも上記と同じく前もってCSSに文字サイズを決定するタグを
記入しておかないと、文字がでっかーくなります。
それと、この見出しタグは、乱用してはだめです。
他より、際立って伝えたいことがありすぎると、
どれも同じレベルになるので。
それから、ちょこちょこ使うのに良いのが太字タグ。
<b>ここが太字</b>
太字=強調=伝えたいこと、となるようです。
ただし、あんまり乱用するとだめです。
他に、ハナチャンネルでは、カテゴリーをリストタグ<ul>と<li>
で作っていく方法で、上に横に並べています。(リストタグにすることが重要で、
上にすることは重要ではないです。)
このリストタグを使うのも良いと聞いたので。
これは、初心者さんにはオススメできないのですが・・・。
やり方は、カテゴリーを上に参照です。
先日の、記事一覧に利用するのも手だなと最近考えております。
他には、ブログランキングに参加、検索エンジンに登録です。
おすすめ登録先を次回一覧にしたい・・!と思っています。
最後になりましたが、やはり記事を頻繁に更新することが大事です。
何をほどこしても、記事がなければ・・・だめなので。
ここが私の一番苦手なところ(^_^;)ダメダー]]>
おすすめショートカットキー *みなさんにオススメ
http://hanachanel.exblog.jp/1499017/
2005-10-18T20:03:46+09:00
2005-10-27T14:36:25+09:00
2005-10-18T20:01:49+09:00
hanakochanel
オマケ
多いかなーと思うのですが、なにせ初心者さんも
一緒に頑張りたいなと思って作ったサイトなので、
掲載してみたいと思います。※OS Winのつもりですが、
MacさんはアップルマークとCtrlを一緒と思うといいかも・・??
マウスでコピーしたいところを選んで、
反転させてから使います。
コピー CtrlキーとC。
ペースト(貼りつけ) CtrlキーとV。
切り取り CtrlキーとX。
全てを選択 CtrlキーとA。
例えば、HTML・CSS編集欄をバックアップしたいとき、
全てを選択、をしてからコピーと貼り付けを行うと、なんだか便利。
以下は、あんまりいらないかもしれないけど・・私が使うもの。
F5 ページの更新。
CtrlキーとS 保存。(ソフト内で使ってます)
【ついでにカンタンタグ】
覚えられるくらい簡単なタグは、例えばヤフーオークションでも
使えます。ちなみに、ヤフーオークションではTableタグも使えます。
<br> 改行。
<center>ここの文字を中央寄せ</center>
<img src="画像のURL" align="left">画像の表示、左に回りこみ。
<br clear="all"> 画像の回り込み解除。
<a href="リンク先">リンクにしたい文字</a>
<a href="リンク先" target="_blank">リンクにしたい文字</a>
リンク先が新しいウィンドウで開く
<font color="#999999">文字色グレー</font>
みんな、始めはウエーとか思っている宇宙語ですが、
したいことを叶えるため、なんどもなんども使っていると、
あれれ?と言う感じで覚えています。
ショートカットも、なれるとかなり便利。
でも慣れないといつまでも使わないので、使いまくってみてください。
他にも何かあるきがする・・・と思いながら今日はこれで投稿。
]]>
記事一覧を作ろう *上級さんにオススメ
http://hanachanel.exblog.jp/1484332/
2005-10-17T21:00:58+09:00
2005-10-27T14:36:34+09:00
2005-10-17T20:58:13+09:00
hanakochanel
タグを変える
思ったことはないですか?
かくゆう私も、左のメニューのところに記事一覧を出していましたが、
だんだんダラダラ長くなって、文字が多くて、もともと活字拒否症の私にとって、
マイサイトが苦痛の種となってくるのでやめました。
(自分が書いた記事投稿でさえ、長くて読みたくなくなるんだから・・)
プルダウンメニューはjavascript(分からない人は、google検索してみてね)
と言うものが使えないのでだめだし、専用ページを作ることにしました。
そして、専用ページへのリンクをサイドメニューに加えるってどうでしょうか。
前もって言うと、面倒くさい上に一覧のタグを選び出すのが少々ややこしいので、
上級さんにオススメと書いてみました。でも便利なのでぜひとも作ってください。
【一覧にするタグをコピーする】
メニューに、月ごとのページへのリンクがあると思います。
古い月から順に開きます。
開いたら、ブラウザメニュー(ファイル 編集 表示・・となっているところ)
の「表示」の中「ソース」をクリックします。すると、メモ帳などでソースが開きます。
※開かない場合、ネットスケープでよく分からない場合はコメントください。
そのなかから、その月の一覧である部分を抜き出します。
<div class="POST_HEAD">
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="80%">2005年 10月</td><td width="20%" align="right"></td></tr>
</table></div><div class="POST_BODY">
ここに、月ごとの記事一覧のタグがずらずら並んでいると思います。
記事タイトルと、日付が並んだような感じです。<BR>
</div>
2005年10月の部分、いらなければ、
<table border="0" cellpadding="0" cellspacing="0" width="100%">
<tr><td width="80%">2005年 10月</td><td width="20%" align="right"></td></tr>
</table></div>
までを削除してください。でも月別表示の方が見やすいかも・・。
【コピーしたタグを記事として投稿】
上記でこぴーしたものを通常記事投稿するように本文欄へ貼り付けます。
はりつけたまんまでも良いですが、日付表示の部分が邪魔だと思います。
面倒な場合は放置で良いですが、消したい場合は、
<SPAN CLASS=TIME>[2005-10-15 00:40:00.000 by hanakochanel]</SPAN>
をひとつずつ消してください。(ここが面倒なところ)
※あわせて、必要以上に消さないよう、注意してください。
次に、リンクのアドレスが#数字となっていると思います。
例: <A HREF=#856119>
この、#をご自分のサイトトップページのURLと置き換えてください。
私の場合、この例で言うとトップページURLはhttp://hanachanel.exblog.jp/
なので、<A HREF=http://hanachanel.exblog.jp/856119>
とするのです。(面倒くさくてごめんなさい)
そして、最新記事に表示されたくない場合は、日付をかなり古くして投稿して
ください。
新しい記事を一覧に加えるには
もう少し作業はカンタンです。新しい記事のタイトルとURLを一覧の最上部に、
加えていくだけです。(だけですっていっても、、面倒ですよねえ・・)
【トップに記事一覧へのリンクを張る】
記事一覧のURLをコピーします。(記事一覧の、記事の日時の横にある#を
クリックした後のURLをコピー)トップページ、リンクを表示したいところに以下のように記入。
<div class="hakei><a href="ここに記事一覧のURL">記事一覧はこちら</a></div>
上記、例のごとく日本語部分のみ変更。
"は消さないようにご注意ください。
というか、非常に手間な作業が多くてごめんなさい。
これが一番簡単な方法だったので・・・。
しかし、達成感と便利度はあるので、是非是非チャレンジしてください。
]]>
画像挿入について *初級さんと中級さんにおすすめ?
http://hanachanel.exblog.jp/1479399/
2005-10-17T14:10:33+09:00
2005-10-27T14:36:43+09:00
2005-10-17T14:06:50+09:00
hanakochanel
タグを変える
でも、おりに触れ書いていたような気もするのですが、
ブログを散策していたら困ってられる方もいるようだったので、
書いてみようと思います。
【まず、基本】
どこに画像を表示するにせよ、記事以外で書くには直接タグを書く必要が
あります。その時にHTML欄に記入するタグは以下のものです。
<img src="ここに画像のURLをhttpから">
上記、日本語部分のみ、”壁紙を設定”の記事のように、
アップロードした画像URLに置き換えます。
このとき、"は消さないように注意してください。
例えば、サイドメニューに画像を置いてみたかったら、
このタグをHTML編集欄、メニュー項目にあたる部分に挿入。
【画像をリンクできるようにする】
<a href="ここにリンク先のURL" target="_blank"><img src="ここに画像のURLをhttpから"></a>
上記日本語部分のみ希望するURLに書き換えます。これも"を消さないように
注意してください。target="_blank"というのは、リンク先が新しいウィンドウで
開くように設定しています。これを記入しない場合は、自分のページが
新しいリンク先のページに切り替わるので、ユーザーが新しいページから戻ろうと
思った場合、ブラウザ戻るのボタンで戻らなくてはならなくなります。
ということなので、自分のサイト内でのリンクであれば、target="_blank"は
記入しなくてもOKですが、人様のサイトへ飛ぶ場合には、新しいウィンドウが
開く設定の方が、戻ってもらいやすいということになります。
【画像を背景にする】
画像を背景に設定する場合、、壁紙ではなく、例えばサイドメニューや記事欄だけ、
背景を設定する場合はCSS編集欄を使います。
ここで提案させてもらうものがカンタンかな?と思いますが、初心者さんは少し
ややこしいかもしれません。私がCSSで旗と呼んでるもの(勝手に命名してごめんなさい)
の意味とか、HTMLのどこに"旗”を置いたらいいかとかが、だいたい分かる方にオススメです。
・例として、左メニューの背景を入れる場合は、左メニューの書かれた
タグのところに書きます。
エキサイトでの方法としては、HTML編集欄で一番左のブロック画像をクリックし、
その内容全体を囲むようにCSSの旗(DIV.○○)をつけます。(○○は好きな半角英数字の名前)
ここでは、DIV.haikeiと、旗名をつけたこととして、説明します。
[HTMLでの例]
<div class="haikei">この中が、左メニューの中身を書いたタグ</div>
[CSSでの例]
DIV.haikei{background-image:url(ここに画像のURL);
background-position:right;
background-repeat:repeat-y;}
上記日本語部分は、使いたい画像のURLに変更。()は消さないで下さい。
positionはtop right keft bottom(上 右 左 下)のどれでもOK。
repeatはyだと縦、xだと横に延々と繰り返します。no-repeatだと、1個だけ表示。
設定しない場合は縦横延々と繰り返します。
ちなみに、背景として使う場合は、上に文字がのるので、薄めのものとか、
ノートみたいな画像とか、シンプルなのが良さそうだなーと思います。
分からない部分がありましたら、コメント下さい。(文章ヘタなので・・分かりにくいかもですが)]]>
エキサイト、マイスキンを熟知したら・・あるいは目標に?
http://hanachanel.exblog.jp/1444740/
2005-10-15T00:40:00+09:00
2005-10-27T14:36:52+09:00
2005-10-15T02:46:26+09:00
hanakochanel
オマケ
ブログ、と一言でいうものの、エキサイトに”参加”するのとは違い、movabletypeは一旦サイトからmovabletypeをダウンロードし、レンタルしておいたサーバーにアップロードを間違いなく行い、サーバーに応じた設定をしてから、やっとスキンの作成に入ります。
HTMLやCSSというものだけでなく、設定部分もなんとか理解できるか、チャレンジできそうだなと思う程度でないと、かなりしんどいかもしれません。でも、熱意次第で調べてやれないことは無いと思います。
私の場合は、movabletypeと出会う前はHTMLでHP作成をしたり、場合に応じてCGIやPHPと言うものを使っていました。その下積みをグンとあげてくれたのがmovabletypeだったのです。
今では、教えてくれたWEB仲間にかなり感謝しています。七転八倒する覚悟でも、やっぱり自由がいい!!となったとき、手助けになってくれるのはこのサイトだと思います。
スキン作成に入る手前までの行程でだいぶんとお世話になりました。
長々前置きを書いたのですが、どんな違いがあるかを書いてmovabletype愛好者が増えることに貢献したいと思います!ってエキサイトブログで裏切り行為みたいですが、エキサイトの素敵な部分もイッパイ発見したのでそちらも書いてみます。
【エキサイトとmovabletypeの違いアレコレ】
まず、導入手順は先ほど書いたように違います。
エキサイトは登録するだけ!エキサイトは自分の情報公開までがすぐ。
movabletypeはダウンロードしてからサーバーにアップし、インストール。本当に導入からして自由なのでHPを普通に作る知識も少し必要。なければ1から調べる。
エキサイトではスキンを選べるし、一覧になっている。
movabletypeはスキンとして公開されているものを探しに行くとかすれば、
あるかもしれないが、検索しなくちゃいけなかったり。(バージョンによるのかな?)
エキサイトのマイスキンでも段組が選べるからくずれない。選ぶのもクリック。でも自由度はない。
movabletypeでは、段組も全て自由な代わりに、タグで設定。失敗するとくずれる。大崩壊も・・。
エキサイトではHTMLとCSS編集画面が二つ。全てのページが同じ段組だったり、同じデザインになるので、違いを出しにくい。
movabletypeでは、トップのHTML・カテゴリーのHTML・個別ページのHTML・その他もろもろHTMLとCSSを編集。だから、階層ごとにデザインが変えれる。ただし、かなり調べて作らないと、ワンパターンにしかできない仕組み。
エキサイトではCGIやjavascriptは使用できない。サーバーを借りているわけではないので。
movabletypeではCGIもjavascriptもPHPも自由!サーバーによるけれど、借りる場所を選べば自由!!(CGIはよくあるメールフォームなんかを作れます。javascriptだとプルダウンメニューや時間ごとの表示、クリックごとの表示切替など、小技ができます。PHPもメールフォームやページ分割ができます)
エキサイトでは、エキサイトブロガーが最新記事を書いたときに、なにもしなかったとしても、最新欄から見に来てくれたりする。
movabletypeでは、自分でアチコチ登録したり、検索対策をしないと孤島になりかねない。
エキサイトでは、記事を書くときに画像の配置がカンタン。太字や斜め文字も標準でついてるので便利。
movabletypeでは、画像の配置は自分でタグをそのつど書き込む。もしくは、CSSで設定し、一定の場所に表示する。または、太字や斜め文字、色文字背景色、画像の配置・・などなどをいじれるツールを導入する(←おすすめだけど、導入はかなりややこしかった・・)
エキサイトでは、メニュー欄の配置など目で見ながらポチポチとクリックするだけで移動などしてくれ、簡単で早い。
movabletypeでメニュー欄の表示を変えるにはタグを編集しなければならないけど自由。
エキサイトではプロフィールとか記入したりできるよう、設定画面というものがある。
movabletypeは自由なので”それよう”は無い。
エキサイトでは壁紙のアップロードをしておいたりするのはサーバー上。
movabletypeではFTPソフトであらかじめアップロード。URL記憶。(私度々忘れる・・)
エキサイトでは、メニューの位置が決定している。前後を入れ替えるくらいしかできない。
movabletypeではメニューを再度でもトップでも、自分次第。コメンター欄もサイドでも下でもどこでもOK。
書きつらねるとたくさんありますが、movabletypeは自由だけに、苦労が多い。エキサイトはなんでもすぐ、カンタンにできるけどエキサイトから与えられたことしかできない、と言う感じ。
少々、人生とも似ているのかもしれないなあ・・・。
苦労があっても自由な人生を選ぶにはmovabletype。
自由は無いけど快適な暮らしを選ぶにはエキサイト。
なんて・・変なまとめになっちゃいました。]]>
日付タグを見せる OR 消す *初心者さんにおすすめ
http://hanachanel.exblog.jp/1433314/
2005-10-14T12:48:48+09:00
2005-10-27T14:37:01+09:00
2005-10-14T12:45:12+09:00
hanakochanel
タグを変える
【見るところ】
HTML編集画面、画像で言うと、赤枠の部分を見てください。
私の場合は3段組で真ん中に記事を掲載しているので、
記事掲載のタグはこの真ん中に詳しく書かれているようです。
2段組の人の場合は、左か右、記事掲載をしている枠を見てください。
その、記事掲載の枠をクリックすると、枠内だけのタグがでてきます。
ここを解読することで、日付を表示か非表示か設定できます。
※タグは友人から拝借しました
<div class="post">
<div class="POST_HEAD" align="left">
<$postdate$>
</div>
上記の太字部分、エキサイトタグヘルプには載っていなかったのですが、
位置的にも、これが日付を表示しているものと思われます。
念の為、この日付はCSSでPOST_HEADという名前でデザインされています。
<div class="POST_TTL"><$postsubject$></div>
上記の部分が、記事のタイトルと思われます。POST_TTLは、
CSS内で記事のタイトルをデザインしていると思います。
以上をふまえ、好きな位置に好きなデザインで日付やタイトルを表示してみてください!
※これは、anriさんからの質問を元に記事にしたもので、ハナチャンネルで実際に行ったわけではなく、
確認が取れていません。
ですので、もし上手く行かなかった場合は遠慮なくコメントを下さい!]]>
日付タグを見せる OR 消す *初心者さんにおすすめ
http://hanachanel.exblog.jp/1433312/
2005-10-14T12:48:14+09:00
2005-10-20T13:41:40+09:00
2005-10-14T12:45:09+09:00
hanakochanel
タグを変える
【見るところ】
HTML編集画面、画像で言うと、赤枠の部分を見てください。
私の場合は3段組で真ん中に記事を掲載しているので、
記事掲載のタグはこの真ん中に詳しく書かれているようです。
2段組の人の場合は、左か右、記事掲載をしている枠を見てください。
その、記事掲載の枠をクリックすると、枠内だけのタグがでてきます。
ここを解読することで、日付を表示か非表示か設定できます。
※タグは友人から拝借しました
<div class="post">
<div class="POST_HEAD" align="left">
<$postdate$>
</div>
上記の太字部分、エキサイトタグヘルプには載っていなかったのですが、
位置的にも、これが日付を表示しているものと思われます。
念の為、この日付はCSSでPOST_HEADという名前でデザインされています。
<div class="POST_TTL"><$postsubject$></div>
上記の部分が、記事のタイトルと思われます。POST_TTLは、
CSS内で記事のタイトルをデザインしていると思います。
以上をふまえ、好きな位置に好きなデザインで日付やタイトルを表示してみてください!
※これは、anriさんからの質問を元に記事にしたもので、ハナチャンネルで実際に行ったわけではなく、
確認が取れていません。
ですので、もし上手く行かなかった場合は遠慮なくコメントを下さい!]]>
水玉壁紙作ってみました。
http://hanachanel.exblog.jp/1261378/
2005-10-03T19:03:00+09:00
2005-10-27T14:37:13+09:00
2005-10-04T13:02:58+09:00
hanakochanel
素材か、スキン!
ナミナミにしたかったし、余白もゆったりとほしかったので・・(イイワケ)
ハナチャンネルで素材初公開、ちとはずかし・・。
]]>
コメント編集欄を少し変更! *中級者さん向きかな?
http://hanachanel.exblog.jp/1208627/
2005-10-01T11:22:31+09:00
2005-10-16T00:50:22+09:00
2005-10-01T11:19:58+09:00
hanakochanel
タグを変える
背景画像を上で、横で、エトセトラ・・どこにいれるにしろ、背景なので
文字とかぶったり、テキストエリア(コメントを記入するところ)が覆いかぶさったり
もう少しすきっとしたいなぁと思ったらいじるべき所をご紹介します。
【まず、余白をもうける】
背景画像をいれた、CSS編集欄のDIV.COMMENT のところに、
PADDINGという文字が見当たると思います。
padding-rightはコメントの囲い内側で、右側の余白という意味です。
ちなみに、margin-rightの場合は、コメントの囲い外側の右側余白です。
この、rightをleft(左)top(上)bottom(下)に変更することも可能。
なので、背景画像の位置によって書き換えると良いと思います。
[例えばコメント囲い内側の右に20pxの余白をもうける場合]
DIV.COMMENTの{と}の間に
padding-right:20px;
を追加。最後の;まで忘れずに記入してください。
同じくDIV.COMMENT_INPUT内にもpadding-rightなどを
設定すると、コメント記入欄がかぶらずにすみます。
追加するときの注意は、そのほかのタグを消さないこと。
追加は;の後ろに入れること、もしくは同じ部分に上書きすることです。
【次に、コメント記入欄を少し変えてみる】
もともとのスキンによっては、追加の必要がなかったりするかもしれませんが、
私の場合は記入欄が異常に縦幅せまく、書きにくい状態だったので広げることに
しました。プラス、送信ボタンのあたりもちょこっといじってみました。
反映の具合を見てかんがえたところ、下記のエキサイトが用意している、
CSS編集欄の下のほう.TXTFLDでボーダーの色や背景色は設定。
色の変更は、色見本などで調べて自分のサイトに合うようにしてください。
.TXTFLD{ FONT-SIZE:9PT;COLOR:#333; BORDER:1PX SOLID #669999; BACKGROUND:#FFF;}
エキサイトが用意したCSSタグでは反映されなかった所は、新たに下記を追加。INPUTに書かれているのは、コメント・検索の”送信”ボタン。
TEXTAREAに書かれているのは、コメント記入欄の縦幅。
(これで少し広くなったかな)
.TXTFLDで記入欄の縦幅設定をすると、「検索」のテキスト
記入エリアも大きくなるので、新しく追加しました。
INPUT{border: 1px #669999 double;}
TEXTAREA { height:150px; }
この、送信ボタンやテキストエリアは反映されたりされなかったり、
またブラウザによって違って見えたりもするので、色々試して
確認するのが良いかもしれません。]]>
コメント欄に背景画像を *初心者さんにオススメ
http://hanachanel.exblog.jp/1194198/
2005-09-29T23:54:00+09:00
2005-10-16T00:50:32+09:00
2005-09-30T14:11:39+09:00
hanakochanel
タグを変える
これは、CSS編集欄に追加するだけのとても簡単なものなので、ぜひお試し下さい!
【コメント背景画像を用意する】素材は素材のオススメをリンクしているので、良ければお探し下さい♪
素材を用意できたら、壁紙の画像をアップロードするところだけ少し読んでいただいて、素材のurlをコピーしてください。
【CSS編集欄で】
編集欄、わりと下のほうに行くと
DIV.COMMENTと書いてあるところが見つかると思います。
このクラス名からして、コメントの欄であることが推測できたので、
ここへ背景画像を設定したいとおもいます。
下記の{}の中を自分好みに設定することで、独自コメント欄できあがり!
日本語部分だけ削除して先ほどコピーした画像のURLに置き換えてください。
(URL部分だけです)
DIV.COMMENT
{ BORDER : 1PX #D3D3D3 SOLID; background-image:url(ここに、先ほどコピーした画像のurlを貼り付けカッコは消さないで!);
background-position:right;
background-repeat:repeat-y;
PADDING : 15PX;
MARGIN : 20PX 0PX; }
↑のタグでは、背景に画像、その画像を右に縦だけ繰り返しとなっています。
background-position:right; を background-position:left; にすると左寄せに
なります。このleftとかrightをbottom(下)top(上)にすることも可能。
background-repeat:repeat-y; を background-repeat:repeat-x; にすると
横だけ繰り返し表示になります。他に、repeat-yやrepeat-xをno-repeatにすると、
画像の繰り返しはなくなり、1個だけ表示になります。
これら、背景画像のおき方は色々な所で活用できるので、
アチコチためしてみてもいいかも。
簡単に元に戻すためにはバックアップをとってから、してください。
バックアップは、この、HTML欄とCSS欄を丸ごとメモ帳や
メモ帳開くのが面倒な時は、メールの下書き保存なんかに貼り付けて
置いておくと良いです。
]]>
https://www.excite.co.jp/
https://www.exblog.jp/
https://ssl2.excite.co.jp/