CSS・スタイルシート

Luxeritas ルクセリタスの画像を一括で角丸にするCSS

このサイトはWordpressのテーマ「Luxeritas ルクセリタス」を使用しています。 記事内の画像を一括で角丸にするCSS（カスケーディング スタイル シート）をGoogl...

3px以上のクリアな縁取りをCSS Text-shadowのみで実現する方法

なんだか難しいようで実現して解説しているページが無いようなので、 簡単な方法を紹介します。 以下のようになりま…

画像に文字入れWEBツール　インストール不要　綺麗なふちどり

ネット上で、商品写真に文字入れできるWEBツールを公開しました。 最低限の機能のみですが、高価なソフトウェアに…

CSS色指定を一括変換

Chromeの検証ツールを使ってhtmlを攻略しよう！【html css】

こんにちは、Twirusです。 前回、疑似要素で外部アイコンが使えるようになりました。 ですが投稿日時の要素だけじゃなく他の要素にもアイコン使いたい！さらにはブログをカスタマイズしたい！オリジナルテーマを作りたい！となると「要素」と「クラス」を知る必要があります。そんな時はChromeの検証ツールを使うとすぐ分かります！ htmlに触れよう！ 検証ツールでhtmlを見る！ CSSで指定する時の注意１ CSSで指定する時の注意２ おまけ 終わりに htmlに触れよう！ とりあえず更新日時が「.date」ってのは分かったけど、あっちは？こっちは？ってなります。ではhtmlを見てみましょう！その前に…

外部アイコン「Font Awesome」を使える様にする！【はてなブログ html css】

こんにちは、Twirusです。 前回は投稿日時にアイコン付けるカスタマイズ でしたがHatena様によるHatenaBlogの為のアイコンを拝借する、いわば内部アイコンでした。今回はアイコンを提供してます！よろしくね！というサービスのアイコンを拝借する、いわば外部アイコン。無料で使えるFree版と有料のPro版があり、はてなブログの為の必要最小限の内部アイコンとは違いいい感じのアイコンもあるけど良く分からないのまであって困っちゃう！という記事です。「Font Awesome」様、ありがとうございます。 私の環境は【 ブラウザ：Chrome、エディタ：Brackets 】です。今回エディタは使わ…

記事の投稿日時にアイコンを付けるカスタマイズ【html css】

こんにちは、Twirusです。 今回は投稿日時にアイコン付いてるけど、どうやるんだろ？時計アイコン付いてるけど他のアイコンに変えてみたい！でもどうやんの？という記事です。 私の環境は【 ブラウザ：Chrome、エディタ：Brackets 】です。今回エディタは使わなくても大丈夫です。 ※CSS初心者が初心者なりの知識をひねり出して記事を書いています。何が起きるか分からないので「 {}デザインcss 」のバックアップをして自己責任でお願いします。 目次 アイコンの呼び出し方 要素とは 疑似要素とは とにかく呼び出す！ CSSの優先順位 好きなアイコンを付けよう！ コード解説 アイコンのコードを調…

〈初心者必見〉iPadで吹き出しっぽいCSSをデザインしてみた！

どうも、バリバリ初心者ブロガーのキオレオピンでございます。 今回は吹き出しを使って会話っぽくすることに取り組んでみたので、そちらの設定方法などを書いてみたいと思います。 こーんな感じ！ // 設定するにあたって 設定の仕方 iPhone・iPadでの画像設定方法 まとめ 設定するにあたって 初心者ブロガーにとっては特に、ネタを考えることから構成を考え、書き終えるまでが本当に大変ですよね😅 私も日々葛藤しながらもこの記事を書いているのであります。笑 ブログを始めて1ヶ月半経ち、現時点で30記事ほど生産したのですが、私はここらへんで「デザイン」にもこだわった方が見て下さるユーザーの満足度が上がると…

CSSを勉強してテーマを作る！

