1021733

HOME | DIARY | PROFILE

【フォローする】【ログイン】

ＧＴ－ＯＮＥ　楽天タグ講座　パイプ奮闘記

Freepage List

レストアの仕方

< 新しい記事

新着記事一覧(全446件)

過去の記事 >

2004/09/12

今日は素材屋さん風に【プチ講座】を書いてみましょう！(￣m￣*)V

今朝目が覚めまして、布団の中でぼ～～～っとしておりました。
罫線画像で何かおもしろい物はないかな・・と・・・！
ふと思いついたのが・・・アニメGIFです。(￣^￣)b　早速作って見ました。
それがこれです。(￣‥￣)=3 ﾌﾝ　落ち着きのあるページには不向きですね！(〃_ _)

あと、罫線画像の高さを２２ｐｘから２６ｐｘにしたものも作って見ました。
テキストの高さを、もっと大きくする事が出来ます。

アニメGIFの罫線画像はこちら→　

罫線画像の背景を使った、大学ノート風の基本的なタグを書いてみましょう。
↓タグはこちら

<table bgcolor="blue" cellspacing="1" cellpadding="15" width="90%" height="" align="center"><tr><td bgcolor="#F4FBFB" vAlign="top"><TABLE cellSpacing=5 cellPadding=0 width="100%" align=center border=0><TBODY><TR><TD background=ここに罫線の画像のURL><FONT style="FONT-SIZE: 15px; LINE-HEIGHT: 22px;color:black;font-family: Comic Sans MS;">
ここに本文を書きます。
</FONT></TD></TR></TBODY></TABLE></td></tr></table>

ご注意
このまま、楽天のフリーページや日記の編集ページに貼り付けますと、エラーがでます。
必ず、一度メモ帖や、エディターソフトに貼り付けて画像のURLなどを編集の上、アップしましょう！
以前のタグ規制やバージョンアップに伴い、楽天では少しのタグミスでエラーがでます。
ですから、画像のURLがちゃんと載っていませんと、「えっ～～らっ～～～！」となります。(￣‥￣)=3 ﾌﾝ

罫線の【プチ講座】バックナンバーはこちら↓

基本説明(１)と大学ノート風シンプルな背景罫線はこちら 8/29

基本説明(２)とワンポイントの背景を入れた背景罫線はこちら 8/30

スクロールボックスに背景罫線はこちら 8/31

画像を載せる際の注意点（１）はこちら 9/1

画像を載せる際の注意点（２）はこちら 9/9

スクロールボックスにフィルタ（透過）をかけた背景罫線はこちら 9/6

罫線画像素材１　[破線　高さ22px　幅20px]

hasen1.gif

hasen2.gif

hasen3.gif

hasen4.gif

罫線画像素材２　[実線　高さ22px　幅20px]

solid1.gif

solid2.gif

solid3.gif

solid4.gif

罫線画像素材３　[ 破線　高さ26px　幅23px ]

hasen5.gif

hasen6.gif

hasen7.gif

hasen8.gif

高さ２６ｐｘの罫線を使う場合は　LINE-HEIGHT: 22px;　の数値２２ｐｘを２６ｐｘにしてください。

罫線画像素材４　[ 実線　高さ26px　幅23px ]

solid5.gif

solid6.gif

solid7.gif

solid8.gif

高さ２６ｐｘの罫線を使う場合は　LINE-HEIGHT: 22px;　の数値２２ｐｘを２６ｐｘにしてください。
お願い！
素材画像はDLしてアップし直してお使い下さい。
直リンクしますと、アクセス集中時にすべて、表示されない事があります。

お気に入りの記事を「いいね！」で応援しよう

Last updated 2004/09/13　09:19:17 AM
コメント(6) | コメントを書く

[【プチ講座】] カテゴリの最新記事

【皆さんも確認してみましょう！】(￣^￣)b 2005/03/13 コメント(7)
【ＨＴＭＬエディターでＴＡＢＬＥを作っ… 2004/10/24 コメント(5)
【フリーＨＴＭＬエディタソフトを使って… 2004/10/17 コメント(5)

■コメント

Re:【罫線画像の追加！】(09/12)

のんら（きょうこo(^o^)o）さん

すごい～～！アニメGIF(ё_ё)・・・
早速いただいていきますねm(_ _；m)ﾍﾟｺﾘ
罫線超便利ですね！日記書くときも便利です！
日記読んでる人も読みやすい！
悪いところ無しって感じです感謝！m(_ _；m)ﾍﾟｺﾘ (2004/09/12　03:23:47 PM)

返事を書く

Re:【罫線画像の追加！】(09/12)

ヨコチャン！！！さん

こんにちは～♪
いつもタグ講座を参考にさせていただいています。
今日のアニメGIFの罫線、早速お借りしますね。
ちょうどgtoneさんの罫線画像で日記を書いたところでしたが
アニメGIFの罫線画像に変更しました。
背景とセットみたいになりました。
いつも有難うございます。
(2004/09/12　04:24:59 PM)

返事を書く

Re:【罫線画像の追加！】(09/12)

muon917 さん

こんばんわ！！
おおおお！これ、かぁいいですねん(*^_^*)
背景を黒にして使うとキラキラしてきれいかな？
（私のように。。）(^。^?) エッちゃう？？（笑
明日の日記に使わせてくださいまし。

今、自分のページに入れない。。。(-"-;) ウッ (2004/09/12　10:06:04 PM)

返事を書く

Re:【罫線画像の追加！】(09/12)

plam伽羅さん

初めまして
参考にさせていただきますーっ♪
ありがとうございます (2004/09/17　08:18:48 PM)

返事を書く

有難うございました。

マーラ1369 さん

頑張って勉強します、出来たら又伺って報告にきます。 (2004/09/23　10:09:00 PM)

返事を書く

教えて下さい

beBe さん

コンテンツメニューなんかでよく見かける
├や└のポイント罫線がよく点線や色付きで表示されているＨＰをみかけます。私も、この点線・色つきの罫線を使いたいのですが、どこを探してもありません…
どうすれば、この罫線を利用できるのか、教えて下さい
m(__)mお願いします (2005/10/30　07:28:14 AM)

返事を書く