はWin未対応 #############　アドレス色々　#############　 ●さがみえんためくらぶ http://jmac.dma-j.net/obi/SEC/home.html ●ブログ・さがみえんためくらぶ出張所 http://blogs.yahoo.co.jp/sagamientamekurabu ●ゼクスワールド http://jmac.dma-j.net/obi/SEC/zxworld/index.html ●ゼクスタウン http://blogs.yahoo.co.jp/to_zx7 ●ボックスマンtop http://jmac.dma-j.net/obi/SEC/zxworld/box_index.html ●SMASH AREA http://sumash.web.fc2.com/ ●SMASH BLOG http://blogs.yahoo.co.jp/goriramanxxx ●SECindex http://jmac.dma-j.net/obi/SEC/SEC_index.html ●みんなのおたより http://6113.teacup.com/sec/bbs ●お絵かき掲示板 http://w5.oekakibbs.com/bbs/sec-bbs/oekakibbs.cgi ●新・自由帳 http://bbs3.oebit.jp/rio0345/ ●自由帳 http://w2.oekakies.com/p/riosan/p.cgi ●連絡フォーム http://6113.teacup.com/sec/mbox ●さがえんiモード http://jmac.dma-j.net/obi/SEC/imode/iindex.html ●小説総合index/各作品 http://jmac.dma-j.net/obi/SEC/novels.html http://jmac.dma-j.net/obi/SEC/book_novels/junk/junk1.html ●怪談夢語り http://jmac.dma-j.net/obi/SEC/book_novels/horror/horror1.html ●後出し日記 http://jmac.dma-j.net/obi/SEC/book_novels/B_mother/B_mother1.html （封印→B_mother2stop.html　B_mother3stop.html） ●新ブタ丸トントン http://jmac.dma-j.net/obi/SEC/book_novels/buta_j2/butam_top2.html ●ブタ丸トントンindex　 http://jmac.dma-j.net/obi/SEC/buta_top.html ●変キャラギャラリー展示室 http://jmac.dma-j.net/obi/SEC/book_hen_yon/hen_top.html ●面白フラッシュ/ミニゲーム http://jmac.dma-j.net/obi/SEC/flash_top.html http://jmac.dma-j.net/obi/SEC/flash_top.html#mini http://jmac.dma-j.net/obi/SEC/game/entry.html ●みんなのギャラリー http://jmac.dma-j.net/obi/SEC//gallery/gallery_index.html ●プレゼントハガキ http://jmac.dma-j.net/obi/SEC/present.html ●rioの変な植物 http://jmac.dma-j.net/obi/SEC/garden2.html ●学習支援 http://jmac.dma-j.net/obi/SEC/img_study/obenkyou.html ●イベントホール http://rio55.hp.infoseek.co.jp/ ――――――――――――――――――――――― ●バナー色々 http://jmac.dma-j.net/obi/SEC/img_sec/banner_B.gif http://jmac.dma-j.net/obi/SEC/img_sec/sec_bnr.gif http://jmac.dma-j.net/obi/SEC/img_sec/house.gif ――――――――――――――――――――――― 【画像貼り付け】 ●SEC画像ファイル

●ブログファイル---顔文字

●プレゼント

#############　よく使うタグ控え　#############　 style="font-weight: bolder; line-height: 19pt;" *********************** 【スペースを空けるタグ】 ●レイアウト用→margin（上・右・下・左）

●text中のスペースを空ける→ベースの色を指定

☆☆

→できない場合は空白

***************************　　　　　　　　　　【リンク】 target="_top" ―――――――――――― ◆リンク線を消す◆ （部分的に指定） ☆☆☆ （ページで消す） →に入力 style="text-decoration:none;" →との間に書き込む a:link {text-decoration:none;}　----リンク文字の下線を無くす a:visited {text-decoration:none;} a:active {text-decoration:none;} *************************** 【topへもどる】 ☆☆☆ topへもどる↑
------------ 【ハウス画像ホームへ戻るセット】

