コメントエリアの表示をテーブル構造からスタイルシートに変えてみた|無料ソフト・無料サービスで安いパソコンを120%楽しむ方法
最新記事更新記録はこちら↓

お名前コムで独自ドメインが安い (06/17)

Firefoxのアドオンを停止する・Firefoxフリーズ対策 (06/14)

いずれレンタルサーバーへお引越しするかも知れない (06/10)

また、IEに問題発? (05/23)

iPhoneをスキャナとして利用できるライトスタンドがあるんだって (05/21)

リロードとスーパーリロードってどう違う? (05/17)

Google検索の上位サイトが専門家が書いた難しいページだらけになる日がくるかも (05/15)

歩行中のスマートフォンの利用を法律や条令で規制すべきか? (05/11)

ワードパットはどこにある? (05/08)

会社のWordが使いにくいと感じたらワードパットを使ってみよう (05/06)

IEって何?InternetExplorer?ブラウザって何? (05/02)

IE使っては駄目!国土安全保障省のコンピュータ緊急対応チームから (04/30)

黒いパソコンは重い? (04/27)

携帯電話の絵文字が共通化されるらしい (04/26)

シーサーブログの投稿記事の下に広告を自動表示させる (04/20)

Windows7、8、8.1のサポート期限 (04/13)

GoogleのAndroidOS用オフィスアプリQuickofficeでできること (04/12)

WindowsXPのサポートが終わってしまいましたがな (04/10)

Windows7のスタートメニューによく使うソフトやフォルダのショートカットを登録してみよう (04/08)

Windows7になったらタスクマネージャーはどうやって出す? (04/02)

WindowsXPにWindows Live メールをインストールしておくとWindows7・8への移行が楽らしい (03/27)

Windows7のスタートメニューにショートカットアイコンをおいて、ソフトの起動を簡単に (03/23)

WindowsPCのシャットダウン (03/21)

複数のテキストを比較する無料ソフト (03/14)

入力しにくい文字をローマ字入力する (03/13)

災害時インターネットは強い (03/11)

ノートパソコンのタッチパットをOFFにする方法 (03/09)

wordの自動箇条書きをOFFにしよう (03/07)

Windows7以降のWindowsOSに標準で付属している電卓が便利だ (03/04)

「半角/全角」キーを押すとひらがなの「ろ」が入力される (03/01)

総記事数:
Top Page >スポンサー広告 > コメントエリアの表示をテーブル構造からスタイルシートに変えてみたブログカスタマイズ > FC2ブログカスタマイズ全般 > コメントエリアの表示をテーブル構造からスタイルシートに変えてみた

スポンサーサイト

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:スポンサー広告 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

 --.--.-- / コメント:: - / トラックバック:: - / PageTop↑


コメントエリアの表示をテーブル構造からスタイルシートに変えてみた

サイトの文字の大きさを変える場合はクリック⇒ 文字を大きくする 文字を小さくする

カテゴリ:ブログカスタマイズFC2ブログカスタマイズ全般 
テーマ:ホームページ・ブログ制作 / ジャンル:コンピュータ

 テンプレートで、テーブル構造にしてあった部分をスタイルシートに直してみた。

 とはいえ、スタイルシートの外部化はちょっと面倒なので、HTML内にダイレクトに記載したんだけど。

 で、自分で取り付けた機能以外にもコメント送信エリアの表示がもともとテーブル構造になっていた。

 あまり期待してなかったのだが、コメントエリアの構造をテーブルからスタイルシートに変えたら、サイトの表示が速くなったような気がするのでご紹介しておく。


元のテンプレートのコメント送信エリアのHTML

