[B! css] horitsukikoのブックマーク

リンク先のサムネイル画像をHTMLタグで表示しCSSで装飾を設定する方法 - 移転→hapilaki.net

リンク先を画像なしの文章で紹介するよりも、サムネイル画像を一緒に表示した方が直感的に伝えやすい。シンプルなHTMLとCSSで可能。jQueryやJavaScriptは不要。概要次の﹁サムネイル付きリンク﹂のHTMLとCSSの構造や設定を解説する。このページではthumbnail-boxと呼称する。持ち物の多さで海外旅行初心者だと分かり、中身を見れば不要品が詰まっている - はぴらき合理化幻想 ↑サンプルのthumbnail-box。以前に、次のページでchrome 拡張機能を紹介した。それに追加したコードの説明も兼ねている。ブログ記事作成を効率化！サムネイル画像付きのリンクを2クリックで作成 - はぴらき合理化幻想特長サムネイルと記事タイトルを1つのaタグでリンク可能。サムネイルと記事タイトルで別々のaタグを使用しているコードが多いが、当ページで紹介するコードの方がシンプル。サ

horitsukiko 2015/07/11

css

リンク

Stripe Generator - ajax diagonal stripes background designer

Play with sliders and color pickers, untill you obtain a super-cool stripe tile Press "Download" to save your creation Edit your css adding this line to the element you want to stripe:

horitsukiko 2015/06/12

ストライプメーカー

HTML5
css

リンク

はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - LITERALLY

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と﹁簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック﹂を記録してみようと思う。はてなブログのモバイル︵スマホ︶デザインCSSを編集する方法まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。ぼくもスマホのデザインをなんとか変えることができないが試

horitsukiko 2015/06/12

参考にしました！ありがとうございます！

リンク

はてなブログに実施した、４つのデザインカスタマイズ - Banguardサイト

ブログのデザインを少し変更してみました。それほど大きな変更ではないのですが、変えたのは以下の4点です。1．ブログのデザインテーマを変更した2．記事の幅を広げた3．﹁続きを読む﹂を加えた4．ブログの見出しに画像を加えたはてなブログは、ある程度自分で自由にカスタマイズすることが可能です。Webデザインの知識がない私ですが、なんとか今回の4つは自分でできました。はてなブログのカスタマイズをしようとする際に、参考にしていただたら嬉しいです。はてなブログのデザインをカスタマイズした場所今回カスタマイズしたのは、主にブログ全体に関わる部分が2箇所、トップ画面で1箇所、記事画面で1箇所、計4箇所です。特にブログのデザインテーマの変更と記事の幅の変更は、ずっとやりたかったカスタマイズです。ブログ全体に関わる変更点と、トップ画面での変更点また、﹁ブログの見出しに画像を加える﹂ことも、地味で

horitsukiko 2015/06/12

リンク

はてなブックマーク

タグ

関連タグで絞り込む (3)

cssに関するhoritsukikoのブックマーク (4)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス