はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ 見出しデザイン

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 19 / 19件)
 

CSS見出しデザイン21選。現場ですぐ使える見出しデザインをご紹介 | BUILD ビルド - Webデザイン制作

2023/05/13 このエントリーをはてなブックマークに追加 20 users Instapaper Pocket Tweet Facebook Share Evernote Clip BUILD ビルド CSS 現場 テイスト 蛍光ペン

CSSで実装できるシンプルな見出しデザインを21パターンご紹介します。汎用性が高くテイストに縛られず現場ですぐ使えるデザインなのでストックしておくと便利に使えます。あなたの現場でぜひご利用ください。 CSSのみで実装するシンプルな見出しデザイン21パターン 蛍光ペンのような線をひいたCSS見出しデザイン ライン... 続きを読む

【コピペOK】はてなブログで使える見出しデザイン!CSS - おおまめとまめ育児日記

2019/04/27 このエントリーをはてなブックマークに追加 16 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コピペOK 育児日記 ブログ

こんにちは、おおまめです。 皆様見出しは使っていますか? はてなブログで使える、コピペ可能の見出しデザインカスタマイズのcssをご紹介致します! 見出しとは? 見出しの種類 見出しの使い方は? 簡単!見出しをオシャレにカスタマイズしよう CSSコピペ場所 カラーコード コピペする際に見出し【h○】変更してください... 続きを読む

【CSSコピペ】シンプル系でおしゃれな見出しデザインを26連発! - オークニズム

2018/02/24 このエントリーをはてなブックマークに追加 62 users Instapaper Pocket Tweet Facebook Share Evernote Clip オークニ カスタマイズ オークニズム アレンジ オシャレ

2018 - 02 - 24 【CSSコピペ】シンプル系でおしゃれな見出しデザインを26連発! カスタマイズ 見出しがオシャレなブログは、ブログ全体もだいたいオシャレ。 どうも オークニ です。 ブログカスタマイズにおいて、もっとも手軽で簡単なアレンジが見出しです。そのため、ネット上にも100万個くらいの見出しカスタマイズが転がっていますね! 今回は、そんな中でもオークニがおすすめする” シンプル... 続きを読む

【CSS】見出しデザインのCSSサンプル集 | なるほど。

2018/02/16 このエントリーをはてなブックマークに追加 41 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS border None WordPress hタグ

