TOP | PHOTO | GIF | MANUAL | LINKS | BBS | BLOG |  MAIL 
CONCEPT
 STANDARD

 ここの素材や、他の素材屋さんに自分のホームページやブログで使いたい素材が有るんだけど、はっきりいって、タグも分からんし、スタイルシートなんか、それこそわからんわ!
 そんな方は必見です。数字を入れ替えるだけで、自分のホームページに合わせたサイズの区切り線を入れられるタグを用意しました。

CHAIR
 TAG
一、文字の背景に素材を入れてみる。

SAMPLE

HTMLタグ

<body>


<SPAN style="background-image : url(画像のURL);">
任意の文章

</SPAN>


</body>


二、テーブルタグで線を引いてみる。


HTMLタグ

<body>


<TABLE border="0">
<TR>
<TD width="250px(横幅)" height="4px(線の太さ)" background="画像URL">
ここに文章を入れる事も可能
</TD>
</TR>
</TABLE>


</body>


三、スタイルシートを使ってみる。

SAMPLE
SAMPLE
SAMPLE

HTMLタグ

<head>
:
:

<STYLE type="text/css">
<!--
.line{
width : 250px(横幅の大きさ);
height : 80px(縦幅の大きさ);
padding : 10px 0px 0px 40px(文字の上右下左の位置);
background-image : url(画像URL);
}
-->
</STYLE>


</head>
<body>
:
:

<div class="line">
任意の文字列
</div>


</body>


四、スタイルシートを使って「H4」(見出し4)にアンダーラインを設定してみる。

GIF素材の応用

HTMLタグ

<head>
:
:

<STYLE type="text/css">
<!--
background-image : url(画像URL);
background-position : 100% 100%;
background-repeat : repeat-x;
}
-->
</STYLE>


</head>
<body>
:
:

<h4>
任意の文字列
</h4>


</body>

*スタイルシートに関しては、もともと出来上がっているテンプレート等の改造の参考に。こちらのホームページでのスタイルシートについての解説は行なっていません。専門のホームページを探してみて下さいね。

MANUAL
 HOME・PAGE&BLOG
 ホームページやブログで当HPの素材を利用する際の利用規約
  1. 当ホームページへのリンクをしてください。URLはhttp://esseyst.web.fc2.com/index.htmlです
  2. 無料でご利用頂けます。
  3. 素材画像はダウンロードしてからご利用ください。
  4. 再配布は出来ません。
  5. 尚、元画像が分からないような改変後である場合、当HPのリンクは不要です。
  6. 使用報告は不要です。尚、報告を下さった方のHPは、当HPでご紹介させて頂く場合があります。
 OTHER
 個人使用と商業用使用についての利用規約
  • 個人使用は無料です。使用制限はありません。
  • 商用使用については、メールフォームよりご相談ください。著作権は放棄しておりません。
TOP PAGE

GIF素材メニュー

©2008 SAKI / Copyright 2008 SAKI All Right Reserved.
inserted by FC2 system