*************************** 【フォント】 ◆文字カラータグ◆ -----赤　-----小豆色　-----ピンク -----濃いピンク　-----かわいいピンク　-----ムラサキ　-----淡い紫　-----オレンジ　-----きみどり　-----lightグリーン　-----強調・青　-----さわやかブルー　-----黄色　-----緑 ―――――――――――― ◆フォントの種類の指定◆ 'Comic Sans MS' ------マンガ文字英語のみ font-family : Arial,'MS UI Gothic',sans-serif ;---スタイルシート *************************** 【画像】

―――――――――――― align="middle" （top middle bottom ・T回り込み位置 left right）（注！）align="center" ---ダメ！　　　　valign= ----imgではダメ！ ―――――――――――― hspace="左右" vspace="上下" ―――――――――――― border="0" -----（リンク枠を消す） ――――――――――――
----（textの回り込み解除→下へ） ―――――――――――― lowsrc=url -----（プレ画像の表示） *************************** 【テーブル】 ☆☆ -----見出しを表示したいときに使う ――――――――――――

―――――――――――― bordercolor="#" bgcolor="#ffffff" height="" align="center" valign="top" ―――――――――――― ◆セルの結合◆ ―――――――――――― ◆背景に画像◆ ―――――――――――― margin-top: 20px margin-right: 20px margin-bottom: 20px margin-left: 20px ～ ----tableヘッダ（文字が太字の中央表示.属性= ～ ----tableテーブルのカラム.列.グループ rules=""----内罫線の表示（all none groups rows・横 cols・縦） rules="none" 参考---http://www.tohoho-web.com/css/reference.htm#padding *************************** 【区切り線（罫線）】

　　注.width=　抜きだと全体を区切ります *************************** 【見出し用葉タグ】

*************************** 【その他色々】

（同、上下マージン有・スタイルＯＫ）～（改行マージンなし・スタイル指定できない）

（段落を指定,ブロック要素=前後に改行がはいる）

-------見出し <出品リスト> --- <　>のタグ（アンダーライン）

（記述通り等幅で表示） ～ （テキストを等幅フォントで表示） *************************** #############　よく使うスタイルシート　#############　【段落で指定】 ―――――――――――― 【div all】

――――――――――――

―――――――――――― 【点線タグ】

―――――――――――― 【ヘッダでまとめてスタイルの宣言】 -------- →（注！リンク色はbodyにも指定しないと反映しない） →※cellpadding="30"----XP未対応用にサポート設定すること（TABLE内に） -------- 【個別タグ】 ◆ margin: top☆px right☆px bottom☆px left☆px;--マージン（外側の余白） ◆ padding: top☆px right☆px bottom☆px left☆px;--パディング（内側の余白） ◆ border-width: top right bottom left;--枠線の太さ・形 thin（細線）medium（規定値：中太線）thick（太線）1px（幅指定） ◆ border-style: top right bottom left; none（線無し）dotted（点線）dashed（粗い点線）solid（実線）double（二重線） groove（谷線）ridge（山線）inset（内線）outset（外線）inherit（継承） ◆ color: #000000; ◆ border-color: ☆; ◆ border-top-color: ☆; ◆ border-right-color: ☆; ◆ border-bottom-color: ☆; ◆ border-left-color: ☆; ◆ font-size : 11pt; （90%;） ◆ font-family: 'MS UI Gothic, Osaka, sans-serif'; ◆ font-weight: bolder; ◆ line-height: 170%;（16pt） ------行間 ◆ letter-spacing : 1px; ------文字間 ◆ background-color : #ffffff; ◆ background-attachment:fixed; ◆ background-position: 0% 100%; ◆ background-image : url(img/24l.jpg); ◆ background-repeat : no-repeat; repeat（規定値：敷き詰める）repeat-x（横方向のみ並べる）repeat-y（縦方向のみ並べる）no-repeat（ひとつだけ表示する）inherit（継承） ◆ position: ☆;static（規定値：本来の位置） ◆ position: ☆;relative（本来の位置からの相対位置指定） ◆ position: ☆;absolute（絶対位置指定） ◆ position: ☆;fixed（絶対位置に固定スクロールなし） ◆ position: ☆;inherit（継承） #############　別窓をサイズ指定で　#############　 ◆～に記述 ◆～に記述 ☆☆ #############　閉じるボタン　#############　 ◆～に記述 ◆～に記述 #############　基本構成　#############　【基本構成】 ☆☆☆

