CSSでスワップイメージ、サイズ指定したopenWindow()、CSSリセット、TOOL TIP。

CSSでopenWindow()。サイズを指定したopenWindow()はCSSのみでは不可能。残念。あと、CSSリセットもしてみたりTool Tipもいれてみたテスト。おばさん、だんだんついていけなくなてるよ。ふう。詳しくは、ソースをみよ、と思うけど。

update: 12/05/25

覚え書き用に作りなおしたらすげえハマった。あーめんどくさかったあ〜。

しかも、Swap+ToolTip+window.openはクラスがぶつかってしまい…。

TOOL TIPのバナー

覚え書き用に作りなおしたらすげえハマった。めんどくせいなあもう。はっきり言って画像でやったほうが早い。
しかも、Swap+ToolTip+window.openは、クラスがぶつかってしまったんで本チャンではSwapを捨てますた。(正確にいうとhoverなのだが)

スワップイメージ風バナーとかね。

リンクのテキストを見えなくするための text-indent : -9999px ってなんか嫌じゃね?でもいいみたい(ざっとググった限りでは)できればどっかでまとめて(こっそり)指定したいわね。ああ、最新の本でも手に入れようそのうち…

※上のTOOL TIPのバナーボックスの中に、<p>で’囲ったバナーを2個横並びでしかも右寄せにするには float : right で配置するしかないんだけど(たぶん)float 要素が複数個あると、それを囲ったボックスが途中で終わるか、表示されなくなってシマウマ(仕様?)ちなみにこのテキストも<p>囲い。どっかに<p class="clear"></p>を入れば治ったりするらしいが・・・

#HeadBanner:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}
↑これを入れたら見えた。ドリ画面だと表示は変わらない。
ま、と〜ても今更なんだけど。

RSSを読み込んでみたい(これおわこんでしたわのでリンク外しますわ←2017.3月)

これよこれ!!グッジョブ zRSSFeed〜〜!!

【 ベーシック ターゲットなし 】
【 ベーシック2 ターゲットブランク 】
【 プルダウンメニューつき 】
【 マルチなヤツ! 】

さーて、改造改造!!ウヒャヒャヒャ〜〜〜

 

グラデなボタンぬ♪

めんどうだからやめようと思っていたのだが、これもグッジョブなサンプルめっけ。やっぱ時短時短・・ってここまででどんだけ時間かかったんだって話し。

さていくわよ

White Rounded Medium Small

Span
Div

P Tag

H3

ソースもとってもきれい(うっとり)。素晴らしいわあ。

↓↓でもとはここ↓↓

【 CSS3 Gradient Buttons

で、もっとこってるやつもあったけど結局はシンプルなのが使いやすいのよね。

↓↓ココ↓↓

【 Cross-browser CSS gradient buttons 】

 

Page Top