「ほっ」と。キャンペーン
趣味のこと............嬉しかったこと!楽しかったこと!心に残った思いを記事にしていきます ☆
<   2007年 07月 ( 17 )   > この月の画像一覧
真鶴で「貴船」を撮りました!
c0114492_21311911.jpg



*七月二十八日、真鶴では「貴船祭り」がありました。
私が「真鶴」を訪れた日.......二十五日でした。(涙)

港近くに「貴船」がありましたので、写真を撮りましたよ!!!







c0114492_21314029.jpg









c0114492_2132054.jpg












綺麗ですね〜!

妻に車を止めてもらい、写真を数枚撮りました!!!!!(感激)







にほんブログ村 写真ブログへ
[PR]
by y-sakanaya | 2007-07-31 21:27 | 魚屋旅行
真鶴「番場浦海岸」にて..........
c0114492_1956512.jpg




娘も楽しそうでした!!







c0114492_19572462.jpg





蜘蛛の巣が風に揺られています..........被写体ブレ.........涙









*続きをどうぞ。

「続きです!」
[PR]
by y-sakanaya | 2007-07-31 20:01 | 魚屋旅行
記事タイトルの色と文字の大きさ!背景色をつけましょう!
*記事タイトルの色と文字の大きさ!背景色を指定します。




*CSS編集のこの部分を探します。


DIV.POST_TTL {
 FONT-WEIGHT : BOLD;
 }




*ココに新たなスタイルを追加します


文字の大きさ=FONT-SIZE: 13PT;(13の部分を変更します!大きい数字ほど文字が大きくなります)

色=COLOR : #FFC000;(#******で色指定)

記事タイトル背景色=BACKGROUND:#151515;(#******で色指定)




*このようになります!



DIV.POST_TTL {
FONT-SIZE: 13PT;
       BACKGROUND:#151515;
FONT-WEIGHT : BOLD;
COLOR : #800000;
}






*はい!このような感じですよ〜!

c0114492_22111752.jpg







*お好みでどうぞ!!!!





*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-30 22:12 | スキン編集
カレンダーの背景に写真(画像)を使いましょう!
*CSS編集です!

カレンダーの背景に「写真(画像)」を挿入します。




*CSS編集のこの部分を探します。