中身中身

#############　DOCTYPE宣言他ヘッダ情報　#############　 -------フレーム用 -------通常用【基準スクリプト言語等(追加して記述)】 -------通常用 -------スタイルシート用 -------ジャバスクリプト用（index は検索を許可、noindex は検索を禁止、follow はリンク先をたぐることを許可、nofollow はリンク先参照を禁止します。） --例--- #############　リスト・見出しタグ（上下マージン有）#############　

-----リスト表示

リスト小見出し（定義）: 一段下げてリスト内容表示（定義の説明）

リスト

-----黒丸（●）りすと

リスト

リスト

リスト

AAA

BBB

CCC

above は上になるべきレイヤ below は下になるべきレイヤ z-index は重なり順序 ⇒z-index:#; 要素同士が重なって表示される場合の、重なりの順序を指定します。#に指定した数値が大きなものほど前面に表示されます。【例1】

【例2】

【例3】----ＯＫセット

　　----閉じる「

」は無くて平気のよう #############　記号を反映　#############　 "なかよし度"="なかよし度" #############　文字や画像が少しスライド #############　タグの間にコピーしてください #############　動かす！　#############　リンク部分の文字揺れ ↓のソースを＜HEAD＞～＜/HEAD＞の間に貼り付けて下さい。数字を大きくするほど動きも大きくなります。 top=上方向から下方向に動く left=左方向から右方向に動く leftからrightに変えれば逆方向に動くので試してみてね！ ↓下線部分を取りはずして動きだけ欲しい場合のソース #############　動かす！（マーキー）#############　　　　参考→http://www.tohoho-web.com/html/marquee.htm ■背景色と上下左右の余白を指定した場合余白の指定 ■往復させる動きを指定した場合左右に移動を繰り返す ■移動方向を「左から右」に指定した場合左から右に移動 ■移動方向を上から下に指定した場合上から下に移動 ■入れ子にした場合（上下左右） ● ■移動速度の比較標準スピードかなり速くかなり遅く【画像】 ●画像スクロール

●画像が行ったり来たり

●画像が上にあがる（UPの部分をDOWNにすると下にさがるよ）

#############　ツリーメニュー　#############　 →http://www.tohoho-web.com/how2/tec2.htm ツリー部品テスト

□HTML入門

├□フォント

│├□font

│├□b

│└□i

├□リスト

│├□li

│├□ol

│└□ul

├□数値

├□配列

└□日付

【作成例】

　任天堂系

　■■■■■■■■
　■■■■■■■

　その他

　■

　いただきもの

　■■■■■■■■
　■■■■■■■■
　■■■

#############　標準書き出し部分　#############　たいとる　　　

ホームへ戻る

　　　☆☆☆☆　オッケーセット♪　☆☆☆☆ 　　　　　　↓　↓　↓　↓ #############　著作権表示セット　#############

#############　ミュージック・セット　#############　 ----- loop="false"（1回だけ再生） ――――――――――――――――ボタン付きＯＫセット♪

――――――――――――――――ＯＫセット♪MacもＯＫ！

素材提供：魔王魂

--------- autostart="true"自動再生（falseで停止状態） --------- loop="true"再生回数が無限（falseで1回のみ） --------- HIDDEN="true"画面が表示（false非表示） --------- VOLUME="0～-10000"（0=最大） control=volumelevel：-7000 ――――――――――――――――イラスト付きセット

素材提供：魔王魂

