|
これは『CSS編集』ではないんですが、ブログのカスタマイズねたと言うことで(*^m^*) ウェブリブログでは『フリースペース』というものがあって、 このフリースペースを利用するといろいろなことが出来ます。 うちがフリースペースでしていることは、  ウェブリブログでパンヤの絵文字を使う パンヤでのうちのプロフィールなどこのふたつです。 ウェブリブログでパンヤの絵文字を使う これがブログをはじめて一番初めにしたことかな。 ぞんさんのブログ『ぞんさんのパンヤ！ど〜んとやってみよう〜です。』で 詳しく書かれてます。♪ 設定はサイトに書いてある通りにすれば簡単に（うちは苦労しましたが…（しょぼ））出来ますが、 設定よりも絵文字をアップロードするのがけっこう大変かも。 うちの場合、フツーの絵文字＋反転した絵文字が全部で140こくらいになりましたから、 画像をアップするだけで一時間以上かかりましたよllllll(-ω-;)llllll でも、このスクリプトのおかげでうちのブログでもパンヤの絵文字が使えるようになったし、 苦労はしたけれど出来た時の満足度は大きいですね（にこ）  パンヤでのうちのプロフィール フリースペースの使い方はウェブリブログのヘルプでも書いてあるので今更ですが…。 うちがしてることを書いてみますね（多少はしょります( ･ﾉｪ･)ｺｯﾁｮｰﾘ） まずは、あいさつ♪ <H2>あいさつ</H2>ようこそ！AWA's Lifeへ <br /> mairis です(oゝω･)ﾉﾟ･:*☆ <br /> Beer飲みながら <br /> パンヤ楽しんでます♪ <br /> 合言葉は<img src="画像URL">ノ<img src="画像URL"> <H2>〜</H2> の間の文字が見出しになりますね。 コンポーネント内の他の見出しとそろえるためにしてます。 <br /> は改行のタグです。 フリースペース内は自動的に改行されませんから<br />を使用します。 でも、上の <H2>〜</H2> の後の文字は自動的に改行されますね。 画像を使いたい時は<img src="画像URL"> で画像を挿入できます。 このスペースで使える画像の横幅は150px 位までかな。 大きいと切れちゃうので注意が要りますね。 うちの所属クラブ紹介♪ <img src="画像URL"> <B><font face=HGS創英角ﾎﾟｯﾌﾟ体 color=#ff9900 size=+1>CLUB AWA's</font></B><br /><span style=color:#ff9900>ESの姉妹クラブ<br /> こちらのクラブも<br />「楽しくパンヤ」がモットー♪<br /> <strong>CLUB AWA's</strong>もよろしく☆</span><br /> <br /> <span style=font-size:smaller><span style=color:#777>※どこぞのチューハイとは何の関係もありませんm(_ _)m</span></span> この部分は他と文字の色を変えたりするために幾つかタグを使用してます。 色を変えたのは、ES のイメージは青で、AWA'sはやっぱりオレンジ系かなって理由です♪ 文字をオレンジにするために <span style=color:#ff9900>文字</span> のタグを。 それとクラブ名は少し感じを変えるために下のようなタグを使ってます。 <B><font face=HGS創英角ﾎﾟｯﾌﾟ体 color=#ff9900 size=+1>CLUB AWA's</font></B> ここで『face=HGS創英角ﾎﾟｯﾌﾟ体』と書くとフォントの種類を指定することが出来るのですが、 PCに入ってないフォントは表示されないので使うフォントには注意がいります。 ※最後の一文は小さくしてみました( ･ﾉｪ･)ｺｯﾁｮｰﾘ ※フリースペースのフォントの色は『CSS編集』でもできます。 フリースペースで設定したデザインより、こちらで直接設定したデザインが優先されますので、 上のように一部分の色だけを変えることができます♪ セシのお部屋♪にジャンブするためのボタン <H2>セシのお部屋♪</H2>セシの衣装コーディネート集<br /> 「セシのお部屋」を作ったの♪<br /> 下のボタンで「セシのお部屋」<br /> にジャンプ♪ ρ(･ω･`*)ｺﾚﾈ <FORM><input type="button" value=" セシのお部屋へ♪ " onClick="parent.location = '記事のURL'" target="_blank" /></FORM> ここで使っているのが他のページへジャンブするためのボタンです。 これは次のように記述すればボタンが出来ます。 <FORM><input type="button" value=" セシのお部屋へ♪ " onClick="parent.location = '記事のURL'" target="_blank" /></FORM> 他サイトへのリンク うちの所属するクラブ<br />【Enjoy snow】です♪<br /> <a href="HPのURL" target="_blank"><img src="バナーURL" /></a> 他のサイトへのリンクのためにバナーを使ってます。 バナーの画像 <img src="バナーURL" /> をクリックすると、 他のサイト<a href="HPのURL" target="_blank">へジャンプします。 おまけ フラッシュ♪このフラッシュはおもしろフラッシュ-顔占いさんでいただきました♪ フラッシュはスクリプトを貼り付けるだけなので簡単にできました（にこ）  とりあえず、こんな所でしょうか（ん） またいろいろ変えてみようかなとも思ったりもしてます。 これの続きはその時にでも（わら） それでは、今回はこのくらいで（わら） |ω・)ﾉｼ See you♪ |彡 ｻｯ  【 CSS編集（スタイル編） 】 ・ オリジナルデザインのブログを作ろう♪ ・ 第１回 タイトル画像を変更する♪ ・ 第２回 背景の画像と背景色を変更する♪ ・ 第３回 アイコンを変更する♪ 〜 コンポーネント領域 ・ 第４回 アイコンを変更する♪ 〜 ページヘッダ部分 ・ 第５回 トラックバック、コメント領域も変えてみよう♪ ・ 第６回 一覧の画像と罫線のサイズと色♪ ・ 第７回 ブログの幅を広げてみよう♪ ・ 第８回 いろんな場所の線のデザインをいじってみよう♪ ・ 第９回 コメントの入力欄の高さを変える♪ ・ 第１０回 コメントを区切る罫線のデザイン♪ （要考察） 【 CSS編集（フォント編） 】 ・ ブログのフォントのデザインを変えてみる♪ ・ 第１回 トップページのフォント♪ 『タイトル〜プロフィール』 ・ 第２回 トップページのフォント♪ 『新着記事一覧』 ・ 第３回 リンクの付いているフォント♪ 【再編集】 ・ 第４回 コンポーネント領域ののフォント♪ ・ 第５回 記事ページのフォント♪ 『タイトル 〜 記事題名』 ・ 第６回 記事ページのフォント♪『 関連テーマ 』 【 ブログ編 】 ・ ウェブリブログでパンヤの絵文字〜フリースペースの活用♪ 現在地 |
| << 前記事（2008/02/20） | トップへ | 後記事（2008/02/21）>> |
| タイトル （本文） | ブログ名／日時 |
|---|
| 内 容 | ニックネーム／日時 |
|---|---|
ブログをｲﾛｲﾛいじってみようと思ってネットで調べてたけど |
黒潮酢 2008/02/20 17:58 |
maiさんひまったの見に来たのに先に直された〜（わーん） |
癌ばすた〜 2008/02/21 01:06 |
黒潮酢さん、いらっしゃいませ（ん） |
mairis 2008/02/21 01:10 |
がんちゃん、いらっしゃい（にこ） |
mairis 2008/02/21 01:14 |
| << 前記事（2008/02/20） | トップへ | 後記事（2008/02/21）>> |
ノ