<table border="0" celpadding="0" cellspacing="0">
<tr><td><label for="name"><%template_name></label></td></tr><tr><td> <input id="name" type="text" name="comment[name]" size="50" value="<%cookie_name>"></td></tr><tr>
<td><ledel fot="title">Title</lebel></td></tr><tr><td> <input id="subject" name="comment[title]" type="text" size="50" value="No title" onblur="if(this.value == '') this.value='No title';" onfocus="if(this.value == 'No title') this.value='';"><td></tr><tr>
<td><label for="mail"><%template_address></label></td></tr><tr><td> <input id="mail" type="text" name="comment[mail]" size="50" value="<%cookie_mail>"></td>
</tr><tr><td><label for="url">Web</label></td></tr><tr><td> <input id="url" type="text" name="comment[url]" size="50" value="<%cookie_url>"></td></tr><tr><td><label for="comment">Commnet</label></td></tr><tr><td> <script type="text/javascript" src="<%template_comment_js>"></script><br> <textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea></td></tr><tr>
<td><label for="pass">Password</label></td></tr><tr><td> <input id="pass" type="password" name="comment[pass]" size="20"></td></tr></table>
Secret <input id="himitu" type="checkbox" name="comment[himitu]"><p><br />
<input type="submit" value="Send"></p>
</form></div></div><div class="entry_add"><a href="#pagetop">Pagetop↑</a></div>
<!--/comment_area-->
<!--edit_area--><div class="entry_block"><div class="entry_title"><a name="comment_post"><%template_comment>:編集</a></div><div class="entry_main"><form method="post" action="./" name="comment_form"><input type="hidden" name="mode" value="edit"><input type="hidden" name="mode2" value="edited"><input type="hidden" name="edit[rno]" value="<%eno>"><table border="0" celpadding="0" cellspacing="0"><tr><td><label for="name"><%template_name></label></td></tr><tr><td> <input id="name" type="text" name="edit[name]" size="50" value="<%edit_name>"></td></tr><tr><td><label for="title">Title</label></td></tr><tr><td> <input id="title" type="text" name="edit[title]"size="50" value="<%edit_title>"></td></tr><tr><td><label for="mail"><%template_address></label></td></tr><tr><td> <input id="mail" type="text" name="edit[mail]" size="50" value="<%edit_mail>"></td></tr><tr><td><label for="url">Web</label></td></tr><tr><td> <input id="url" type="text" name="edit[url]" size="50" value="<%edit_url>"></td></tr><tr><td><label for="comment"><%template_body></label></td></tr><tr><td><script type="text/javascript" src="<%template_comment_js>"></script><br> <textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea></td></tr><tr><td><label for="pass">Password</label></td></tr><tr><td> <input id="pass" type="password" name="edit[pass]" size="20"></td></tr></table><label for="himitu"><%template_private></label> <input id="himitu" type="checkbox" name="edit[himitu]"><p><br /><input type="submit" value="Send"> <input type="submit" name="edit[delete]" value="Delete"></p></form></div></div>


スタイルシートでコメントエリアを表示するHTML

<div style="Z-INDEX: 0">
 <input id="name" type="text" name="comment[name]" size="50" value="<%cookie_name>">
</div>
<div style="Z-INDEX: 0">
<ledel fot="title">Title</lebel>
</div>
<div style="Z-INDEX: 0">
 <input id="subject" name="comment[title]" type="text" size="50" value="No title" onblur="if(this.value == '') this.value='No title';" onfocus="if(this.value == 'No title') this.value='';">
</div>
<div style="Z-INDEX: 0">
<label for="mail"><%template_address></label>
</div>
<div style="Z-INDEX: 0">
 <input id="mail" type="text" name="comment[mail]" size="50" value="<%cookie_mail>">
</div>
<div style="Z-INDEX: 0">
<label for="url">Web</label>
</div>
<div style="Z-INDEX: 0">
<input id="url" type="text" name="comment[url]" size="50" value="<%cookie_url>">
</div>
<div style="Z-INDEX: 0">
<label for="comment">Commnet</label>
</div>
<div style="Z-INDEX: 0">
 <script type="text/javascript" src="<%template_comment_js>"></script><br> <textarea id="comment" cols="40" rows="8" name="comment[body]"></textarea>
