習慣e気持ち！本日発売２

▲TOP

自分で画像を作成できれば一番良いですが、
私は他の人が作ってくれたものをお借りしています。

フリー素材、素材などでググル（検索）と沢山のサイトがでてきます。
いろいろ見てみて自分の趣味に合うものを探しましょう。

必ずご利用規約など読んで作者の方のご迷惑にならぬようにしましょう。
中にはリンクを張ることをご要望されたり、画像の加工を制限している方も
多いので、規約に同意できる場合のみ使用しましょう。

私はこれまでのデザインは殆ど同じ方のところからお借りしています。
まだまだ沢山素敵な画像を公開されています。

大体、素材の置き場で画像がみれますので気に入った画像を
ご自分のPCに取り込んでください。私はWINDOWS　XPなので
マイピクチャに画像をコピーしておきます。

たまった画像を見ながら、次のデザインのイメージを膨らませるのが
e気持ち！

Comment (0) | Trackback () | ▲TOP

あずささんからご質問を頂きましたので、これまでの試行錯誤で
分かったことを書いてみます。

Doblogはテンプレート少なさすぎ、でも他の人みたいに
自分もデザイン変えたいって思った気持ちを大切に、諦めずに
少しずつやってみましょう。

これまで作ったのは全て”シンプル”スタイルシートのチョロガエですw
シンプルはシンプル故に初心者にもいじりやすいです。

シンプルはメニュー部分、記事部分の背景が白なので、まずは背景が
白の画像を探しに行きます。

いろんなイメージしながら画像を探しているときが一番
e気持ち！　かも。

つづく

Comment (0) | Trackback () | ▲TOP

前に流行った本のグッドラックをイメージしてスタイルシート
作ってみました。

ちょうどイメージに合ったクローバーの背景を借りることができました。
それからメニューに同じ緑のハートをつけてみました。

背景が白なので、文字をクローバと同じ緑にしたかったのですが、
どの緑が映えるか、沢山の緑色を試してみました。

見やすい配色が見つかったときは
e気持ち！

Comment (0) | Trackback () | ▲TOP

さて前回の記事が読めましたか？
読めた人は思わず手を上げてしまったかな？
手の上がらなかった方はには答えです。

普段あまり使っていない下線文字を利用して遊んでみました。
やりかたは、下線文字を指定した場合、文字色を背景色と同色に
指定することで書いた文字が見えなくなります。

しかし、マウスでその部分を反転させれば、ちゃんと字が出てきますね。

この事を教えてくれた人のブログでは、映画紹介の時にネタバレ防止の為、
この反転文字使用していました。見たい人だけが敢えて見れるように。

始めてみたときはびっくりして、どうやってやるのかだいぶ考えました。
いろいろ試して、背景と同じ文字色にする事思いつきました。
試してみて成功したときは
e気持ち！

子供の頃にあぶり出しして遊んだ事思い出しました。

Comment (0) | Trackback () | ▲TOP

皆さん一緒に遊びましょう。
２つのe気持ち！の間に何が見えますか？

e気持ち！


良く分かりましたね。


読めた人は手を上げてください。


e気持ち！

Comment (0) | Trackback () | ▲TOP

最近カスタマイズ記事ばかりだったので、今日はちょっと遊んでみました。
Doblogのアドレスって
http://www.doblog.com/weblog/myblog/ｘｘｘｘｘ
のようになってますよね。ひとつひとつのブログに番号があります。
そうすると1番って誰かななんて気になりまして、ブラウザのところで
自分の番号から1番に番号を変えてみました。残念ながら1番は
削除されてました。では2番は？すると1-99番まで見てみたくなりますね。
110番は？　777番は？　1000番　10000番は？　など気になりますね。
そのうちに、なんか自分って暇だなってw　最後はだんだん面倒になってｗ
シャッフル機能ってないのかな？偶然に面白いブログ発見すると
e気持ち！

Comment (0) | Trackback () | ▲TOP

ひまわりのシートを利用してオレンジストーン編を作りました。
少し変えるだけで、別のものの様にできるのはＣＳＳで
デザイン部分が独立しているおかげかな。

模様替えのたびにe気持ち！

Comment (0) | Trackback () | ▲TOP

前に新聞でユニクロが今夏の新作浴衣発表との記事読みました。
女性用3990円という価格お手ごろですね。女性の浴衣姿
いいものです。浴衣と言えば夏、夏と言えば花火ということで、
このようなスタイルシートにしてみました。
夏の夜はe気持ち！

Comment (0) | Trackback () | ▲TOP

今日はお掃除のはずでしたが、目がさめては食べて、
また寝て、結局起きたのは夜になってからでした。
最近疲れてたので、思いっきり寝れてe気持ち！

Comment (0) | Trackback () | ▲TOP

ひまわりシリーズの黒背景版作ってみました。

黒背景に青文字にしてみました。そして青文字の中に、
赤文字やオレンジ文字を書き込むとなんだか文字が
浮き上がって見えますね。

面白いことが分かってe気持ち！

Comment (0) | Trackback () | ▲TOP

みなさんは、ぞうに乗ったことありますか？
私はタイでぞうの背中に乗せてもらいました。
e気持ち！　だぞう。

Comment (0) | Trackback () | ▲TOP

あまりいじるところもなくなってきたので、ひまわり編はこれにて完了（＾＾）
シートの種類が増えてe気持ち！

気分が変ったら、また、出てくるかもしれません。それまでしまっときます。

Comment (0) | Trackback () | ▲TOP

