テーマ:CSS編集や設定など
2005-04-14 22:19:16

メールフォーム設置してみた☆

やってみたくて…


メールフォーム設置してみました(*´Д`*)


何の意味があるのか!?と言われたらどうとも言えませんが(笑)


もし!


こんな事きいてみたいな~とか

あんな事聞いて欲しいな~とか

実は私も在日コリアンです!ってカミングアウトとか

何でも気軽に良かったらメールくださいな♪



結局は…

ブログを通してメル友作ろう作戦!

…みたいな?(*/∇\*)


必要性は全くないかもしれませんが(;´∀`)



このメールフォームはフォームズさんよりお借りしました(*^▽^*)


でわでわ、どうぞ宜しくお願いします☆
AD
いいね!した人  |  コメント(6)  |  リブログ(0)
テーマ:CSS編集や設定など
2005-04-08 16:47:40

ブログペットを設置してみた☆


 ブログペット


 飼ってみました♪


 こぱんだのぽんたです、


 どうぞ宜しく~♪





それにしても……




設置するのにえらい時間が


かかってしまった(つД`)






happy-magicさんの記事 で見て、私の好奇心がウズウズ(*´Д`*)



これは…




やるしかない!(;゚∀゚)=3ハァハァ




早速忍者TOOLS でアクセスカウンターをレンタル♪




ブログペット の新規登録をして、こぱんだ(σ・∀・)σゲッツ!!




さー!設置するぞー!!と意気込んで



プロフ欄の上のカレンダーを移動して、


そこに設置しようと思ったら…



いくらやり直しても表示されない(;´Д`)



あるのはカウンター画像のみ……



何時間かかったでしょうか…



試しにプロフ欄の下にブログペット移動したら、




でたあああああ!!



ってことは…結局一番上に設置すると隠れちゃうってことですかね?(´Д`)




あの苦労した数時間は一体…無駄だった…_| ̄|○




まあ、とりあえず無事設置できたことだし、いっか♪


無事設置し終わったところで、また欲が…



タイトルバーとかさ…(´∀`*)ウフフ



そこで、見つけたのがみかんさんの記事



まだやってないんですけど、これからチャレンジしてみます~!!



さ~、また何時間かかるんでしょう…あ、賭けてみる?(笑)




私の理想は10分です!!!(長いかしら…)




あ、ちなみにこんなのもありましたよ☆

BlogPet背景工房

ブログペット用の素敵な背景がいっぱいありましたよ~(*^▽^*)


ちなみに私のぽんたくんの背景は、素材屋さんから背景をお借りして自作しました♪




苦労話ばっかり書いといてなんなんですが…

みなさんも、ブログペットいかがですか?(*´Д`*)





☆私もやってみよっかな~と少しでも思っちゃったら是非クリックお願いします♪
モネブロランキング参加してますヾ(〃^∇^)ノ
AD
いいね!した人  |  リブログ(0)
テーマ:CSS編集や設定など
2005-04-06 23:21:12

がんばった!!(;゚∀゚)=3ハァハァ

なにげな~く、やりだしたら勢い止まらず…

 

 

細かいところから大きなところまで、

 

 

なんだかいっぱい変えちゃいました!(´∀`*)

 

ホントに、やめられない止まらない状態(;´∀`)

 

 

今日変えてみた部分をやり方付きでご紹介!!

 

 

まず、大きいところから…

 

 

/* ----------------------- background-color-control ----------------------- */ で

 

TOP画像の変更

 

#header {background-image: url(ここに、画像のURLを入れる);
background-repeat: repeat; / 

 

repeatは、画像を連続するならこのまま、画像を連続しないならno-repeatにする。

 

 

背景の変更(画像の場合)

 

 body {
background-image:url(ここに、画像のURLを入れる);
 background-attachment: fixed;
background-repeat: repeat; / ←上の説明と同様です。
}

もし、↑が見つからないなら、このままコピペして貼り付けてもいいです♪

 

 

背景の変更(色だけの場合)

 

