引用タグ blockquote の存在をすっかり忘れていた・・・orz
引用タグ blockquote の存在をすっかり忘れていた・・・orz
この間、ふと気が付いたんですよ。
「引用文」を書くときのタグって、無かったっけ？
例えば、私の書いた記事⇒これなんかは、
文章を引用するのに、「行頭に空白を入れて、文字を斜体にする」とかいう面倒なことを・・・。
この記事を書いていたときは、勢いにまかせてたので、「引用」とか気にせずに書いてたんですよ。
で、先日、「引用タグ」があるのを思い出してから書いたのが⇒この記事。
まぁ、要するにblockquoteタグの存在を忘れていたわけです。
平たく言うと、CSSでデザインを設定して、文章はblockquoteタグで囲むと、
あら簡単・綺麗、という話なわけです。
まず、blockquoteの基本的なところから紹介。
（例によって、ググって見つけた、他サイトの解説記事を紹介するだけ。）
● 引用(blockquote)の書式
● 引用文(BLOCKQUOTE)の補足と応用
次に、画像を使ったblockquoteとか、複数のblockquoteの使い分けのためのクラス指定。
↑で十分に良いのですが、デザインにもう一工夫したい人のために、以下を紹介。
● blockquoteのCSS
基本的なCSSの工夫でこんな感じにもなります。
● 引用（blockquote）をCSSと画像でそれらしく見せる方法
画像を使ってさりげないオシャレをする方法。
● BlockquoteタグをCSSで綺麗に整形したサンプル集
さらにデザインサンプル集のいろいろ。
● CSSでバブルタイプのblockquote『Bubble Quote』を作りました。
これなんかは面白いですよね。
まぁ、いろいろ面白いデザインを見つけつつも、
このすくぅうみうぎのブログの設定は、いたって普通の感じにしてあったりするのですが・・・。
少しずつ気づいたところから、自分(のサイト)を良くしていけるといいですね。
今日のニュース
● 私の一日はすくみうさんのテキストで笑うことから始まります。(日記より抜粋)
（情報元：あみみ）
（※すくみうの自慢大会のターン！！）
あみみさんの日記で、なんか言われちった、てひひひひひ〜。照れるにゃー。
るいなたんも誉められてるぉｗｗｗ
＿＿＿_
／ ＼
／ ─ ─ ＼
／ （●） （●） ＼
| （__人__） | 「スク水を着て正座して更新」とか、
＼ ｀ ⌒´ ,／ ないから！ゼッタイしてないから！
r､ r､／ ヘ
ヽヾ 三 |:l1 ヽ
＼>ヽ/ |｀ ｝ | | 「相手を騙す巧妙なスキル」とかも、
ﾍ lノ `'ｿ | | ないから！ゼッタイないから！
/´ / |. |
＼. ｨ | |
| | |
↓るいなたん ↓私(すくみう)
／￣￣＼
／ ヽ_ .＼
（ ●）（ ●） ｜ ＿＿＿_
（__人__） | ／ ＼
ｌ｀ ⌒´ ｜ ／ ─ ─ ＼
. { ｜／ （●） （ ●） ＼
{ / | （__人__） |
,-､ ヽ ノ、＼ ｀ ⌒´ ,／＿
/ ノ／￣／ ` ー ─ '/＞＜ ` ー─ ' ┌､ ヽ ヽ,
/ L_ ￣ ／ _l__( { r-､ .ﾄ
_,,二) ／ 〔― ‐} Lｌ | l) ）
>_,ﾌ / }二 ｺ＼ Li‐'
＿_,,,i‐ノ l └―ｲ ヽ |
l i ヽl
2008年5月14日 はいてない界隈にて 相互リンク消したった記念で撮影
今、言えること↓。
★「言葉はね、温度を持ってるんだよ、知ってるかい？」
☆「嘘だよぉ、パパ。」
★「本当だよ。暖かくも冷たくもなるんだ。」
☆「本当ぅ？」
★「口に手を当てて、ハァーって息をしてごらん」
☆「こう？」
(口に手を当てて、息を吐く)
☆「本当だぁ！あったかいね、パパ。」
★「そうだろう。暖かいだろう。」
☆「どーして、あったかいの？」
★「それはね、優しい気持ちでいっぱいだからだよ。」
☆「うん！」
★「優しいキモチ。楽しいキモチ。感謝のキモチ。」
★「そういうキモチで胸をいっぱいにして息をハァーってするんだ。」
☆「ね！ね！パパ！わたしね！わたしね！」
★「ん？なんだい？」
☆「オモチだーいすきになった！あったかーいオモチ！」
★「ははは、"気持ち"だよ。」
（すくみうの予言 1188章）
いずれはこんな父娘の会話ができることを願う。(預言者すくみう)
（※すくみうの自慢大会のターン終了！ ;y=ｰ( ﾟдﾟ)･∵. ﾀｰﾝ と撃たれそうだな。）
● 自意識にぱんつはくべき6つの理由
（情報元：責任なんて絶対とらねぇ）
● ハルヒのうつ伏せ画像くれ
（情報元：ふぇいばりっとでいず）
>> 26 ｗｗｗ
● 貴方に贈りたい。ずっと色褪せない、たった一つのスキル。
（情報元：まなめはうす）
スクールぱんつ。
ごめんなさい、考えて思いついたのがこれで、ごめんなさい。
引き続き、精進します。
● 新イベントはスク水!? 「ブログ妖精 ココロ」本日アップデート
（情報元：駿河電力/スク水．jp）
気になる！すごく気になる！
けど、ずっとスク水を表示したままにはできない？
● もやしもん？ イヤホンを食べる新生物です
（情報元：酔拳の王 だんげの方）
食べてるのか、巻かれてるのか。かわゆす。
● クリエイティブ、4GBメモリで6,980円の「MuVo T200」
（情報元：駿河電力/スク水．jp）
私が数年前に使ってたのが、違うメーカーだけど、
これとまったく同じタイプ(当時は256MB)だったので、すごく気になる。
「USBストレージ」にもなって、「専用ソフトウェア不要」、
「バッテリー内蔵」でPCのUSBポートに挿しておけば「勝手に充電」。
それで4GBで6980円なら、かなり欲しいかも。
とりあえず今使ってるプレーヤーが動いてるので、すぐには買わないけど、気になる。
あぁ、物欲がぁ。。。
● 恋するよりも「結婚できる年下男」を探せ！
（情報元：ゴリラブーツ）
結婚できる年下男な私が通りますよ。
ここ、ここ！
ここだってば！！
お願いだから、見てよ・・・orz
● 話題のファイル転送サービス firestorage を使ってみました
（情報元：Lifehacking.jp）
どうやらかなり使える様子。
たまに、デジカメで撮った写真とか渡すときにファイル転送サービスを使うけど、
今度そういうの使うときは、firestorageにしてみようかな。
● 面接の最後には「逆質問」すべし
（情報元：＠IT - アットマーク・アイティ）
確かに、面接の最後の「何か質問はありますか？」は困りますよね、はい。
そう来ると分かっていても、良い質問ができない。
私なんて、たまに遊びに足を運ぶ地域にあった会社の面接を受けたときに、
「この辺でおいしい飲食店ありますかね？
毎日お昼を食べてる方にぜひ聞きたいです。今度来たとき、行こうかなと思うんで。」
とか質問していましたよｗｗｗｗｗｗ
↑には、質問例がいくつか書かれているので、就職活動等で面接がある人は参考に！
● 腹八分目のすすめ
（情報元：サイオススタイル・ドットコム）
食事は、自分がこのくらいと思った量を、自分のスピードで食べるのが良いと思うのです。
腹八分にしておくと、昼食後に眠くならないので良いです。
眠くなったときは、ちょこちょことお菓子等を一口つまむと、目が覚めます。
それを考えると、昼は腹六分くらいがいいのか？
いや、しっかり食べたいな。
● 小さな癒し見つけた
（情報元：住宅ローンを背負ってるひきこもりで干物でオタクで腐女子の家計簿日記）
ぬこ写真があまりにもかわいいので、紹介。
( ﾟ∀ﾟ)o彡°ぬこ！ぬこ！
● To LOVEる -とらのぎょう- -
（情報元：好き勝手やる夫ブログinニュー速）
画像の加工っぷりに吹いたｗｗｗ
昔はこんな感じの画像、ゲーム雑誌でよく見たような気が。
● 5分でできるマルチタッチパネル
（情報元：WY2K帳）
かっくいいーーー！！
ソフトウェアはどうすんの？とか思ったけど、オープンソースのものを使えるみたいだから、
段ボールとウェブカメラで簡単にできるのかな。
● ブロガーの究極の目標は読者の「ヨメ」になること
（情報元：るいんずめもりぃ）
どちらかと言うと、「すくみうのお嫁さん」募集中です。
どちらかと言うと、「すくみう、俺のブログ、読め」募集中です。
どちらかと言うと、「すくみう、空気読め」という文字は読めません。
● 女性が男性に求める「器の大きさ」の意味とは？
（情報元：屋根裏部屋は空色だ。）
なるほど、なるほど。(今日も必死の賢者タイム！！)
● スパイダーマッボタン
（情報元：あみみ）
下のほうに「いいえ、ケフィアです」「バルサミコ酢」ボタンとかもあった！！
● 笑 っ た ら 死 亡
（情報元：あみみ）
連携プレーがずるいｗｗｗこれって天丼効果ｗｗｗ
● 体育倉庫にグラハムが介入 ≪GNフラッグ版≫
（情報元：あみみ）
ドアの閉まる効果音までｗｗｗ芸が細かいｗｗｗすげぇ、セリフ合ってるｗｗｗ
グラハムｗｗｗ上級大尉殿ぉぉぉぉｗｗｗ
むしろ、私(すくみう)とグラハムが運命の赤い糸で結ばれてるんじゃないか？！
と思うほど、気が合うじゃないかーーー！！グゥゥウラァァアハッァァァムゥゥゥウ！！
センチメンタルな運命ｗｗｗ感じちゃうｗｗｗ
ToHeart2 向坂環 水着Ver. (1/6スケールPVC塗装済み完成品)
posted with amazlet at 08.05.10
クレイズ (2008-07-25)
売り上げランキング: 55
売り上げランキング: 55
2008年05月14日 | すくみう日記 | トラックバック：0 | コメント：0 | 
はてブに追加 
まずは、CSSの基本も含めてここから。