#############　連絡はこちら・セット　#############　さがみえんためくらぶへのご連絡はこちらの連絡フォームか e-mail へお願いします
#############　オンマウスで画像入れ替え・セット　#############　【オンマウスで画像入れ替え】ソースサンプル（HTML)

ソースサンプル（XHTML)

解説・スクリプトやActiveXコントロールなどのアクティブコンテンツは役に立ちますが、コンピュータに問題を起こすものもあります。・セキュリティ保護のため、スクリプトやアクティブコンテンツは表示されないよう、制限される場合があります。（参照→http://www.aichan.biz/html/） #####################

●・・・最初に表示される画像名 ★・・・カーソルが触れた時に表示される画像名 ■・・・カーソルが離れた時に表示される画像名リンクを挿入する場合　#の部分にファイル名を記入してね。

#############　更新履歴窓ＯＫセット♪　#############　

●2006.11.4日更新
text　text　text　text　text　text　text　text　

●1998.3.17
ホームページ開設

　　□■□最新情報は↑topにあります□■□

#############　おみくじＯＫセット♪　############# ↓↓元のページ↓↓ ##################### リンク元のページ

じっけん

↓↓おみくじのページ↓↓ ##################### ページにアクセスするたびにランダムな画像を一枚表示する (ページ構築時)

ランダムな画像が一枚表示されます

#############　震える画像ＯＫセット♪　############# 画像にマウスが乗ったら震わせる

#############　左右２段組ＯＫセット♪　############# 二段組にする（マージンで調整）

二段組みにします。

　ここの文章はdivタグとスタイルシートを使って二段組になるように設定しています。こっちは左側。

　ここの文章はdivタグとスタイルシートを使って二段組になるように設定しています。こっちは右側。

#############　☆☆ＯＫセット♪　############# #############　☆☆ＯＫセット♪　############# ########################## 　　　　　　↑　↑　↑　↑ ☆☆☆☆　オッケーセット♪　☆☆☆☆ #############　下段リンク表（デフォルト/グリーン）#############　【注！　上部/下段セットで使わないと下段の↑topが効きません】 ☆オレンジ枠----bgcolor="#ffdfbf" 【topリンク■・ホームへ】

　■ ホームへ戻る

【topリンク葉・ホームへ】

ホームへ戻る

【下段リンク・グリーン・枠クリーム色】

ＨＯＭＥ

はじめに/部員紹介

掲示板

↑TOP

links

【下段リンク・シャーベットオレンジ・枠クリーム色】

ＨＯＭＥ

はじめに/部員紹介

掲示板

↑TOP

links

【変キャラ下段リンク】


	ご意見（いけん）ご感想（かんそう）はこちらから
	サガミえんため倶楽部は、小中学生も参加しているジュニア向け作品発表サイトです。発言や出品画像の内容には、ご配慮をお願い致します。

ＨＯМＥ

変キャラINDEX

部員紹介

掲示板

↑TOP

#############　その他のリンク・カウンターセット　#############　【画像入れ換えプロデュースリンク】

【総合カウント付き下段バナーリンク】

無料ホームページブログ(blog)