background: #FFFFFF ←好きな色番号を入れる。色見本はコチラ

 

 

私は白だった背景を、星の画像に変えました♪

  

記事周辺の背景色の変更

 

#frame {background-color: #FF9900; / ←好きな色番号を入れる。

 

記事上のトップコメントの背景色の変更

 

#sub_main{background-color: #FF9900; / ←好きな色番号を入れる。

 

 

記事上のトップコメントの左右の背景色を変更

 

#firstContentsArea {background-color: #FF9900; / ←好きな色番号を入れる。

 

 

あくまでも、私のスキンの場合ですが…

TOP画像とメインフレームを同じオレンジ色で統一したら、

トップコメント周辺で前のスキンの色が残ってしまったりしたんです。

それで、プレビューでチェックしながら、前の色が残った部分を

同じ色に変更した為、こういう作業がありました(;´∀`)

トップコメントを入れてない場合はないかも…

 

 


次に細かいところを…

 

 

 

/* ----------------------- common ----------------------- */ で、

 

リンクの色の変更

 

border: 0;
}
a {
color: #0000FF; ←好きな色番号を入れる。

リニューアル後、リンクの色が薄い黄緑で

記事の中でとっても見づらかったので青に変更しました♪

 

 

 

/* ----------------------- header ----------------------- */ で、

 

ブログタイトルの位置を変更

 

#header h1 {
margin-left: 12px;
margin-bottom: 3px;
padding-top: 55px; ←上端からブログタイトルまでの幅を変更できます。
text-align: center; ←左寄せならleft、中央ならcenter、右寄せならright

 

 

ブログタイトル下の概要の位置を変更

 

#header h2{
margin-left: 12px;
margin-right: 165px;
text-align: center;  ←上と同様に変えられます。

 

 

/* ----------------------- font-information ----------------------- */ で、

スクロールの変更

 

html, body {
scrollbar-track-color: #FFFFFF;  ←好きな色番号を入れます。
scrollbar-face-color: #FF6600;
scrollbar-arrow-color: #FFFF00;
}

↑がなければ、コピペして貼り付けましょう☆

 

私は「0-enShop!スクロールバー専門街」さんから頂きました♪

 

 

ブログタイトルのサイズを変更

 

#header h1 {
font-size: 30px; ←好きなサイズに変更する。
line-height: 100%;

 

ブログタイトル下の概要の色・サイズを変更

 

#header h2 {
color: #000066; ←好きな色番号を入れる。
font-size: 12px; ←好きなサイズに変更する。
font-weight: normal;
line-height: 115%;

 

 

 

 

 

 

(;゚∀゚)=3ハァハァ 

 

こ、こんなもんかな…

 

あんまりいっぱいでもなかったかな?(笑)

 

自分でやっててもこれだけやるのにすごい時間かかりました(;´Д`)

 

頑張ったよ~私!!(つД`)

 

力使い果たしたので、これでしばらくはいじらないかも…

 

さあ!みんなもやってみよう!ヽ(´ー`)ノ


 

 

 

…と、思ったら…

 

記事の中のリンクだけは色が変わらなかった_| ̄|○

 

なんでだ~~。・゚・(ノд`)・゚・。

 

 

 



モネブロランキング参加してますヾ(〃^∇^)ノ

AD
いいね!した人  |  コメント(10)  |  リブログ(0)
テーマ:CSS編集や設定など
2005-04-04 14:54:07

CSSって何の略!?【追加あり】

CSSって何の略なんでしょ~…


 チョー

 好きな感じで

 設定してみない!?


って感じでしょうか(;´∀`)



管理画面もさっぱり訳が分からず、

今日やっと『タグ非表示』画面で

記事を書くところまで辿り着きました(;゚∀゚)=3ハァハァ



ずっと手入力でタグ打ちしながら記事書いてた(つД`)

なんせマニュアルとか説明書とか読むのが大っ嫌いな私。

とりあえず手探りで始めてるが、

タグボタンの使い方さっぱり分からず…

今日初めて『あめまにゅ』見て

やっと使い方理解しましたわ~(*´Д`*) ←遅すぎ!?