標準のスクロールバーをブログの雰囲気に合わせてオレンジにしてみました。

管理メニューのデザインカスタマイズより
/*---------------------------------------------*/
/* 全体 */
/*---------------------------------------------*/
body {

scrollbar-face-color:orange;
scrollbar-arrow-color:palegreen;
scrollbar-highlight-color:orange;
scrollbar-3dlight-color:orangered;
scrollbar-shadow-color:sienna;
scrollbar-darkshadow-color:maroon;
}

bodyの中に上記を追加します。更に夏らしくなりe気持ち！

Comment (0) | Trackback () | ▲TOP

文字に色をつけます。基本的な文字は既に青に設定してあります。
ところどころ色を変えるために、記事の作成の際に現れる
[太字][斜体][下線]を利用し色や文字に効果をつけます。
管理メニューのデザインカスタマイズより

/*---------------------------------------------*/
/* 記事 */
/*---------------------------------------------*/

.blog-text b { color: orange ; }

.blog-text i { color : #FF0000;
border-color : #ffffff ; border-style : outset ;
font-style: normal;
}
.blog-text u { color : #0000FF; }

太字を指定した際に太字がオレンジ色になるように
.blog-text b { color: orange ; }

斜体を指定した際に色が赤で盛り上がったような効果が出るように
.blog-text i { color : #FF0000;
border-color : #ffffff ; border-style : outset ;
font-style: normal;
}

下線を指定した際に下線表示し色が青になるように
.blog-text u { color : #0000FF; }

カラフルになって　e気持ち！

Comment (0) | Trackback () | ▲TOP

Blogのタイトルの背景をオレンジ色にしました。
管理メニューのカスタマイズから

/*---------------------------------------------*/
/* ページタイトル */
/*---------------------------------------------*/
.mydoblog-header {
text-align: center ;
background-color : orange ;
}
ページタイトルの部分でbackground-color : のところOrange ;とします。

ついでに下記の部分で

.mydoblog-header-text {
font-family : "ＭＳ Ｐゴシック", "Osaka", "sans-serif" ;
font-size: 180% ;
font-weight : bold ;
line-height : ;
color : #ffffff ;

フォントのサイズを180%と大きくして、Boldに指定、文字色を白#ffffffにしました。

/*---------------------------------------------*/
/* メニュー */
/*---------------------------------------------*/

.menu-header {
font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif ;
font-size : ;
font-weight : bold ;
line-height : 125% ;
color : #333333;
padding : 0px 0px 0px 0px ;
margin : 0px 0px 0px 10px ;
border-bottom : 2px solid orange ;
border-left : 5px solid orange ;

メニューの各タイトルの部分のアンダーラインをやめて、左と下の線を
利用しオレンジの線を表示しました。

border-bottom : 2px solid orangeは下線の太さ2pxで実線、オレンジ色の指定
border-left : 5px solid orangeは左の線の太さ5pxで実線、オレンジ色の指定です。

太陽をイメージしたオレンジが映えて　e気持ち！

Comment (0) | Trackback () | ▲TOP

なんかちょっと動かすたびに凍り付いている。重いな～
やっとの思いでつながって　e気持ち！

まあ、いやな事は置いといて、1000HITありがとうございます。

Comment (0) | Trackback () | ▲TOP

夜中なのに。急にアイスが食べたくなったので、買いに行きましたよ。
帰りの夜道にアイスを食べながら e気持ち！で帰ってきました。

Comment (0) | Trackback () | ▲TOP

Doblogヘッダーの灰色部分を消して、すっきりe気持ち！
デザインによっては結構目だってしまうので、消しました。


/*---------------------------------------------*/
/* Doblogヘッダー */
/*---------------------------------------------*/
の部分に

.mydoblog-position table {
background-image :none ;
}

上記の追加しました。実は他の方のBlogの受け売りでコピペさせていただきました。


.mydoblog-position A.portalbar:link {
color : blue ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:active {
color : blue ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:visited {
color : blue ;
text-decoration : none ;
}

.mydoblog-position A.portalbar:hover {
background-color : navajowhite ;
color: #FF0000 ;
text-decoration : none ;
}

白地なのでリンク部分を引き立つように青文字にしました。
上記のColor :Blue ;の部分は好みの色に設定できます。

マウスが乗ったときの処理は前回のリンクの記事同様。
背景色としてnavajowhite指定しました。

Comment (0) | Trackback () | ▲TOP

今回はリンク部分にちょっとアクセントをつけて遊んでみました。
マウスのった時に色が変ってe気持ち！

管理メニューのデザインカスタマイズにて

/*---------------------------------------------*/
/* リンク */
/*---------------------------------------------*/
a:link {
color : #003366 ;
}
a:active {
color : #003366 ;
}
a:visited {
color : #003366 ;
}
a:hover {
color : #FF0000 ; background-color:navajowhite
}

上記のa:hover {　のところはマウスが乗ったとき文字色が変るだけでなく
background-color:navajowhite を加えることで、背景色を
navajowhiteに変えます。色はお好みで好きな色を指定してください。

Comment (0) | Trackback () | ▲TOP

突然ですが明日から3日実家に帰ります。一生の間にいろんな家に住むとは
思うけれど、やっぱり生まれ育った家はいいですね。e気持ち！

いまだに黒電話が直付けなのでADSLできない（＾＾；じーこじーこいいながら
ダイアル回してますｗ　でも家族全員結構好きみたいです。黒電話ｗ

Comment (0) | Trackback () | ▲TOP