[PR]
ペット
ここではFTTで使用しているタグをリクエストに応じて公開します
HP作りなどでこのタグを参考にしてください
【ランダムTOP画像(時間で変わる）】
FTTのTOPには時間で変わるランダム表示でTOP絵を公開しています 5秒間で一枚ずつ表示されます
大きさが同じでないときれいに出ませんので、元画像は違うサイズでもこのタグで統一できるように作りました
FTTでは縦横同率４００ピクセルでタグを作って表示しています
大きさや時間などはご自分のHPに合わせてタグを組みなおしてください
<HTML>
<HEAD>
<TITLE>ランダムトップ</TITLE>
</HEAD>
<Div Align="left">
<BODY leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<SCRIPT language="JavaScript">
<!--
var time=2;
var rtime=5000;
var image= new Array();
image[0]='ランダムに出したい画像URL';
image[1]='ランダムに出したい画像URL';
image[2]='ランダムに出したい画像URL';
image[3]='ランダムに出したい画像URL';
image[4]='ランダムに出したい画像URL';
image[5]='ランダムに出したい画像URL';
function randimage(){
imgframe.filters.blendTrans.Apply();
imgframe.filters.blendTrans.duration=time;
x=Math.floor(Math.random() * image.length);
imgframe.src=image[x];
imgframe.filters.blendTrans.Play();
t=setTimeout('randimage()',rtime);
} //--> </SCRIPT> <BODY bgcolor="#ffffff" onLoad="randimage()">
<IMG src='最初に表示したい画像のURL' id="imgframe"
style="filter:blendTrans" Width="400" Height="400"> </DIV>
</body>
</HTML>
【ランダムTOP画像(更新で変わる）】
以前に表示していた方式です
これは更新クリックでTOP画像が変わるタグです
ハム島などでは無駄にカウントが上がるので今の方式に変更しました
<HTML>
<head>
<script language="JavaScript">
<!--
var img = new Array;
img[0] = "ココに画像のURLを入れる";
img[1] = "ココに画像のURLを入れる";
img[2] = "ココに画像のURLを入れる";
img[3] = "ココに画像のURLを入れる";
img[4] = "ココに画像のURLを入れる";
img[5] = "ココに画像のURLを入れる";
function random_img(){
var i = myrandom(img.length) - 1;
document.write("<a href=\""+img[i]+"\"
target=\"_blank\"<IMG width=400 height=400 border=0 SRC=\""+img[i]+"\"></a>");
} function myrandom(max){
var v = max * Math.random();
if(v == 0.0){v = 1;}else{v = Math.ceil(v);}
return v; }
// -->
</script>
<style type="text/css">
<!--
body { margin: 0
-->
</style></head>
<body>
<script language="JavaScript">
<!--
random_img();
// -->
</script>
</body></HTML>
【ハム島で背景に好きな画像を入れる】
ハム島でHPを作るととても簡単で作りやすいですが
背景の壁紙が限られてるのがちょっと不満という方もいらっしゃいますよね＾＾；
ここも基本はハム島で、(コンテンツが複雑なところは別で作っていますが）なんで背景に自作のがあるの?と不思議に感じたかもしれません。
工夫次第でハム島でも好きな背景をつけられるんですよ＾＾
これは独自に考え出した方法ですけど、リクがあったので公開します
TOPページの編集では
■本文(PC専用領域)というところの編集でテキストエリアがでますよね
そこの中に次のタグを最初に入れてください
<Table border="0" cellpadding="0" width="100%" background="http://bbs6.fc2.com/bbs/img/_110800/110731/full/110731_1153061090.png">"<Tr><Td><center>
つまり余白のない透明なテーブルをつくってそのテーブル内に背景をいれるという意味です
通常ページや掲示板はこのタグを
■TOP表示ﾀｲﾄﾙ、のなかにいれます
表示タイトルはタグの後ろに書きます
ここでもちょっと工夫して
下に別ページのリンクを入れます
<Table border="0" cellpadding="0" width="100%"
background="背景の画像URL"><Tr><Td><center>小説感想・連絡掲示板<br>[<A Href="リンクするページのURL">リンクするページの名前</A>]
ここでもうひとつ工夫するのが、なぜか余白なしでも周りにちょっと余白が出ちゃうので、ページの基本設定の背景色をアンマリ目立たない色にすることです
【アイコンショップのタグ】
ここはアイコンショップのタグを公開します
ポケドールのアイコンショップと同じです
テーブルタグを使っています
これは6列3段の例ですが、お使いのHPにあわせて調節してください
<table border="1" cellspacing="3"
bordercolor="#B2B2B2">
<tr>
<td colspan="13"><font color="#FF00FF"
size="4"><strong><center>ここにタイトルを書く</strong></font><Font Size="1" Color="#FF00FF">ここに大きさを書くと親切ですね
</font>
</td>
</tr>
<tr>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font<td></tr>
<tr>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font<td></tr>
<tr>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前</font></td>
<td><IMG SRC="画像のURL"><br><font Size="1" color="#FF00FF"><p align="center">画像の名前></font>
<tr>
</table>
<br>
<A Href="TOPページなどリンクするページのURL</A>
<br><br>
【背景色を変えるタグ】
背景色選択で背景の色を変えてご自分の掲示板で使った場合の雰囲気を参考に見てもらうタグです
<input type="button" value=" しろ " style="background-color:ffffff" onClick="document.bgColor='ffffff'">
<input type="button" value=" くろ " style="background-color:000000;color:ffffff;"
onClick="document.bgColor='000000'"> <input type="button" value="ももいろ" style="background-color:ffdcdc" onClick="document.bgColor='ffdcdc'">
<input type="button" value="薄みどり" style="background-color:dcffdc" onClick="document.bgColor='dcffdc'">
<input type="button" value="うすみず" style="background-color:dcdcff" onClick="document.bgColor='dcdcff'">
<input type="button" value=" ピンク " style="background-color:ffa9a9" onClick="document.bgColor='ffa9a9'">
<input type="button" value=" みどり " style="background-color:a9ffa9" onClick="document.bgColor='a9ffa9'">
<input type="button" value="みずいろ" style="background-color:a9a9ff" onClick="document.bgColor='a9a9ff'">
<br>
<input type="button" value="濃ピンク" style="background-color:ff1493" onClick="document.bgColor='ff1493'">
<input type="button" value="きみどり" style="background-color:7fff00" onClick="document.bgColor='7fff00'">
<input type="button" value=" 濃みず " style="background-color:40e0d0" onClick="document.bgColor='40e0d0'">
<input type="button" value="はいいろ" style="background-color:778899" onClick="document.bgColor='778899'">
<input type="button" value="薄きいろ" style="background-color:f0e68c" onClick="document.bgColor='f0e68c'">
<input type="button" value="うすちゃ" style="background-color:deb887" onClick="document.bgColor='deb887'">
<input type="button" value="薄ﾑﾗｻｷ" style="background-color:ee82ee" onClick="document.bgColor='ee82ee'">
<input type="button" value=" あか " style="background-color:ff0000" onClick="document.bgColor='ff0000'">
もしFTTのタグで公開してほしいのがあったら、
FTT素材・HP作成支援掲示板
にリクエストしてください
リクエストに応じてタグ集を増やしていきたいと思います
SEO
掲示板
[PR]
爆速!無料ブログ
無料ホームページ開設
無料ライブ放送