</div>
<div style="Z-INDEX: 0">
<label for="pass">Password</label>
</div>
<div style="Z-INDEX: 0">
<input id="pass" type="password" name="comment[pass]" size="20">
</div>
Secret <input id="himitu" type="checkbox" name="comment[himitu]"><p><br />
<input type="submit" value="Send"></p>
</form></div></div><div class="entry_add"><a href="#pagetop">Pagetop↑</a></div>
<!--/comment_area-->
<!--edit_area--><div class="entry_block"><div class="entry_title"><a name="comment_post"><%template_comment>:編集</a></div><div class="entry_main"><form method="post" action="./" name="comment_form"><input type="hidden" name="mode" value="edit"><input type="hidden" name="mode2" value="edited"><input type="hidden" name="edit[rno]" value="<%eno>">
<div style="Z-INDEX: 0">
<label for="name"><%template_name></label>
</div>
<div style="Z-INDEX: 0">
 <input id="name" type="text" name="edit[name]" size="50" value="<%edit_name>">
</div>
<div style="Z-INDEX: 0">
<label for="title">Title</label>
</div>
<div style="Z-INDEX: 0">
 <input id="title" type="text" name="edit[title]"size="50" value="<%edit_title>">
</div>
<div style="Z-INDEX: 0">
<label for="mail"><%template_address></label>
</div>
<div style="Z-INDEX: 0">
<input id="mail" type="text" name="edit[mail]" size="50" value="<%edit_mail>">
</div>
<div style="Z-INDEX: 0">
<label for="url">Web</label>
</div>
<div style="Z-INDEX: 0">
 <input id="url" type="text" name="edit[url]" size="50" value="<%edit_url>">
</div>
<div style="Z-INDEX: 0">
<label for="comment"><%template_body></label>
</div>
<div style="Z-INDEX: 0">
<script type="text/javascript" src="<%template_comment_js>"></script><br> <textarea id="comment" cols="40" rows="8" name="edit[body]"><%edit_body></textarea>
</div>
<div style="Z-INDEX: 0">
<label for="pass">Password</label>
</div>
<div style="Z-INDEX: 0">
 <input id="pass" type="password" name="edit[pass]" size="20">
</div>

 

長くなってすみません。

 要するに、<tr><td>と<table border="0"celpadding="0"cellspacing="0"><tr><td>の部分を<div style="Z-INDEX: 0">に変えて、</td></tr>を</div>に変えただけ。

 


気に入ったら、押してね⇒FC2 Blog Ranking

ホームに戻る.ダイヤル0

関連記事

サイト内の記事へのタグリンク↓
スタイルシート テーブル FC2 ブログ FC2ブログ テンプレート コメントエリア 

FC2ブログ内同タグ へのリンク↓
スタイルシート テーブル FC2 ブログ FC2ブログ テンプレート コメントエリア

 2012.06.25 / コメント:: 0 / トラックバック:: 0 / PageTop↑


コメント:
Title

Secret


Pagetop↑
トラックバック:
Pagetop↑
無料ウイルスソフト
管理人も使用中
キングソフトインターネットセキュリティU

最新記事
ようこそ


サイト内外の検索ができます。キーワードを入力してください。
サイト内検索↓

カスタム検索

サイト外検索↓

設置日時 2008・02・17

マカフィー・ストア

全記事表示リンク
カテゴリ
タグリスト 改

