HTML5―角丸とグラデーションのためのページ全体のデザイン

ページ全体のデザイン article、microdataを記述した例角丸とグラデーションの編集前の設定ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>森の工房についてGreen Leaf</title> <link rel="stylesheet" href="css/style56_2.css" media="all"> </link></meta></head></html>

2013-05-03

HTML5+CSS3―角丸とグラデーション

HTML5 授業

CSS3でナビゲーションバーを角丸にする角を丸くするソースコード【 CSS 】 nav ul { font-size: 0.75em; margin: 0 0 10px 0; height: 30px; background-color: #005087; border-radius: 6px; } 角丸が全体に反映されない原因のリンクの背景色を削除する …

2013-05-03

HTML5+CSS3―角丸とグラデーション０２

HTML5 授業

枠に影をつける「box-shadow」プロパティソースコード【 CSS 】 article header { border: solid 1px #aaa; margin: 20px 0 10px 0; padding: 18px; border-radius: 10px; box-shadow: 10px 10px #ccc; } 影をぼかすぼかしの大きさ「5px」ソースコード【…

2013-05-02

グリッドレイアウト０２

webサイト制作 HTML5 授業

グリッドレイアウト本家サイトは、右側左側は、ユニットを「float: left」で設計すれば囲みは必要なくなる右側は、縦１列を「section」として考えれば左側と同じように進めることが可能 4つの写真の番号は、左上→右上→左下→右下の順という本家の流れを踏…

2013-05-02

ColorSchemer

フリー授業

ColorSchemer 任意の1色を指定するだけで、相性の良い似たトーンや色合いの15色を表示してくれるジェネレーター使い方 Color Schemer Online - ジェネレーターブックマーク〜Generator Bookmark〜 PAGE TOP

2013-05-02

HTML5―ページ全体のデザインの確認

webサイト制作 HTML5 授業

☆★データーでの確認★☆ページ全体のデザイン article、microdataを記述した例ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>Green Leaf</title> <link rel="stylesheet" href="css/style.css" media="all"> <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></link></meta></head></html>

2013-05-02

wordpressをインストールしたディレクトリ名を変更する

WordPress

wordpressをインストールしたディレクトリ名を変更するドメインキングのwordpressには対応していないやり方だが一般的 73Blog 参考サイトより wordpress/wp-login.phpで通常通りログイン各種設定=>一般設定=>WordPress のアドレス/ホームページアドレスを…

2013-05-01

CSSテスト - １カラム

CSS テスト

インテリアショップ幅850px、左揃え空きなどの詳細は、適宜設定する画像は制作できる場合は、制作する著作情報は、センター揃え（画像は右揃え）でも可ソースコード【 HTML 】 <html lang="ja"> <head> <meta charset="UTF-8"> <title>インテリアショップcss_test</title> <link rel="stylesheet" href="css/style.css" media="screen,print"> </head> <body> <div id="container"> </div></body></html>