ご訪問下さり、ありがとうございます。現在、ホームページのデザインとWordPressやMovableTypeなどの、CMSによるサイト構築のお仕事のみ受注可能でございます。
CSS 初期設定 リセット用スニペット
2007 年 11 月 22 日
コメントはありません
YUI:Yahoo User Interface ライブラリにある「fonts」のスタイルシートを利用し、IEとモダンブラウザ間のフォントサイズの差異を、ある程度に抑えれる。また、フロートテクニックとしてよく使う ClearFix なども入れ得。
/*2007.11.22更新 ==================================================================Reset*/ body,div, ul,ol,li,dl,dt,dd, form,fieldset,input,textarea, h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr, th,td { margin:0; padding:0; } body { /*yahoo UI:http://developer.yahoo.com/yui/fonts*/ font:13px/1.22 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro W3', 'メイリオ',Meiryo, 'MS Pゴシック', Arial, verdana, sans-serif; *font-size:small; *font:x-small; line-height: 1.5; background-color:transparent; text-align: center; color: #666666; min-height: 100%; } /*html:\66irst-child body { font-size:12px; safari only \ }*/ a { text-decoration:underline; outline:none; } a:link { text-decoration:none; color:#3f75fb; } a:visited { text-decoration:none; color:#3f75fb; } a:hover,a:active { text-decoration:none; color:#ff0000; } a img,:link img,:visited img { border:none; } /* delate dot boader of link for New Mozilla \*/ a { overflow:hidden; } img,fieldset,abbr,acronym { border:0; } table { font-size:inherit; font:100%; border-collapse:collapse; border-spacing:0; } /*ul,ol { list-style-type:none; }*/ th,caption { text-align:left; } input,select,textarea{ font:99% arial,helvetica,clean,sans-serif; /* for macIE5 \*/ font-family:"Hiragino Kaku Gothic Pro","Osaka","MS Pゴシック",Verdana,sans-serif; font-weight:bold; } select option { padding : 0 0.5em; } form label{ cursor : pointer; } input:focus,select:focus,textarea:focus{ background-color: #ccffff; } pre,code,kbd,samp,tt { font-family:monospace; *font-size:108%; line-height:99%; } q:before,q:after { content:''; } hr { border:0; height:1px; background-color:#000000; color:#000000; } address { font-style:normal; } /* strict reset by uncommenting lines below */ address,caption,cite,code,dfn,em,strong,b,u,s,i,th,var { /* font-style:normal; */ /* font-weight:normal; */ } /*almost default*/ .iLeft { float:left; } .iRight { float:right; } .fObject { width:auto; height:auto; line-height:0; } /* <div class="cboth"><hr /></div> */ .cboth { clear:both; height:0;} *html .cboth { height:.1em; overflow:hidden; margin-top:-.1em; } .cboth hr { visibility:hidden; border:0; } /*float clear*/ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; min-height:1%; /* for IE 7*/ } /* Hides from IE-mac \*/ *html .clearfix { height: 1%; } .clearfix { display:block; }
カテゴリー: WEB制作
KAMONジェネレーター
2007 年 10 月 19 日
コメント 1 件
名前と生年月日を入力することで様々な家紋を生成(?)表示させて、それを壁紙ダウンロードできる。和風なあそびが面白い! ちなみに、わたくしは「四葉紋」でございまする
家紋デザイナー「沖のり子」
http://okinori.com/
日本コカ・コーラ「綾鷹(あやたか)」キャンペーンサイト
http://ayataka.jp/
カテゴリー: 日々
Gallery2 on WordPress
2007 年 10 月 13 日
コメント 2 件
プラグインのWPG2を利用し、Gallery2の画像データベースと連携したWordPressでブログを試しに作ってみたら、面白いのでぼちぼち始めてみた。
テーマは「日本の自然な人々」と、とりあえず・・・。写真中心でさらっとしたデザインにして、カメラが好きな方には「おっ、いいね〜」といわれるような技巧をさらっと含んだような内容にしていこうと、ぼちぼち気合いを入れます。
カテゴリー: 日々
