色々な見出しデザインのCSSサンプル集です WordPressの子テーマなど上書きが必要な場合はHタグのborder等を初期化しておくと良いです h2.sample{ border:none; } が...色々な見出しデザインのCSSサンプル集です WordPressの子テーマなど上書きが必要な場合はHタグのborder等を初期化しておくと良いです h2.sample{ border:none; ... 続きを読む

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ(メンバー編) - つばさのーと

2017/04/24 このエントリーをはてなブックマークに追加 7 users Instapaper Pocket Tweet Facebook Share Evernote Clip サンシャイン コピペ つばさ カスタマイズ ラブライブ

2017 - 04 - 24 コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ(メンバー編) ブログ ブログ-カスタマイズ こんにちは、つばさ( @ tsubasa123 )です。 今日も今日とてネタ系CSS、はりきっていきましょう。 以前、下記のような記事を書きました。 www.tsubasa-note.blog 本日はこれの続き、各メンバーのデザインをC... 続きを読む

コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ - つばさのーと

2017/03/09 このエントリーをはてなブックマークに追加 8 users Instapaper Pocket Tweet Facebook Share Evernote Clip サンシャイン コピペ つばさ カスタマイズ ラブライブ

2017 - 03 - 09 コピペでどうぞ。ラブライブ!サンシャイン!!のバナー広告風な見出しデザインのカスタマイズ ブログ ブログ-カスタマイズ Twitter Google Pocket 読者になる フォローする こんにちは、つばさ( @_tsubasa123_ )です。 最近、ブログに限らずあちこちのサイトで「ラブライブ!サンシャイン!!」の広告が表示されるようになりました。これって閲覧者... 続きを読む

コピペでどうぞ。けものフレンズ風な見出しデザインのカスタマイズ - つばさのーと

2017/03/01 このエントリーをはてなブックマークに追加 11 users Instapaper Pocket Tweet Facebook Share Evernote Clip コピペ つばさ カスタマイズ Tsubasa けものフレンズ

2017 - 03 - 01 コピペでどうぞ。けものフレンズ風な見出しデザインのカスタマイズ ブログ ブログ-カスタマイズ Twitter Google Pocket 読者になる フォローする こんにちは、つばさ( @_tsubasa123_ )です。 前回に引き続き、またしても「けものフレンズ」ネタです。見出しのデザインを作ってみましたのでお気に召した方がいらっしゃいましたら一度お試しください。... 続きを読む

コピペでどうぞ。はてなブログ用見出しカスタマイズをとりあえず25個ほど - ばさのーと

2017/01/20 このエントリーをはてなブックマークに追加 26 users Instapaper Pocket Tweet Facebook Share Evernote Clip コピペ バサ Tsubasa 25個 つばさ

2017 - 01 - 20 コピペでどうぞ。はてなブログ用見出しカスタマイズをとりあえず25個ほど ブログ ブログ-カスタマイズ Twitter Google Pocket 読者になる フォローする こんにちは、つばさ( @_tsubasa123_ )です。 今日はみんな大好きコピペシリーズで王道の見出しデザインを試してみました。とりあえず25パターンほど用意しましたが、今後も気が向いたときに追... 続きを読む

HTMLとCSSのコピペですぐに実装できる見出しデザイン14選 | UX MILK

2016/09/14 このエントリーをはてなブックマークに追加 824 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS コピペ After UX MILK HTML

WEB制作で必ずと言っていいほど登場するものの1つに「見出し」があります。 そこで今回は、CSSだけで作られている見出しの中でも、実用性が高いものやCSSの最新要素を使ったものを厳選してご紹介します。コピペで簡単に実装できるので、是非使ってみてください。 飾り付きの見出し 擬似要素before、afterを使って飾りをつける見出しです。beforeとafterのcontentプロパティを変更すれば... 続きを読む

後戻りはできる!WordPressの過去記事すべてを一括で置換する方法 | あなたのスイッチを押すブログ

2014/02/16 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 後戻り HTML 直後 当初

ブログを始めた当初と今とでは、知識レベルも技術レベルも大きく違います。そうすると気になりだすのは、過去の記事。 無知だったからこそ変なHTMLを書き続けた時期があり、気になり出したら止まらないんです。 例えば私の場合、<h3>タグの直後には必ず「■」を入れていました。 これは前の見出しデザインの関係で、■を入れておいた方が見やすかったためです。しかしCSSを調整したことで、この■が不要になりました... 続きを読む

CSSで作る見出しデザイン | Web’Notes

2014/02/14 このエントリーをはてなブックマークに追加 413 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS relative bold SOLID CCC

見出しはサイトの見た目を決める上で重要な箇所です。 印象的な見出しは、それだけでサイトを引き立ててくれます。 今回は、そんな見出しのデザインをCSSで10パターン作成してみましたので、参考にして下さい。 .heading1{ position:relative; padding-left:20px; border-bottom:2px solid #ccc; font-weight: bold; ... 続きを読む

ブログの見出しデザインに困ったのでこのジェネレータを使ってみた『 CSS見出しジェネレーター | Web道』 | Niji_Life

2013/10/03 このエントリーをはてなブックマークに追加 27 users Instapaper Pocket Tweet Facebook Share Evernote Clip ジェネレータ 見出し Stinger3 リボン もと

このブログは、Stinger3というテーマをもとにゴニョゴニョ…カスタマイズしているのですが、見出しデザインにとても迷っていたところとてもよいものがあるらしいと教えてもらい作成しました。 とっても便利なジェネレータ『Web道 CSS見出しジェネレーター』 CSS見出し-ジェネレーター | WEB道 使い方 使い方というほどでもありませんが、見出しの種類は 吹き出し リボン 普通(枠上) 普通(... 続きを読む

見出しデザインに迷ったら!吹き出しやリボンも一瞬で作れるCSS見出しジェネレーター。 | Balance Note

2013/09/14 このエントリーをはてなブックマークに追加 195 users Instapaper Pocket Tweet Facebook Share Evernote Clip プレビュー CSS 見出し Balance Note リボン

見出しデザインに迷ったら!吹き出しやリボンも一瞬で作れるCSS見出しジェネレーター。 Webサイトやブログのデザインで、「h1」や「h2」をどんなデザインにしようか迷う方は多いはず。私も見出しをCSSで色々作ってみましたが、書く→プレビュー。書く→プレビュー。の繰り返しが煩わしくなったのでWebで色々調べたところ、Web道さんでとても便利なものがありました。既に有名なサービスかもしれませんが、これ... 続きを読む

CSSの擬似要素を使った見出しデザイン|Webpark

2013/01/27 このエントリーをはてなブックマークに追加 633 users Instapaper Pocket Tweet Facebook Share Evernote Clip before After Webpark ボーダー 見出し

このブログの見出しはシンプルなんですが、CSSの「:before」や「:after」など擬似要素を使えば色々と装飾ができますので今回は8つのサンプルを紹介します。 HTMLはすべてHタグだけです。特に意味はありませんが今回のサンプルはh4タグを使っています。 「:before」「:after」やボーダーで表現する三角形の使い方など慣れない方もいるかもれませんので、その都度簡単に解説していきます。「... 続きを読む

【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ - NAVER まとめ

2012/02/07 このエントリーをはてなブックマークに追加 808 users Instapaper Pocket Tweet Facebook Share Evernote Clip NAVER シャッフル CSS HTML 参考

Webデザイン(220)デザイン(554)Webサービス(967)Web開発(81)Web制作(41) シャッフル 【HTML/CSS】見出しデザインの参考になるWEBサイトまとめ 続きを読む

パーツ別のWEBデザインギャラリー8選 | designaholic -Creative Column-

2011/11/10 このエントリーをはてなブックマークに追加 108 users Instapaper Pocket Tweet Facebook Share Evernote Clip フッター ヘッダー Webデザインギャラリー パーツ別 ちょ

ヘッダー、フッターから見出し、ナビゲーションといったパーツにフォーカスしたWEBデザインギャラリーのまとめです。 見出しデザイン.com フッターデザイン.com ブブンデザインアーカイブ Patternry Pattern Tap MephoBox Footer Fetish Elements of Design やっぱりデザインは細かい部分の作り込みが全体のクオリティに影響してきますので、ちょ... 続きを読む

フッターデザイン.com

2010/11/30 このエントリーをはてなブックマークに追加 995 users Instapaper Pocket Tweet Facebook Share Evernote Clip フッターデザイン com フッター about ロゴ

いろんなサイトのフッターを集めたリンク集カテゴリ 一覧 イラスト カラムメニュー ページトップへ戻る ロゴ 横並びメニュー 横並び&カラムメニュー リンク 見出しデザイン.com ウェブコレクション! 生活に役立つ・面白いそんなサイトを集めたリンク集。 about いろんなWEBサイトのフッター部分(ページ下部も含んでいます)を集めました。 デザインの参考にどうぞ。 主に日本国内のものを選んでいま... 続きを読む

見出しデザイン.com

2010/09/01 このエントリーをはてなブックマークに追加 2686 users Instapaper Pocket Tweet Facebook Share Evernote Clip com

見出しのデザインを集めたWEBデザインギャラリーMenu TOP 一覧 グラデーション テキストのみ 上線 下線 丸 四角 囲み線 斜線 点線 角丸 about いろんなWEBサイトの見出し部分を集めました。デザインの参考にどうぞ。そのサイトがリニューアルした場合は画像の見出しが使用されていない場合があります。 link ウェブコレクション! contact made by daybreak-da... 続きを読む

見出しデザインの参考にしたい CSSで作るhタグのサンプル集 | 日刊ウェブログ式

2010/06/13 このエントリーをはてなブックマークに追加 1225 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 日刊ウェブログ式 hタグ headline サンプル集

ブログの記事タイトルやサイドバーのタイトルなどで使えるオーソドックスな見出し(hタグ)のデザインサンプル集です。見出しにはCSS3や画像を使っていないのでシンプルですが、一応よく使うので、メモとしてエントリーしておきました。 見出し(Headline)のサンプル集 色やボーダーのサイズ等の装飾部分をお好みで編集してください。 見出しサンプル01 .selector01 { border-left:... 続きを読む

 
(1 - 19 / 19件)