DIV.CAL_BODY {
WIDTH : 150PX;
TEXT-ALIGN : CENTER;
{


*この部分にスタイルを追加しますよ!




background-image:url(http://pds.exblog.*************.jpg);
background-repeat:no-repeat;
background-position:bottom;




*http://pds.exblog.*************.jpgは、マイイメージアカウントに登録をした画像です。
サイズは横100〜150ピクセル、縦100〜150ピクセルの正方形又は長方形が良いと思います。



*最終的に、このようになります。




DIV.CAL_BODY {
WIDTH : 150PX;
TEXT-ALIGN : CENTER;
background-image:url(http://pds.exblog.jp/pds/************);
background-repeat:no-repeat;
background-position:bottom;
}




*はい!カレンダーの背景が出来ました!






*このようになります。

c0114492_21563710.jpg







*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-30 21:36 | スキン編集
田舎の地酒研究所さんへ。
田舎の地酒研究所さんへ


「CSS編集」のみにしました。

コチラへ
[PR]
by y-sakanaya | 2007-07-28 13:19
タイトルに画像を使いましょう!(タイトル自体に一枚の画像を使います!)
*本日は、タイトルに画像を使います。
以前紹介した方法は、背景として画像(写真)を挿入しました。
エキサイトで用意されたタイトルに背景を付けただけです。

今回は、自分好みに仕上げます。
このような感じになりますよ!!

c0114492_9475292.jpg



メリット...............自分の好きなように文字やタイトルロゴを付けられる。
 文字の配置も自由に!!


デメリット.............タイトルロゴでは無く、タイトル画像全体にカーソルが及ぶ。
 サーバーなどに問題があった時、又は画像が表示されない事態に対処出来ない。
 PCが重いと表示されるまで時間がかかり、ブログタイトルがわからない。
 後、画像ソフトが必要になるかもしれません。



このような感じでしょうか。
コチラはとても簡単です!!!!!
「HTML編集」でパパッと出来ますよ〜



*それでは、早速!説明します。

まずは好きな画像を選び、画像ソフトなどで「タイトル」や「文字」を入れて、ブログサイズに合わせて下さい。


私が作ったのはコチラです。(以前、使った物ですが;大汗)

c0114492_9583032.jpg

c0114492_9592388.jpg



*コチラの画像をマイイメージアカウントにイメージ登録しておきます。





『さぁ!編集部分にイキマスヨ!!』




*「HTML編集」の、この部分を探します。


<CENTER>


<DIV ID=TOP>
<DIV CLASS=HEADER><$header$></DIV>
<DIV CLASS=URL><$blogurl$></DIV>
<DIV CLASS=USERMENU><$adminmenu type=1$></DIV>



*一番!最初の部分です。

この中の<DIV CLASS=HEADER><$header$></DIV>を弄ります。


『<$header$>』がタイトルなので、消してしまいましょう!!!
その部分に、新たなスタイルを追加します。

<a href="http://*******.exblog.jp/"><IMG SRC=http://pds.exblog.jp/pds/*****************.jpg
WIDTH=*** HEIGHT=***>



*<a href="http://*******.exblog.jp/">はブログURLを入れます。

*<IMG SRC=http://pds.exblog.jp/pds/*****************.jpg
WIDTH=*** HEIGHT=***>

コチラはマイイメージ登録をした、先程の画像URLです。(タイトルを作りましたよね!)



*最終的に、このようになります。

<CENTER>


<DIV ID=TOP>
<DIV CLASS=HEADER><a href="http://********.exblog.jp/"><IMG SRC=http://pds.exblog.jp/pds/**********/DSC_9216_Copy_1_****
WIDTH=*** HEIGHT=***></DIV>

<DIV CLASS=URL><$blogurl$></DIV>




*注意!!!!!
今回は「HTML編集」を弄くりました。
「HTML編集」........この部分を投稿しようと本文内に記入すると、ブログの記事に反映してしまいます。(大汗)

ですので.............



<DIV ID=TOP>
<DIV CLASS=HEADER><a href="http://********.exblog.jp/"><IMG SRC=http://pds.exblog.jp/pds/**********/DSC_9216_Copy_1_****
WIDTH=*** HEIGHT=***></DIV>

<DIV CLASS=URL><$blogurl$></DIV>




<DIV ID=TOP>などの、最初の「<」は半角「<」に修正をして下さい。

例)  <*******> こうなっているので、<*********> このようにします!!!
 全部そうなっていますので、修正をして下さい..........スミマセン。










*CSS編集部分で高さと幅を指定しておきました。(一応........スイマセン素人なもので;号泣)


DIV#TOP {
BORDER-BOTTOM : 10PX #D2B48C SOLID;
MARGIN-BOTTOM : 30PX;
WIDTH:900px;HEIGHT:366px;
TEXT-ALIGN : LEFT;
}


*WIDTH:900px;HEIGHT:366px;と言う部分を新たに追加しました。





*はい!以上です!!!
こちらの方が、簡単なような気がします。
宜しければチャレンジしてみて下さい。




*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-27 10:14 | スキン編集
ブログの背景に「画像」又は「写真」を挿入しましょう!
*本日は、ブログの背景(ページ)に画像を挿入します。




最初にCSS編集のコノ部分を探します。

/* excite blog skin css */

BODY{ BACKGROUND : #151515; MARGIN : 30;PADDING : 0; }
BODY,TD,DIV,LI{ FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-



*最初の部分ですね!

BODY{ BACKGROUND : #151515; MARGIN : 30;PADDING : 0; }


*コノ部分にスタイルを追加します。

BACKGROUND-IMAGE :URL(http://pds.exblog.jp/pds/1/200707/23/92/[1]**********.jpg) ;
BACKGROUND-ATTACHMENT:FIXED;
BACKGROUND-REPEAT:NO-REPEAT;
BACKGROUND-POSITION: CENTER;


*コチラを加えますよ!
このようになります。

BODY{ BACKGROUND : #151515; MARGIN : 30;PADDING : 0;
BACKGROUND-IMAGE :URL(http://pds.exblog.jp/pds/1/200707/23/92/[1]********.jpg) ;
BACKGROUND-ATTACHMENT:FIXED;
BACKGROUND-REPEAT:NO-REPEAT;
BACKGROUND-POSITION: CENTER;}



*BACKGROUND-ATTACHMENT:FIXED;は写真など、スクロールしても固定されて見えます。
FIXEDの部分をSCROLLにすると、写真も一緒にスクロールしますよ!


*BACKGROUND-REPEAT:NO-REPEAT;は写真の繰り返しです。
コレをしないと、サイズの小さい写真では何枚も表示されてしまいます。
それはそれで面白いかもしれません。
NO-REPEATの部分を下のアルファベットに置き換えてみて下さい。


REPEATは写真などを繰り返して表示。

REPEAT-Xは横に繰り返して表示。

REPEAT-Yは縦に繰り返して表示。

NO-REPEATは繰り返して表示しません。





*BACKGROUND-POSITION: CENTER;}は写真や画像の位置を指定します。

CENTERの部分を変えて、位置を決めます。


LEFTは左に配置。

RIGHTは右に配置

CENTERは中央に配置

TOPは上に配置。

BOTTOMは下に配置。


*組み合わせも出来ます!

RIGHT TOPにすると右上に配置します。
単語の間には半角スペースで区切って下さいね。



あっ!!!!背景に使う写真や画像は、背景色に合わせた方が良いと思います。

背景が黒でしたら、使う画像や写真の背景も黒.......白でしたら白みたいな感じです。




はい!以上です!!!








*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-24 10:44 | スキン編集
ぬはっ!本文の背景........インパクトがぁ!!!見難い!?
むむっ.........本文の背景に画像を..........


見辛いですかね。(大汗)
とりあえず、このままにしておきます。(爆汗)
[PR]
by y-sakanaya | 2007-07-22 22:53 | スキン編集
タイトル文字の移動と文字の太さ(ウエイト)の変更。
*タイトルの文字を移動してみます。
続けて、文字の太さも変更しますよ!!!



*CSS編集のコノ部分を探します。




DIV.HEADER {
FONT : BOLD 22PT/100% Courier New,TAHOMA;
}

DIV.HEADER A:LINK {COLOR: #000; TEXT-DECORATION: NONE}
DIV.HEADER A:VISITED {COLOR: #000; TEXT-DECORATION: NONE}
DIV.HEADER A:HOVER {COLOR: #888; TEXT-DECORATION: NONE; BORDER-BOTTOM: 1PX SOLID #FFF}

DIV.URL {
FONT : 8PT/100% VERDANA,TAHOMA ;
LETTER-SPACING : 1PX;
MARGIN : 6PX 0PX 20PX;
}




*この中からココを弄ります。

DIV.HEADER {
FONT : BOLD 22PT/100% Courier New,TAHOMA;
}



*この部分に新しいスタイルを加えますよ!

FONT-SIZE : 50PX; FONT-FAMILY:serif,Courier New,TAHOMA; FONT-WEIGHT:BOLD;
TEXT-ALIGN : CENTER;


*「FONT」内をわけてみました。

FONT-SIZE : 50PXは文字の大きさ
FONT-FAMILY:serif,Courier New,TAHOMAは文字の種類
WEIGHT:BOLDは文字の太さ
TEXT-ALIGN : CENTERは文字の位置です。


*WEIGHT:BOLDは文字の太さ

文字の太さを説明します。

NORMAL=普通

BOLD=太く

BOLDER=もっと太く

LIGHT=細く

LIGHTER=もっと細く


私のPCではBOLDEとBOLDは一緒の大きさのような気がします。(大汗)
(LIGHTとLIGHTERも..........)




*TEXT-ALIGN : CENTERは文字の位置

位置の説明です。

LEFT=左に

CENTER=中央に

RIGHT=右に





*最後に「ブログURL」も移動しましょう!

この部分を弄ります

DIV.URL {
FONT : 8PT/100% VERDANA,TAHOMA ;
LETTER-SPACING : 1PX;
MARGIN : 6PX 0PX 20PX;
}

*ココに新たなスタイルを加えますよ!

TEXT-ALIGN : CENTER;

コチラを加えます。(先程と同じような感じです)



*このようになります!

DIV.URL {
FONT : 8PT/100% VERDANA,TAHOMA ;
LETTER-SPACING : 1PX;
MARGIN : 6PX 0PX 20PX;
TEXT-ALIGN : CENTER;
}


はい!OK!!「中央」にURLを移動しました。





以上です!お疲れ様でした!!!




*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-22 12:22 | スキン編集
記事と記事の間に「線」を入れます。
最初に「CSS編集」のこの部分を探します。



DIV.POST_TAIL {
FONT : 8PT/150% TAHOMA;
MARGIN-TOP : 10PX;
TEXT-ALIGN : RIGHT;



コレの最後に追加します。

PADDING-BOTTOM: 20PX;
BORDER-BOTTOM-WIDTH : 3PX;
BORDER-BOTTOM-STYLE: DOUBLE;
BORDER-BOTTOM-COLOR: #D2B48C;


最終的に、このようになります。

DIV.POST_TAIL {
FONT : 8PT/150% TAHOMA;
MARGIN-TOP : 10PX;
TEXT-ALIGN : RIGHT;
PADDING-BOTTOM: 20PX;
BORDER-BOTTOM-WIDTH : 3PX;
BORDER-BOTTOM-STYLE: DOUBLE;
BORDER-BOTTOM-COLOR: #D2B48C;
}



*少し付け加えて説明します。

BORDER-BOTTOM-WIDTH : 3PX;
BORDER-BOTTOM-STYLE: DOUBLE;
BORDER-BOTTOM-COLOR: #D2B48C;


こちらの「3PX」の部分は、線の太さです!
「DOUBLE」は二重線です。
例)
DOTTEDは点線
DASHEDは破線
SOLIDは実線です。

「#D2B48C」の部分は色指定です。




*プレビューを押して、確認をしてみて下さいね!



*スキン編集はあくまでも自己責任と言う事で行って下さい
宜しくお願い致します。

失敗した時の為、最初のHTML編集部分とCSS編集部分をコピーしておいた方が良いですよ!!!

[PR]
by y-sakanaya | 2007-07-22 12:01 | スキン編集