<   2005年 12月 ( 12 )   > この月の画像一覧
いろいろタグ
リンク   <a href="★" target="_blank">ここに指定先の名前</a>
画像    <img src="★">

バナーリンク <a href="★" target="_blank"><img src="★"alt="画像の名前"></a>

文字色   <font style="color:★;">ここに文字を入れる</font>

★は必ず、抜くこと!
詳しい説明は
それぞれの
記事を参照のこと。
それぞれ辞書登録しておくと便利。
この記事は、コピペで使えます。
[PR]
by momo_nya | 2005-12-29 01:30 | その他
画像の使い方。バナーリンクなど。。。
素材やさんや、バナーなど、使いたい画像をみつけたら。。。。

その画像の上で、右クリック
名前を付けて保存
スキン編集のマイイメージアカウントに、登録。

ここまでは、わかった?

今回は、バナーリンクのはりかた。

↓の記事で、文字で、リンクはってるよね。
これ、テキストリンク(っていうらしい)

この、文字の部分を、画像(バナー)で、やろう、って話。

ここの、ブログのメモ帳に


や、


っていうのあるでしょ?

これ、バナーって言うのね。

で、そこクリックすると、そのHPにとぶでしょ?
(↑これは、とばないよ)

それが、バナーリンク。

バナーリンクのはり方は

取り込んだバナーの画像を、スキン編集のマイイメージアカウントに、イメージ登録しておく。

画像のはりかたは、

<img src="★">

の、<、>を、半角にして★の部分に、イメージ登録したURLを、入れるだけ。
入れたら、★は、消してね。

で、
<a href="★" target="_blank"><img src="★"></a>

これ、意味わかるかな?

<a href="★" target="_blank">ここに、リンク先の画像を、はる</a>

って言う意味だよ。

もちろん、<、>は、半角だからね。

ちなみに、ももは<img src="★">
で、辞書登録してるから、
がぞう
ってうって、変換すると、<img src="★">
が、変換されます♪


追記:
貼り付けた画像に青い縁取りが?
ってときは、
border="0"
っていうのを入れると消えます。


<a href="★" target="_blank"><img"★" border="0"alt="★"></a>

target="_blank"について。
別窓で、開きますって言うこと。
なくてもかまわないけど、ないと、見てるページがそのまま
リンク先に飛ぶだけ。
target="_blank"を、入れることで、
みてるページは、そのままで新しい窓が開いて、指定のページに行きます。

alt="★"について
何の画像か、簡単に書いておくことで、何らかの事情で、画像が表示されないとき、
★の部分の文字が表示されます。
きちんと、画像が表示できてるときは、
カーソルを合わせると、何の画像か、文字が出ます。
試しに、右のりンクバナーに、カーソル合わせてみて。
(↓の、画像にカーソル合わせてみてもみえるよ。)


おさらい

+だいすきなもの+

とべた?
[PR]
by momo_nya | 2005-12-29 01:08 | その他
BBS設置
以前BBSを、付けたいと思った。
そのときに、色々探した。

ももが、設置してるのは
EZBBS.NET
ほかには、チィママのとこの
BBS KING
あとは、
ロケットBBS
お絵かきBBS.COM

無料BBS って、Googleに入れるといっぱい出てくるよ!

設置方法は、いたって簡単。
希望のとこに行って登録してから
自分のブログ(あるいはHP)にリンクをはるだけ。
リンクのはり方は

<a href="★" target="_blank"></a>

で、<、>、の4つを、半角にして
★のことに、URLをいれて、
たとえば、

<a href="http://momo0710.exblog.jp/" target="_blank">だいすきなもの</a>

と、すると。。。。。
<、>半角にしたものが

だいすきなもの

と、なるわけ。
それを、希望のとこに入れる。
っと。

もものBBSは、
メモ帳に入れてます。

あと、ももは辞書登録してます。
りんく
ってうって
変換すると
<a href="★" target="_blank"></a>
ってなります。
もちろん、<、>は、半角でね♪
[PR]
by momo_nya | 2005-12-29 00:38 | BBS設置
そうだ!素材を探そう!~その2~
スキン頑張ったんだけど、大変な作業だよね。
良いのなかなか見つからないし、どうしても素材屋さんからパターンを見つける事がいまだに出来ないし(-_-;)
素材見つける方法を詳しく教えて下さい<ももっち

