レイアウト(HTML/CSS)

レイアウト(HTML/CSS)

2カラム デザイン(レスポンシブ対応)HTML/CSS 記事一覧に

画像+タイトル 横レイアウト 本文中に記事一覧をキレイに表示するときに使います。他にも商品一覧に使用してもいいですね。 枠付きデザイン見本 スマホではみ出さないテーブル・表を作成するHTML/CSS オシ
レイアウト(HTML/CSS)

オシャレで可愛いテーブルデザイン【 HTML / CSS 】

女性向けのサイトであれば「もう少しオシャレで可愛い表を使いたい!」っていうこともあると思います。そんなときに使えるテーブルHTML/CSSを作りました。(作った人はおっさんです。そこは可愛く修正できないのでご了承ください。) コピペで
レイアウト(HTML/CSS)

スマホではみ出さないテーブル・表を作成するHTML/CSS

今回は、TablePressプラグインを使わずに編集プラグイン TinyMCE Advanced だけでスマホでもキレイに見えるテーブル・表を作ります。 TinyMCE Advancedをインストールしていない方はテーブルのテンプレー
レイアウト(HTML/CSS)

【HTML/CSS】 和のテーブルデザイン Japanese Table Design

日本の美しい伝統色を紹介されている「伝統色のいろは(-Traditional colors of Japan-)」さんの日本の色を使ってテーブルのCSSデザインを作ってみました。 伝統色のいろはさんでは時代ごとに色の説明が解説されています。色の説明を見ているとなんだか昔の日本の生活の様子はどうな感じだったろうかと思いを馳せて気持ちがほっこりとしました。
レイアウト(HTML/CSS)

商品比較テーブル テンプレートHTML/CSS

レスポンシブテーブルデザインのHTML / CSS のテンプレート置き場。ご自由にお使いください。 WordpressのTinyMCE Advancedでレスポンシブテーブルを作っても列が多すぎると画面からはみ出てしまいます。今回作っ
レイアウト(HTML/CSS)

第2回 ECサイトっぽいアフィリエイト商品紹介レイアウト(CSS)

前回、ECサイトっぽいレイアウトをご紹介しましたが今回は同じような形で2列レイアウトに挑戦してみましょう。 「え~ そんなのできね~よ!」と思うかもしれませんね。 安心してください、コピペするだけですから。 ECサイトのよ
レイアウト(HTML/CSS)

ECサイトっぽいアフィリエイト商品紹介レイアウト(CSS)

今日の献立は、CSSだけで作るECサイトっぽい商品紹介レイアウトです。 出来上がりはこんな感じ。 これはシリウスでも使えるので、ぜひ試してみてくださいね! タイトル 商品説明を書きます。 初回価
レイアウト(HTML/CSS)

アフィリエイトのコンバージョンを高めるかもしれないボックスとボタン(CSS)

アフィリエイトサイトを作る時、LPの画像をどれかいいのを貼って、あとは見出しつけて、文章だぁ〜〜〜〜〜っと書く ってしていませんか? 僕もそんな感じです。 けど今よりもコンバージョンが上がるページが簡単に作れたらいいですよね〜。