ジョイフォーム

ジョイフォーム、ご利用規約同意機能のサンプルフォーム

ジョイフォーム
https://ssl-501.net/sample/form.php?fno=1

code,css

スタイルシート［CSS］-フォーム-フォーム部品の背景色を指定する - TAG index Webサイト

TAG index Webサイト
http://www.tagindex.com/stylesheet/form/background_color.html






TAG index Webサイト
http://www.tagindex.com/stylesheet/form/background_color.html

忍者メールフォーム

『忍者メールフォーム』は、メールフォームのデザインをテンプレートから選んで気軽に使うことができます。
テンプレートには自由にカスタマイズができるプレーンタイプとそのままですぐ使えるデザインタイプがあります。

忍者メールフォーム
http://www.ninja.co.jp/mailform/sample

オレンジフォーム

【無料】すごいメールフォーム『オレンジフォーム』 – あなたの目的に合わせた オリジナルフォームが無料で作れます！

オレンジフォーム
http://form.orange-cloud7.net/

code,css

css3で作るスマートフォンサイト用、業種別ボタンデザイン配布！
最適化ノウハウコラム記事　
～スマートフォン最適化・スマートフォン対応サイト制作はTOUCH&SLIDEへ～

TOUCH&SLIDE
http://touch-slide.jp/column/691/




2-3 スマートフォンで押しやすいボタン型リンクを作るCSS [ホームページ作成] All About

All About
http://allabout.co.jp/gm/gc/382463/2/





Ｈ１タグのフォントサイズとマージン変更
Ｈ１タグ（

）は、ＳＥＯ対策上重要とされるタグの１つであり、

強調したいキーワードをこのタグ内に含めると効果があるとされている。
ただし、デフォルトではフォントサイズがブラウザの設定（ＩＥで言えば「文字のサイズ」）により、動的に変わる。
また、デフォルトでマージンも指定されており、Ｈ１タグの次の行に書いた文章との間に間隔が空く。
レイアウトや見た目上、デフォルトのままでＨ１タグを使用するのは使い勝手が悪いことから、スタイルシートでフォントサイズとマージンを指定して、デフォルトの設定を変更する手法がよく用いられる。
Ｈ１タグ スタイルシートの例
h1 [
 font-size:16pt;
 margin:0px;
 }

Ｈ１タグのフォントサイズとマージン変更
http://seohtml.noblog.net/blog/d/10053134.html




ui-btn
class属性「ui-btn」を追加することで要素をボタン形状にすることができます。
button
これはclass属性「ui-btn-inline」やui-shadow-iconといったボタン関連クラスより先に指定しなくてはいけません。
jQuery 1.3以下ではdata-role=”button”を指定して動的に生成していましたが
jQuery 1.4からはclassを追加するのみで適応できるようになりました。

jQuery Mobile リファレンス
http://www.webcreativepark.net/jquerymobile/css/ui-btn/

code,css

ui-btn
class属性「ui-btn」を追加することで要素をボタン形状にすることができます。
button
これはclass属性「ui-btn-inline」やui-shadow-iconといったボタン関連クラスより先に指定しなくてはいけません。
jQuery 1.3以下ではdata-role=”button”を指定して動的に生成していましたが
jQuery 1.4からはclassを追加するのみで適応できるようになりました。

jQuery Mobile リファレンス
http://www.webcreativepark.net/jquerymobile/css/ui-btn/

code,css

h1{
line-height:normal;
font-size:30px;/*タイトル文字サイズ*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
margin:0;
padding:4px 0px 15px 0px;
}
h2{
line-height:normal;
font-size:20px;/*タイトル文字サイズ*/
font-family: Osaka,Verdana,Arial,Helvetica,sans-serif;
font-weight:bold ;
margin:0;
}
.........................
/*ページのタイトル部分のみのテキストリンク-----------------*/
h2 a:link       {color:#B61656; text-decoration: none;} /*メニュー・テキストリンクの色*/
h2 a:visited    {color:#B61656; text-decoration: none;} /*メニュー・訪問済みのリンクの色*/
h2 a:active     {color:#B61656; text-decoration: none;} /*メニュー・クリック時のリンクの色*/
h2 a:hover      {color:#B61656; text-decoration: none;} /*メニュー・マウス上にカーソルがある時のリンク色*/

hdgfg pc