きまぐれAWA's Life

アクセスカウンタ

zoom RSS ウェブリブログでパンヤの絵文字〜フリースペースの活用♪

<<   作成日時 : 2008/02/20 08:13   >>

ブログ気持玉 0 / トラックバック 0 / コメント 4

これは『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♪

|彡 サッ




■ ブログをいじっちゃおぅ♪ 〜 ブログのレシピ 〜 ■


テーマ

関連テーマ 一覧


月別リンク

ブログ気持玉

クリックして気持ちを伝えよう!
ログインしてクリックすれば、自分のブログへのリンクが付きます。
→ログインへ

トラックバック(0件)

タイトル (本文) ブログ名/日時

トラックバック用URL help


自分のブログにトラックバック記事作成(会員用) help

タイトル
本 文

コメント(4件)

内 容 ニックネーム/日時
ブログをイロイロいじってみようと思ってネットで調べてたけど

こんなところにいい情報が集まってるではないか(ひょえ)

色々参考にさせてもらいます(ういんく)

(やるお)ヤルゾー
黒潮酢
2008/02/20 17:58
maiさんひまったの見に来たのに先に直された〜(わーん)
(´・ω・`)ガッカリ・・・
今日は以上(o`・ω・)ゞデシ!!
何しに来てんだオイラ(あせ)
(* ^ー゚)ノマタネー
癌ばすた〜
2008/02/21 01:06
黒潮酢さん、いらっしゃいませ(ん)

わざわざ恒例部屋にまで来ていたただいてありがとうございました。
『ドルフ誰1』って書いてありましたねぇ(〃ノノ)
ご指摘ほんとありがとうございました(ぺこ)
全然気がつかなかったです(あせ)

ブログのカスタマイズの記事は、ほんと初歩的なことしか書けてませんが、何かのお役に立てたら嬉しいです♪
mairis
2008/02/21 01:10
がんちゃん、いらっしゃい(にこ)

もう直しちゃったもんね(*^m^*)
もう、ほんと恥ずかしいや(はず)

トモロク、ありがとね(わら)
これからもよろしく♪
mairis
2008/02/21 01:14

コメントする help

ニックネーム
URL(任意)
本 文
  現在の閲覧者数:

* ぱにゃステ *

『ぱにゃステ』 customized by mairis
 
 
ふぉろーみー

ウェブリブログでパンヤの絵文字〜フリースペースの活用♪ きまぐれAWA's Life/BIGLOBEウェブリブログ
文字サイズ:       閉じる