css– category –
-
画像を貼り付けるとき、分かりやすく枠と影を付けるCSS
blogを書いていてスクリーンショットをたくさん貼り付けるのですが、困ることがあります。そんなときに使っているCSSのclassについて書きました。 どんなときに困るのか？ blogの記事とスクリーンショットと同じに見えちゃうときです。 例えばblogのタイト... -
twentyfourteenの blockquote引用 スタイルをカスタマイズする！
他のサイトの情報を見てblogに書くときなどは「引用」として、自分のサイトの情報ではないのですよ～、という感じにしないと、あれ、というかえーといけませんよね(>_<)！ blockquoteタグで囲む方法 で、そういうときは blockquoteタグ で囲むことに... -
twentyfourteenのh2スタイルにfontawesomeのアイコンを追加する方法
fontawesomeで簡単にかっこいいアイコンを使おう！で、 もくろみとしては h2タグやh3タグの装飾や、左ブロックのサブメニューの頭に付けたりして視覚的に分かりやすくしたいと思っています。使い方は分かったので、近いうちにちょっとずつデザインを変更... -
トップページにタイル状に画像を並べる レスポンシブデザイン対応
前回のblogでblogのトップページに画像を並べる、ということをしたのですが、レスポンシブデザイン対応になっていませんでしたorz。 4つで改行、とかコーディングしちゃっていたので当然だなぁと思って取り急ぎ改行部分を取ったらうまくいったような気がし... -
吹き出しを使った会話コンテンツを入れる－WordPressとXOOPS Cube編
昨日のblog cssで内容によって大きさの変わる吹き出しを作る を書きましたが、WordPressやXOOPS Cubeについてはまだ上手く出来てませんでした。 今日はWordPressやXOOPS Cubeでも会話コンテンツを入れてみたので、それについて書きたいと思います。 Word... -
cssで内容によって大きさの変わる吹き出しを作る
吹き出しと顔を組み合わせて会話するようなコンテンツを うさぎにもできるXOOPS Cube入門 というサイトで作りました。当時はcssのこともよく分かっていなかったので、吹き出しも画像などを組み合わせて作ったのでだいぶ時間がかかりました。 他のサイトで... -
XOOPS Cubeのモジュールmailformでtextareaの調整をする
XOOPS Cube2.2で使えるようになったTPメールフォームの使い方説明 http://ryus.co.jp/modules/d3blog/details.php?bid=353 でご説明しているように、RYUSで配布しているmailformはメールの送信やお問い合わせなどに使えるモジュールです。 RYUSサイトでも... -
bootstrapを導入後、フォントがきれいでなくなっていた件を修正
twentyfourteen子テーマでフォントを変えてみる でブログで使っているWordPressサイトのフォントを変更しました。 その後に気づいたのですが、メインサイト http://ryus.co.jp のフォントがいつの間にかなんかきれいじゃない！？ あれ？おかしいな。。。最... -
twentyfourteen子テーマでフォントを変えてみる
まだまだ手を入れるところがいっぱいの当blogですが、文字の大きさやフォントが気になってきました。 自分で読んでいてもかなり見にくい(^_^;。 といっても、デザイナーさんではないのでどうしたらいいかなーとググってみました。 CSSのfont-family指定は...
