コピペで使えるCSSデザイン枠テンプレート

どシンプルなものからちょっと凝ったものまで、
CSSでスタイリングしたデザイン枠のテンプレートです。

色など自由に調整して引用枠や見出しなどにお使いください。

HTMLは共通です。
クラス名はお好きに変更してください。

 

CSSでつくるデザイン枠テンプレート1

 

CSSでつくるデザイン枠テンプレート2

 

CSSでつくるデザイン枠テンプレート3

 

CSSでつくるデザイン枠テンプレート4

 

CSSでつくるデザイン枠テンプレート5

 

CSSでつくるデザイン枠テンプレート6

 

CSSでつくるデザイン枠テンプレート7

 

CSSでつくるデザイン枠テンプレート8

 

CSSでつくるデザイン枠テンプレート9

 

CSSでつくるデザイン枠テンプレート10

 

CSSでつくるデザイン枠テンプレート11

 

CSSでつくるデザイン枠テンプレート12

 

CSSでつくるデザイン枠テンプレート13

 

CSSでつくるデザイン枠テンプレート14

 

CSSでつくるデザイン枠テンプレート15

  • このエントリーをはてなブックマークに追加

こんな記事も書きました!

コピペで使える固定(追尾)ソーシャルボタンBOX

コピペで使える固定ソーシャルボタンBOX

WordPressでスクロール時も固定表示されるソーシャルボタンを 簡単に設置するためのテンプレー...

記事を読む

photo

商用サイトで使えるフリー素材サイトまとめ

アイコンや壁紙を設定したりアイキャッチ画像を用意したり・・・ と、WEBサイトを作る時に欠かせない...

記事を読む

ローディング・読み込み中の画像を簡単に作成できるツール

ローディング・読み込み中の画像を簡単に作成できるツール

ページを読み込みする時などに使う「ローディング画像」は ジェネレーターで簡単に作成することができま...

記事を読む

wpnavi

ページ遷移時のフェード効果を実装するjQuery

リンクをクリックした時にページが滑らか~にフェードしながら遷移する方法です。 今回新たに作成し...

記事を読む

wpnavi

CSSでヘッダーの真ん中に吹き出しっぽい三角をつけてみた

アメブロからWordPressへと個人ブログを移すにあたって「どんなデザインでサイトを作ろうかなー」...

記事を読む

WordPressでCSSを実際に確認しながら編集する方法

WordPressでCSSの反映を確認しながら編集する方法

CSS編集方法についての前置き 「管理画面」→「外観」→「テーマ編集」→「スタイルシート」から ...

記事を読む

mayu-official-site

名刺代わりのサイトを思いっきしリニューアルしてみた件!カスタマイズTIPS色々書きました。

mayuの活動なんかをまとめただけの俗に言う自己紹介サイトがありまして、 ちょっとお手すきになった...

記事を読む

WordPressをカスタマイズする前に子テーマを作っておく

WordPressをカスタマイズする前に子テーマを作っておく

子テーマについての前置き WordPressはほとんどの方が既存のテーマから お好みのものを選ん...

記事を読む

48b97e5b81bd7c026e0e173652618f53_m

WordPressにヘッダー画像機能(カスタムヘッダー)がない場合の作り方

カスタマイズサポートにてヘッダー画像の導入方法を尋ねられることが多々あるので 設定手順を公開してお...

記事を読む

Message

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

次のHTML タグと属性が使えます: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">

  • IMG_1137_100x130

    // Webシステムコーディネーターmayu
    WordPressを活用したWebサイト制作のお手伝いやセミナー開催、その他
    素材サイト運営などを行なっています。
    mayu official site

    mayuが提供するWordPressカスタマイズサポートでは
    嬉しいことにたくさんご好評のお声をいただけております。
    もっとこうしたいのに~!コマッタコマッタ!
    そんな時は「お助けマ~ン」とお声を掛けていただけましたら
    出動いたします。

    mayu的思考やどうでもいいことをたまにつぶやいてます。
    お気軽にフォローしてみてくださいね!

  • WordPressのお手伝い屋さん WordPress Theme Park フリーWEB素材 Re:vre ameblo-150x150
flower