#############　ブログタグ　#############　【リンク】 [http://～ ☆☆☆] [http://jmac.dma-j.net/obi/SEC/home.html 本館] [http://6113.teacup.com/sec/bbs 掲示板] [http://jmac.dma-j.net/obi/SEC/present.html ハガキリスト] [http://jmac.dma-j.net/obi/SEC/book_hen_yon/hen_top.html 変キャラギャラリー] ご紹介は「[http://www5d.biglobe.ne.jp/~K-toku/index.html tokuのホームページ]」のtokuさんです。ご紹介は「[http://homepage1.nifty.com/JIN-BE/index.htm JIN's Art Gallery]」のJINさんです(^_^)v ------------------------ 【イラストを貼り付ける】 [[attached(2,center)]] [[img(http://jmac.dma-j.net/obi/SEC/present/40.000hit_a.gif)]] ------------------------ 【色文字】 ||<#ffffff'; style='font-size:20pt;color:#ff0000'; ``☆text☆|| ||<#FFFFFF'; style=';font-size:14pt;color:#FF2BCA'; ``できればコメントおねがいしま～～す☆|| *********** 【下地付き色文字】 ☆若葉 ||<#E4FF95'; style='font-size:14pt;color:#008020'; ``☆text☆|| ☆シャーベットオレンジ ||<#FFCA95'; style='font-size:14pt;color:#FF2B2B'; ``☆text☆|| *********** 【色見出し】 ■■■ピンク枠ピンク文字センター■■■ ||<#FFD5F4'; style='text-align:center;font-size:22pt;color:#FF00BF;width:560px'; ``☆text☆|| ■■■水色枠青文字センター■■■ ||<#AAFFFF'; style='text-align:center;font-size:14pt;color:#4600FF;width:560px'; ``☆text☆|| ■■■白枠青文字センター■■■ ||<#ffffff'; style='text-align:center;font-size:20pt;color:#ff0000;width:560px'; ``☆text☆|| ■■■色枠白文字センター■■■ ||<#55D9FF'; style='text-align:center;font-size:20pt;color:#FFFFFF;width:560px'; ``☆text☆|| ■■■黄緑色枠緑文字センター■■■ ||<#E4FF95'; style='text-align:center;font-size:20pt;color:#008020;width:560px'; ``☆text☆|| *********** ||<#ffffff'; style='font-size:20pt;color:#ff0000'; ``☆text☆|| 青 color="#3333FF"　　青2 color="#0066FF" 濃い空 color="#2B60FF"　真紅 color="#FF0039" ピンク color="#FF00CC"　ぴんく2 color="#FF3399" 紫 color="#9900FF"　紫2 color="#CC66FF" 黄緑 color="#00FF40"　グレー color="#555555" ------------------------ 【よく使うタグ・俊のblog用】僕の作品は[http://jmac.dma-j.net/obi/SEC/home.html 本館] の[http://jmac.dma-j.net/obi/SEC/book_hen_yon/hen_top.html 変キャラギャラリー]にも展示されているので、ぜひ観てみて下さいね！【ゲーム大会入賞おめでとう！】 === 　　　　　　　ゲーム大会入賞おめでとう！ === [[img(http://jmac.dma-j.net/obi/SEC/present/game_img/rei_unko.gif)]] ☆☆さんゲームに参加してくれてありがとうございます♪ 堂々の１位でーーす！♪(*^∇ﾟ)o∠★:ﾟ*PAN! 表彰状は[http://jmac.dma-j.net/obi/SEC/present3.html こちら]にupしてありますので、ご自由にお持ち帰り下さい♪ また遊んで下さいねー！　　　　　.:*・゜rio .:*・【季節のＧＩＦアニメ】 === 　　　　　　　　　　今月のウ○コ太郎 === [[img(http://jmac.dma-j.net/obi/SEC/img_sec/kisetu.gif)]] こちらでは梅が咲きました♪ ------------------------ 【引用表示】引用・参考資料『NARUTO』�岸本斉史.スコット.集英社.テレビ東京.ぴえろ ------------------------ 参考メモ【ターミナルの呼び出し】ハードディスク→アプリケーション→ユーティリテイ→ターミナル【cgi実験】ハードディスク→ライブラリー→webserver→CGI-Executables →http://127.0.0.1/cgi-bin/☆☆☆.cgi 【サーバアナライザー呼び出し】 →http://127.0.0.1/cgi-bin/servana.cgi

ランダムな画像が一枚表示されます

二段組みにします。

ここの文章はdivタグとスタイルシートを使って二段組になるように設定しています。こっちは左側。 ここの文章はdivタグとスタイルシートを使って二段組になるように設定しています。こっちは右側。

　ここの文章はdivタグとスタイルシートを使って二段組になるように設定しています。こっちは左側。

　ここの文章はdivタグとスタイルシートを使って二段組になるように設定しています。こっちは右側。