ドメイン独自ドメインブログFirefoxブラウザフリーズアドオンIEIE8PhoneスマートフォンスキャナリロードスーパーリロードGoogleSEO検索検索結果上位サイトワードパットWindowsフリーソフトWord無料ソフトワープロInternetExplorer脆弱性セキュリティパソコン携帯電話絵文字シーサーブログカスタマイズテンプレートWindows8.1Windows8メインストリームサポート延長サポートWindows7サポートAndroidOfficeQuickofficeWindowsXP起動アイコンフォルダショートカットスタートメニューCtrl+Alt+DelタスクマネージャーWindowsLiveメールデータ移行メール連絡先OutlookExpressシャットダウンテキスト比較ローマ字入力入力キーボード東日本大震災インターネット災害タッチパットポインティングデバイスノートパソコンword箇条書き電卓OS入力できない半角排紙トレーが開いています印刷プリンターエラーYahoo!ヘッドクリーニングプリンターヘッド目詰まりExifGPSクリーニングインク染料顔料パスワードOpenOffice.orgLibreOfficeApacheOpenOffice百度ShimejiアプリBaidu日本語入力hao123IMEクラウドスケジュールPCalphaEDIT32ビット64ビットアップグレード電源の管理日本ヒューレット・パッカード3万円台赤ロム白ロムUSBメモリーフォーマットtranscendUSBメモリー再生書き込み禁止になっていますリカバリーツールGooアップデート更新プログラムオリンピックコメントニュースLinuxブートパーティションInter7フリーメールメールアドレス2ちゃんねる流出個人情報ID2チャンネルインストールWubiUbuntu日本語版USBハブ転送速度セルフパワーバスパワープライバシーGmail侵害マウスホイールマウスIDManager管理作成ハードディスク買い替え文字化け改行コード文字コードサイズ起動できないブートローダーLANポートデバイスマネージャーデュアルブートメモリメニューバーSilverlightFlashPlayerAdobeOSLinuxUbunt12.04.2インターネット接続言語の設定日本語化UnetBootinメモリー光学式右クリックXPKeePassGoogle+アドセンススコアボードインポートIDmanegerトラブルMicrosoftKB2839229Linuxで更新復元セーフモードシステムvCalendarvcsスマホジョルテThunderbirdOutlookサンダーバードPIMエクスポートFC2手書き入力Yahoo!IDツール確認GooglePlay詐欺カレンダーアウトルック同期オフラインジョルデCSVガラゲーSIMカードフィーチャーフォン7スポットスポットタッチペン金属繊維ペンスタイラスデーター赤外線通信共有GoogleアカウントMoborobo2.0iOS無線LANYahoo!スマホマネージャーアンドロイドOS日時表計算ソフト自動更新関数表示アンドロイドカメラシャッター音DoNotTrackIE10デスクトップExplorerIntrenet8ウインドウズ732ビット64偽サイト偽装サイトスタイラスペンMZK-RP150NポータブルWi-Fiポケットルータ無料無線LANスポット無線LANスポットドコモルーター有線LANタブレットアダプタ有線BlueStacksパスワード管理ソフト注意点サイトショットノートヌーボードショットノートヌーボードコード閲覧SafariInternetLunascapeChromeキャッシュクッキー一時ファイル削除履歴証明書取り消し情報ルート証明インターネットオプションアップロード情報違法開示ゴミ箱設定容量ファイルクラッシャーKingsoftAntiSpywareLunascape6キャッシュバックFC2コンテンツキャンペーンマーケット反映OpenOffice.orgCalcシートExcel列幅セル表計算移動入力欄テンキー数字ツイッターTwitterYahoo!カレンダーメールソフトネクサス7無料メールgooショートカットキープリンタ詰替プルンターノズルチェックカートリッジジャンル私製はがき年賀状フォント手書き手書き風フォント素材日本郵政はがきデザインキットOpenOfficeCalcオフィスソフトOpenOfficeカテゴリNexus7iPadminiスペックHiMakeDocWeb自動巡回用ファイルコンバートソフトカテゴリーリストタイトルテーマGoogleアドセンスストレージYahoo!ファイル関連記事シーサー株式会社JavaScriptウインドウズXPサポート終了カウントダウンJavascriptゲームCalcWi-Fi接続フリースポットFC2ブログ登録Writer宛名ワープロソフト制作レンタルトラックバック迷惑URL

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。