以上、チィママroomコメント欄抜粋

確かにスキン編集、なかなか、大変だよね。
ももも、わからないこと多いし。。。。

で、さてさて、
素材は、Googleで検索して探すのが1番だと思うんだけど、
(↓の記事参照ね。)
パターンって、どんなのを、言うのかなぁ。。。?

かわいい素材ランキング
こんなとこもあるから、いろいろみてみるといいね♪

後、結構お勧めなのは、
自分の、気に入った素材を提供してるサイトの
リンク、ってとこ見てみると、結構良いのあったりするよ。
自分で探すより、よっぽど、お手軽だしね。
へ~、こんなんあったんだ、って感じ。

。。。。こんなもんなんだけど、答えになってる?
ちぃと不安。。。
[PR]
by momo_nya | 2005-12-29 00:10 | 素材
そうだ!素材を探そう!
タイトルの画像も変えれるようになったし、
壁紙も変えれるようになったら
次は。。。。

素材、素材。。。
どこかにいいのがないかなぁ。。。。

そんなこと、思うよね。

ももも、いつも、素材探しのたびに出てるよ。

ももは、Googleで、検索して探すよ。
 
壁紙 ハートって入れて、検索。


そしたら、

ほら!

f0017329_0142111.jpg


いっぱい出てきたでしょ?(画像、ちいさくてごめん><)

そこから、探せば、いいって訳。

でね、検索の言葉って

左から、優先順位があるんだって。

だから、それを、考えて検索の言葉入れるといいかもね。

探したいもののキーワードを、スペース空けて入れてくと、より、スポット当てて
さがせるよ。

素材 アイコン 星
とかいうふうにね♪

f0017329_0555272.gif

ところで、Googleっておもしろいよね。

もものあそびば

って、入れて検索してみたら。。。。。

なかなか、楽しめた♪


素材はお借りしたらリンクしなきゃとか、色々お約束あるから、
お約束を、よく読んでね♪
[PR]
by momo_nya | 2005-12-28 00:20 | 素材
素材を取り込もう!
ここで、
初歩的な話になります!

さて、
壁紙張り替えたり、
画像をはったり・・・・

でも、

「壁紙って、どこでどうしてもらうの???」

そう思ったことないかな?

アイコン、画像、壁紙
すべて素材やさんにあります!

ももがいつも使用してるのは、
+ほっとみるく+さん
らぶらぼさん

です。

