◆よく使うタグ・ソース
回りこみを防ぐ   ・・・2段空けるタグ !important border-radius: 50%; ・・・画像を丸くする target="_blank"   ・・・別タブで開く background: #FFF; style="text-align: center;"> .・・・タイトルを透明に li {list-style-type :square;}・・・長方形のリストマーク ◆ヘッダー情報追加 ◆フッターにキャッシュ ◆背景色付き枠 margin: 10px 90px 0 0; background: #efefef; padding: 25px 20px 10px; color: #555555; border-radius: 3px; border: 1px solid #ccc; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); text-align: justify; text-justify: inter-ideograph; ◆プラグイン・イベントカレンダー Sugar Events Calendar Lite for WordPress [sc_events_calendar] #sc_calendar_title {padding-top:10px; !important} #wp-calendar a { color: #777; } #sc_events_calendar_head { height: 55px; padding-bottom: 10px; } #sc_calendar_title { font-family: "Open Sans", sans-serif; font-size: 20px; font-weight: 400; padding-top: 10px; } .calendar-day-head { font-weight: 400; } ◆AccessPress Parallax・・・googlemap 文字表示変更・・・
◆書体 font-family: 'Vollkorn', serif; font-family:Meiryo,‘メイリオ’, Hiragino Kaku Gothic Pro, ‘ヒラギノ角ゴ Pro W3’,sans-serif; .d-gothic{ font-family:Helvetica Neue,Helvetica,YuGothic,Yu Gothic,'ヒラギノ角ゴ Pro W3',Hiragino Kaku Gothic Pro,"メイリオ",Meiryo,sans-serif; } .d-ming{ font-family:YuMincho,Yu Mincho,'游明朝',"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","MS P明朝",MS PMincho,"MS 明朝",serif; } font-family: 'Vollkorn', serif; 「.htaccess・・・ドット エイチティーアクセス *************************************************** ◆リンク a, a:visited { color: #7599c5; text-decoration: none; underline } a:hover, a:focus, a:active { color: #424242; text-decoration: none; outline: 0; } a:focus { outline: thin dotted; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } ◆透過色・フィルター background: rgba(255, 255, 255, 0.7);

◆TELリンク(携帯からアクセル用に) ここをクリック ◆トップに戻る 戻りたい位置へ 
▲TOP
◆フォント font-weight: bold;    フォント太  font-weight: normal;   h・・・に指定の太さ普通 letter-spacing: 0.1em;  文字間隔 line-height: 1.7;      行間 100% と 1 はフォントサイズと同じで他に 15px・・・フォントより大きく指定 font-size: 12px;     フォントの大きさ(12pxは標準) color: #555555;      フォントの色 (# は16進法 原色の色名 red などでも表記できる) vertical-align: baseline; テキストなどの位置指定 右は right 指定しなければ左寄せ vertical-align: middle; 画像に対しての高さ位置指定 top middle bottom (上 真ん中 下) font-style: italic;    イタリック text-align:justify; text-justify:inter-ideograph; 長文などで改行した際の幅揃え(英字は単語単位になるので使わない) ■フォントに影 .クラス名 { color: #000; font-size: 50px; font-weight: bold; text-shadow: 5px 5px 1px #999999; ◆英単語表記 text-transform: none; 記述した通りに表示します。これが初期値です。 text-transform: capitalize; 単語の先頭文字を大文字で表示します。 text-transform: lowercase; 全てを小文字で表示します。 text-transform: uppercase; 全てを大文字で表示します。 ◆スタイルシート抜粋 margin: 10px 20px;    使うスペース外の余白(ボックス内の幅に含まれる) 上下 左右/上 右 下 左/上 左右 下など padding: 10px 15px;   使うスペース内の 余白(幅に含まれる) 上下 左右/上 右 下 左/上 左右 下など width: 130px;      幅指定 heght: 200px;      高さ指定 background: #9cd94a;   背景の色(# は16進法) background-color: transparent;  透明 text-align: center;  clear: none | left | right | both display: inline; position: absolute(絶対位置) relative(相対位置) fixed(絶対位置+固定) display: none; 非表示 visibility:hidden; 非表示・・・そのスペースは残る visibility:collapse; overflow:hidden; はみ出た部分を表示しない clear: both;       回りこみを防ぐ font-family: "Times New Roman", Times, serif; ■ボーダー関連(上下左右指定と、指定しなければ四角に) border-top: 1px dotted #ededed;  double dotted 点線の種類 border: 1px solid #ddd; border-bottom: none;  一部ボーダー無し top bottom left right ■背景画像   画面いっぱいに background: url(background-photo.jpg) center center / cover no-repeat fixed;   リピートせず置く位置を指定 background-image:url(画像が置かれている場所/画像名) no-repeat left top; padding: 6px; border: 1px solid #EDEDED; background: none repeat scroll 0 0 #FFFFFF; line-height: 0;     背景画像・リピート background-repeat: y x; リピート方向 background-attachment:fixed;background-position:left top; width;: 350px; height: 470px; position:fixed; 位置固定 display: block; 画像など固定 /* 画像ファイルの指定 */ background-image: url(images/background-photo.jpg); /* 画像を常に天地左右の中央に配置 */ background-position: center center; /* 画像をタイル状に繰り返し表示しない */ background-repeat: no-repeat; /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */ background-attachment: fixed; /* 表示するコンテナの大きさに基づいて、背景画像を調整 */ background-size: cover; /* 背景画像が読み込まれる前に表示される背景のカラー */ background-color: #464646; ◆画像にフィルター opacity: 0.7; /* カラーフィルタ効果の度合いを指定 */ ◆画像装飾 border-radius: 3px; border: 1px solid #ccc; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); style="border-radius: 3px; border:1px solid #ccc;box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);" background-color:#fff; padding:5px; border:1px solid #e1e0e0; box-shadow: 0 8px 6px -6px #555; img {・・・画像を丸にする border-radius: 50%; } img {・・・ボーダー有り・角丸め・シャドー border-radius: 3px; border: 1px solid #ccc; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); } img {・・・額縁ボーダー有り・シャドー background-color:#fff; padding:5px; border:1px solid #e1e0e0; box-shadow: 0 8px 6px -6px #555; } img {・・・ボーダー無し・下だけシャドー有り border:0; padding:0; margin:0; max-width:100%; background-color:#fff; padding:5px; border:1px solid #e1e0e0; box-shadow: 0 8px 6px -6px #555; } ◆別ウィンドウ開く(大きさを指定) ◆ボタン ■iframe ■BGM挿入・・・今はほとんど使われない ランチご予約 フォーム
コントロールバー
■fb のソース(body の中に入れる・フッター&ヘッダー)
■閉じるボタン
■クリックで閉じる
月の暦******************************************************************** カレンダー・縦1列(以前のHP用)*******************************************
12 2009/01 02
S M T W T F S
1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
--------------------------------------------------------------- ■忍者ブログカスタマイズキャッシュ   / Customization by share-gaki ■忍者ツールなどのメールフォームへ メールフォームは、ガラケー(フィーチャーフォン)は非対応です。 -------------------------------------------------------------------------------