(記事ソート奮闘記④)HTMLとCSSで簡易Web単語カード(画像→テキスト ver.)

14/03/02

PHPで、記事ソートのやり方を学ぶのん、時間が空きすぎると、わすれちゃうこと請け合いなので、ここいらで、ちょっとだけ進めておこう。

といっても、今回も「学習していく方法論」を整えるだけ。


(記事ソート奮闘記②)HTMLで簡易Web単語カードさぶの部屋 | さぶの部屋

↑において、PHPのコードを覚えていくための「なんちゃって単語カード」を作成した。

でも、PHPを扱うので、そのままPHPコードを本文中に書くと、不具合が何度か発生してしまうので、別の方法で単語カードを作ろうと思い立った。

・・・

といっても、前回の「テキスト→テキスト」のマウスオーバー変化を、
「画像→テキスト」に変えるだけでいけそうだぜ。
コードを画像スクショし、それにマウスオーバー用のテキストを添えるようにすれば、本文にPHPを書き込む必要あらへんしね。


その「なんちゃってWeb上単語カード」、
「テキスト→テキスト」は、以前、簡単に作成できたので、

「画像→テキスト」も、容易に作れるかなぁと思っていたけど、結構うまいこといかなくて、時間を食うてしもうた。

テキストのみの場合とは異なり、CSSの「ホバー」を使ってやる方法を導入してみた。


↓のサイトを大いに参考。
(というか、ほとんどそのまま使いますた。すみません)
CSSだけでポップアップ


↓に設定メモをば。



CSS


参考サイトでは、吹き出し風になっていたので、その部分は削除した。

あと、色を変更。




MarsEdit 画像アップロード設定


次に、画像アップロード時の手間を省くため、
MarsEditの設定。



なぜか、class を使うとできなかった。
なんでやろ?



DEMO




↓マウスオーバーで、ナイスボケが現れる・・・?




俺の名前は はしゃぎ過ぎだ徹也。お前は?


 


参考サイト
暇人\(^o^)/速報 : 【画像】最近のboketeで面白かった画像wwwwwwwwww – ライブドアブログ


ふー、なんとか出来上がり。



140302


画像をば マウスオーバー テキストに


やりたいこともなかなか多いが、1つずつかたずけませう。
Better & Better.




中国共産党帝国の崩壊―呪われた五千年の末路 (カッパ・ビジネス)
中国共産党帝国の崩壊―呪われた五千年の末路 (カッパ・ビジネス)

「公社」とは、英語のコミューン。ドイツ語ならばゲマインデ。共同体だ。共同体(Gemeinde)は、マクス・ウェーバー社会学の銘刀。人民公社は、真に共同体(ゲマインデ)となりえて、はじめて成功しうる。
 所得の平均分配、無償労働の強要、私有であった財産の公共化など、真の共同体(ゲマインデ)になってはじめて可能である。無料の託児所や敬老院も、真の共同体(ゲマインデ)においてのみ、有効に機能しうる。
 が、毛沢東の人民公社は、真の共同体(ゲマインデ)たりえない。そんなことは、断じてありえない。
 中国には、血縁共同体たる宗族が健在だからである。
 父→子で集団をつくる父系集団(パトリ・リーニアル・グループ)。それが宗族。中国では、5千年前も今も、血縁共同体てる宗族が、ただひとつの共同体(ゲマインデ)。それ以外の共同体(ゲマインデ)なんかうけつけっこない。人民公社は、共同体(ゲマインデ)なりえないのである。
 毛沢東はここに気づかなかった。共同体(ゲマインデ)でなければならない人民公社は、決して共同体(ゲマインデ)になることはできない。ここに、毛沢東が内包する端的な二極的矛盾がある。
5-6


Read more...