こんにちはTwirusです。 初めてブログをやってみて、お～！テーマってのがあるのか！テーマを提供してる方がいるのか！ここにプログラムを書き込むとカスタマイズ出来るのか！便利便利！やってみよう！ なんてな事でテーマを適用して聞いたことはあるけど良く分からないCSSをいじって手探りでカスタマイズしていたんですが、楽しくなってきたのでテーマ作りに挑戦しようと思いました。難しかったら諦める！そんな軽い気持ちで。 この記事の環境はブラウザはChrome、エディター(編集ツール)はBracketsです。cssを編集してみたいな！という方の参考になれば幸いです。よろしくお願いします。 とにかく検索！ その…

http://cocker.seesaa.net/article/459249266.html

記事の情報が取得されるまで、しばらくお待ちください。

http://plaza.rakuten.co.jp/sunafukey/diary/201611100000/

記事の情報が取得されるまで、しばらくお待ちください。

http://www.audiostyle.net/archives/52019283.html

記事の情報が取得されるまで、しばらくお待ちください。

http://mae.chab.in/archives/2348

記事の情報が取得されるまで、しばらくお待ちください。

http://mae.chab.in/archives/2310

記事の情報が取得されるまで、しばらくお待ちください。

http://mae.chab.in/archives/2269

記事の情報が取得されるまで、しばらくお待ちください。

http://www.audiostyle.net/archives/51512645.html

記事の情報が取得されるまで、しばらくお待ちください。

http://www.audiostyle.net/archives/51999674.html

記事の情報が取得されるまで、しばらくお待ちください。

http://nemurusyura.blog46.fc2.com/blog-entry-160.html

記事の情報が取得されるまで、しばらくお待ちください。

http://nemurusyura.blog46.fc2.com/blog-entry-159.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/syosinsyahtml/entry-11203155848.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/syosinsyahtml/entry-11204641453.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/syosinsyahtml/entry-11166057163.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/supplement-ameblo/entry-11197569698.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/supplement-ameblo/entry-11169591925.html

記事の情報が取得されるまで、しばらくお待ちください。

http://www.audiostyle.net/archives/51887527.html

記事の情報が取得されるまで、しばらくお待ちください。

http://www.audiostyle.net/archives/51887297.html

記事の情報が取得されるまで、しばらくお待ちください。

http://www.se0.info/cat50/166.html

記事の情報が取得されるまで、しばらくお待ちください。

http://pointxnavi.blog105.fc2.com/blog-entry-229.html

記事の情報が取得されるまで、しばらくお待ちください。

http://nemurusyura.blog46.fc2.com/blog-entry-127.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/yuzu-tencho/entry-10550817929.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ams-staff.seesaa.net/article/125427685.html

記事の情報が取得されるまで、しばらくお待ちください。

http://miyazakiweb.seesaa.net/article/124531034.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ams-staff.seesaa.net/article/122649067.html

記事の情報が取得されるまで、しばらくお待ちください。

http://mmstk.blog56.fc2.com/blog-entry-1385.html

記事の情報が取得されるまで、しばらくお待ちください。

http://mmstk.blog56.fc2.com/blog-entry-1386.html

記事の情報が取得されるまで、しばらくお待ちください。

http://d.hatena.ne.jp/smartboy/20090103/p1

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/tame8/entry-10122535974.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/tame8/entry-10122813085.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/tame8/entry-10121786552.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/tame8/entry-10120201880.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/tame8/entry-10120381911.html

記事の情報が取得されるまで、しばらくお待ちください。

http://ameblo.jp/tame8/entry-10121106038.html

記事の情報が取得されるまで、しばらくお待ちください。

http://shimatani.blog113.fc2.com/blog-entry-447.html

記事の情報が取得されるまで、しばらくお待ちください。

http://shimatani.blog113.fc2.com/blog-entry-91.html

記事の情報が取得されるまで、しばらくお待ちください。

http://hatsukami.wordpress.com/2007/10/11/w3-schools%e3%81%a3%e3%81%a6%e3%81%aa%e3%82%93%e3%81%a0%ef%bc%9f/

記事の情報が取得されるまで、しばらくお待ちください。

http://dog-walk.net/site/others/post_1136.html

記事の情報が取得されるまで、しばらくお待ちください。

http://700m.blog5.fc2.com/blog-entry-409.html

記事の情報が取得されるまで、しばらくお待ちください。

http://shinshu.fm/MHz/00.50/archives/0000163985.html

記事の情報が取得されるまで、しばらくお待ちください。