ここから、好きな画像を、選んでそれを、自分のパソコンにDLします。
DLの仕方は、
好きな画像の上で右クリックをします。(右クリック、わかる?
ももは、わからなくて、電話で、恥かきました(^-^;)
で、
『名前を付けて背景を保存』
っていうのを、クリック。
保存先はとりあえず、
ディスクトップにでもしといて?
あとで、ファイルでも作って整理するといいよ。
それで、DLは、完了!

それを、どうやって使うかは、
取り込んだ画像を、
スキン編集のマイイメージアカウントに、イメージ登録
して、使います。

イメージ登録の仕方は、次回に。。。。
今回、画像ないなぁ。。。。
[PR]
by momo_nya | 2005-12-20 23:51 | 素材
鍵コメント
さて、緊急リクエストにつき
いそいで、UPします!

といっても日にち過ぎてますが。。。。(汗


f0017329_2345785.jpgこれ、これ、
この鍵マーク、小さくて、非公開なのに、
お返事を、おおぴらにやっちゃうんだよねー。


内容や、名前を知られたくなくて、非公開コメントにしてるのに、
おもいっきり返事しちゃったり。。。

そこで、このマークを、大きくしちゃおう!ってことですよ。

はじめ、ももは、鍵マークのみ、青か何かで色囲みをしようとしたのですが、
できなかった。。。。。


そこで、

CSS編集画面に

DIV.COMMENT_TAIL IMG{
            height:○px;
            width:○px;
            }

っていうのを、入れるだけなの。

どこに入れようか?

わかりやすく、

DIV.COMMENT_TAIL

の下に入れます。
f0017329_03716.jpgこんなふうにね。



f0017329_23531271.jpg
これは、○のところを、30で、してみました。

おおきい??w


f0017329_23543288.jpg
これは、20pixです。

こんなもんかなー。


ただ、これ、鍵コメだけでないんだよね。
大きくなるのが。
[PR]
by momo_nya | 2005-12-19 23:57 | コメント欄
投稿記事欄に画像を入れよう!
投稿記事欄改造計画第2弾は、(おぉ、漢字ばかりだ!!)

ここの、記事欄のお飾りです。

さてさて、

ここを、変えるのは、

1、バックの色指定。
2、画像を入れる。
  イラストを入れるか、壁紙を入れるか。

だいたいそんなとこだと思います。

さて、行きます!

CSS編集から、

DIV.POST{
         MARGIN-BOTTOM : 50pix;
        }

というところを探します。

これは、投稿記事らんを指してますので、
そこに、
色を、入れたいなら、

DIV.POST{
        MARGIN-BOTTOM : 50pix;
        background-color : #ffffcc;
         }
というふうに赤いとこを、挿入すればいいです。

壁紙を貼りたいなら、

貼りたい画像を、素材やさんからDLしてきて、マイイメージアカウントに登録。

DIV.POST{
        MARGIN-BOTTOM : 50pix;
         background-image:url
(マイイメージに登録した希望の素材のURL);

        }
f0017329_23134581.gif試しにこんなの貼ってみました!


f0017329_23142533.jpgそしたら・・・・
こんな感じになりました!



ワンポイント画像を、指定位置に張るなら

貼りたい画像を、素材やさんからDLしてきて、マイイメージアカウントに登録。

DIV.POST{
         MARGIN-BOTTOM : 50pix;
         background-image:url
(マイイメージに登録した希望素材のurl);
        background-position: right bottom;
        background-repeat : no-repeat;

}

ちなみに、DIV.POST_BODYってのもあって、
これの違いは、範囲が違います。
DIV.POSTは、タイトル部分から、今日のところ全部です。
DIV.POST_BODYは、今日の記事のみです。
試しに、DIV.POST_BODYのところに、
さっきのいちごの壁紙を、貼ってみましょう
すると、
f0017329_2336271.jpgこんな感じ。
違いがわかるかな?
(画像小さくてごめんね)


→のサルちゃんは、DIV.POST_BODYに貼り付けてます♪

できるかな?
[PR]
by momo_nya | 2005-12-19 23:26 | 投稿欄
記事のタイトルバックを、変えてみよう♪
さて、今日からは、記事のところを、いじってみる?

まず、タイトルから行ってみようか!?


じゃあ、編集画面出して、
CSSから

DIV.POST_HEAD {
BORDER : 1PX SOLID #D0D0CC;
PADDING : 3PX 10PX 2PX;
MARGIN-BOTTOM : 15PX;
FONT-FAMILY : VERDANA;
FONT-WEIGHT : BOLD;
COLOR : #54516C;
}

これ、探し出してね!

これの意味は。。。。
DIV.POST_HEAD {
BORDER : 1PX SOLID #D0D0CC;タイトルを、囲ってある線の太さと色
PADDING : 3PX 10PX 2PX;枠の中での文字の位置指定
MARGIN-BOTTOM : 15PX;
FONT-FAMILY : VERDANA;フォントの種類を指定
FONT-WEIGHT : BOLD; フォントの太さ
COLOR : #54516C; タイトル文字の色
}

MARGIN-BOTTOM : 15PX;←文章での説明が難しいので、今回は、このまま置いときます。


さて、ここから、いろいろ遊んでみましょう♪
まずは、これ。
BORDER : 1PX SOLID #D0D0CC;タイトルのを、囲ってある線の太さと色

線の太さは、そのまま、1PX,2PX,3PX,・・・・・と変更してみて、そのたびプレビューで
見てみるといいです。

SOLD これは、線の種類。
SOLD 1本線        DOUBLE  2本線    GROOVE 凹線
DASHED ダッシュ線   DOTTED 点線

線の色、これは色見本で、好みの色に変えてもよいでしょう

FONT-FAMILY : VERDANA;フォントの種類を指定  これは、前記事で、説明したとおりです。
FONT-WEIGHT : BOLD; フォントの太さ タイトルは、太いほうがいいよね?だから、このままで。
COLOR : #54516C; ちょっと、これは、変えられないみたい。また今度、調べておくね。


ももは。。。。。

DIV.POST_HEAD {
BACKGROUND-COLOR:#FFCCCC;バックの色指定
BACKGROUND-IMAGE:URL(http:/マイイメージアカウントに登録したハートのURL/);
BACKGROUND-POSITION:LEFT CENTER;ハートの画像の位置指定
BACKGROUND-REPEAT:NO-REPEAT;ハートの画像くりかえしなし
PADDING : 3PX 25PX 2PX;タイトル文字の位置調節
MARGIN-BOTTOM : 15PX;
FONT-FAMILY : VERDANA;
FONT-WEIGHT : BOLD;
COLOR : #54516C;
}
(*枠のボーダー線は消しました)
に、変更してみたよ。
そしたら。。。。

f0017329_082927.jpg


       変更前


  

f0017329_012946.jpg
     
 
       変更後







                  

                    
[PR]
by momo_nya | 2005-12-15 23:26 | 投稿欄
壁紙の変え方
さてさて、マイタイトルへの道2時間目は
本体の、バック。俗にい言う壁紙ってのを、
変えていきましょう♪

今回も、マイスキンではなくて、エキサイト提供スキンで
壁紙のみ、変えて行きたいと思います♪

~前回のおさらい~

自分のブログの画面右上(左上)にある、『設定』クリック
左の項目から、『スキン変更』クリック
エキサイト提供スキンから前回と同じロマンフラワー2の『編集』クリック
『スキン編集を、始めます!』

f0017329_0405585.jpgスキン変更画面で マイイメージアカウントに、希望の壁紙を、登録します
今回は、これで行きましょう
登録の仕方は、わかってるよね?(くどい?w)

←+ほっと*みるく+さん
素材を、お借りしてます♪

~ここまでが、前回までのおさらーい~


さて、ここから、いきます
CSSのなかに、BODY ってのが、上にあります。

変更前
BODY { BACKGROUND-IMAGE : URL(http://md.exblog.jp/skn/img/a/01/00/5/bg6.gif) ; MARGIN : 0;PADDING : 0; }
BODY,TD,DIV,LI { FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #54516C; }

変更後
赤いとこだけ、
マイイメージアカウントに、登録した画像のURLにそっくり入れ替えます。

そして、プレビューで確認


f0017329_040139.jpg
ほら、こんな感じ♪

プレビューで確認したら
『保存』クリックしてね♪



本体バックに画像はいらないの。色だけ入れたいのよ。というかたは。。。。

BODY { BACKGROUND-IMAGE : URL(http://md.exblog.jp/skn/img/a/01/00/5/bg6.gif) ; MARGIN : 0;PADDING : 0; }
BODY,TD,DIV,LI { FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #54516C; }

の、赤い部分を、そっくり、カット。

変更後
BODY { BACKGROUND : #ffcccc; MARGIN : 0;PADDING : 0; }
BODY,TD,DIV,LI { FONT-SIZE : SMALL; FONT-FAMILY : VERDANA,ARIAL,SANS-SERIF; LINE-HEIGHT : 150%; COLOR : #54516C; }

そして、色の指定。
#ffccccってのが、色の番号。(これ、何色かって?ためしにやってみてw)
色は、色見本サイトってのが色々あるから、検索してみるといいよ。
好きな色の番号を入れて遊んでみてね。

色々、がんばったけど、うまくいかないよぉ~
って人は、よく確認してみてね。
"", ; :  などが違っても、反映されないからねー。

ここで、前回の質問に答えてみたいと思いますw

~このチェックの画像って、こんなに小さいモノでも変更出来るんだね~

大きさは、関係ないらしい。
小さい画像を、並べて表示するからねー。
特に、チェックとか、単色とかなんかは、小さくても全然平気さ

~こういうのは素材屋さんで取ってくるんだったら何てヤツでイイんだろ。
壁紙ぢゃぁ・・ないよね??なんだろなんだろっっ。。~

壁紙でもいいし、アイコンでも、なんでも表示したい画像なら何でも、よいです。
ちなみに、チェックは壁紙です。


素材やさんの素材を使用するときは必ず、規約、お約束など、よく読んでからにしてください!!
素材は、作るのが、きっと大変だったと思います。
(偉そうで、ごめんなさい)
[PR]
by momo_nya | 2005-12-15 00:41 | 壁紙