いざ、『タグ非表示』画面で記事書いてみたら……



めっちゃ楽じゃん!!Σ(・∀・*;)




ずっと手入力でタグ打ってたから余計に楽に感じる(*´∇`*)

色もいっぱい選べるし、リンクなんかも楽チン♪

細かい調整したいときは『タグ表示』画面で変えられるし。

思ったよりいいかも!?

最初から説明しっかり見ればよかった話なんですけど(;´Д`)




で、ついでにCSSなんかもいじってみました!(・∀・)チゴイネ!

こんなわけの分からん分野

手を出してしまう自分に感動です!( ;∀;) カンドーシタ

モネさんの記事を見て、このくらいなら自分でもイケル!?

なんて思っちゃって、CSSボタンポチッ





……………





こ、これは……なにがなんだか(( ;゜Д゜)))ガクガクブルブル


とりあえず苦手な英語がズラリ…


なんとなくニュアンス的にここかな~( ´∀`)


てな勢いでちょこっと色を変えてみましたヽ(´ー`)ノ

ガラッと変える勇気はない。小心者ですから




一番上のブログタイトルの色とその下の概要、

記事本文の文字色が薄かったので

タイトルと記事の文字を濃く、

概要と記事下のコメント&トラックバック&記事URLの

文字の色を変えてみました!!


分かりますかね~?(;´∀`)ビミョーダァ…

これだけで出来る気になっちゃったアホな私。

近々TOPの画像も差し替えるという野望がメラメラと(笑)



私本人も勘でやっておりますが(笑)

もし、やり方おせ~て♪って方がいたら

私なりの解釈でこの記事に追加でやり方載せますよ!

(;゚∀゚)=3ハァハァイッチャッタヨ!ダイジョブカ!?



【追加・CSS編集簡単(?)実践編】


とりあえず私がやってみた、文字色の変更方法を紹介します。

『デザインと機能』画面からCSS編集画面を開く。

/* ----------------------- font-information ----------------------- */
 の下からが字のサイズや色を変えられる範囲です。

body {
  color: #FFFFFF;
  font-size: 12px;
  ↑がコメント欄のサイズと色を変えられます。
   色番号は記事を書くときに使う
   「カラーボタン」等で確認してみましょう。

  #header h1 a {
  color: #333333;
   ↑がブログタイトルの色を変えられます。

  #header h2 {
  color: #000066;
   ↑がブログタイトル下の概要の色を変えられます。

  .entry .foot a {
  color: #0000ff;
   ↑が記事最後のURL|コメント|トラックバック

     の字の色を変えられます。


色を変える時はcolor:#(6桁の色番号)で入力してください。
文字サイズを変える時はfont-size: (希望の文字サイズ)pxです。


サイズ等を変える時は、プレビュー画面で確認してから保存しましょう!
イヤだったらキャンセルして戻ればすぐ変えられますから(*^▽^*)


こんなんで分かったかな~(;´д`)ゞ

説明足りねーよヾ(。`Д´。)ノって思った方はご一報を…(笑)


他に質問あったらあくまでも私の分かる範囲でお答えしますヽ(´ー`)ノ




モネブロランキング参加してますヾ(〃^∇^)ノ

いいね!した人  |  コメント(16)  |  リブログ(0)

AD

メロメロパーク
アクセス解析

Ameba人気のブログ

Amebaトピックス

      ランキング

      • 総合
      • 新登場
      • 急上昇
      • トレンド

      ブログをはじめる

      たくさんの芸能人・有名人が
      書いているAmebaブログを
      無料で簡単にはじめることができます。

      公式トップブロガーへ応募

      多くの方にご紹介したいブログを
      執筆する方を「公式トップブロガー」
      として認定しております。

      芸能人・有名人ブログを開設

      Amebaブログでは、芸能人・有名人ブログを
      ご希望される著名人の方/事務所様を
      随時募集しております。