aqua+Css このページをアンテナに追加 RSSフィード

2006-02-01 Up DateIE7のパブリックβ版が出たがや!

[] IE7を試してみたい… 20:01  IE7を試してみたい… - aqua+Css を含むブックマーク はてなブックマーク -  IE7を試してみたい… - aqua+Css  IE7を試してみたい… - aqua+Css のブックマークコメント

試してみたいけど会社PCやからむやみにインストールでけへん。

しかも退会したプロバイダサーバーに置きっぱにしてた背景画像とかがついに消されてもうたけ、見れたとしても配置だけやな。

それにしても画像が消えてむっちゃ軽るなった!

うわーい!

h2どこいった!?

背景画像が消えると、h2存在感がゼロに…

h2ホワイトがバックのピンクに溶けて見えへん。

その辺とかも気ぃ付けて作らなあかんな。

VanessaVanessa2012/08/15 04:24It's wnoderufl to have you on our side, haha!

anpmhmswnanpmhmswn2012/08/15 14:45GXzIwf <a href="http://wwbimdxqtgwj.com/">wwbimdxqtgwj</a>

spcxxonnpdspcxxonnpd2012/08/16 01:07RvB4i3 , [url=http://itxkwztcmott.com/]itxkwztcmott[/url], [link=http://pjjzmeiioagk.com/]pjjzmeiioagk[/link], http://hgqtjznlobfy.com/

jzlqnncvbjzlqnncvb2012/08/16 14:45oG0ibn <a href="http://tsauzoeleijy.com/">tsauzoeleijy</a>

トラックバック - http://css.g.hatena.ne.jp/aquatail/20060201

2006-01-11 Up Dateaqua+CssをMacで確認

[] SafariIEを試してみた 23:30  SafariとIEを試してみた - aqua+Css を含むブックマーク はてなブックマーク -  SafariとIEを試してみた - aqua+Css  SafariとIEを試してみた - aqua+Css のブックマークコメント

Windowsからはいろんなブラウザで確認してるんやけど、Macで見たらとんでもないことになっとる。

Safariでは透過画像の指定が乱れてたり、Mac.IEでは見たくないほどに、ぐっちゃんぐっちゃんになっとった…

けっこうガックリきた。

CharChar2012/08/14 11:15I can't believe I've been going for years withuot knowing that.

eublhmmbeublhmmb2012/08/14 23:22EaE8vL <a href="http://tsmxuyuxvxdv.com/">tsmxuyuxvxdv</a>

fzxoabdjgfzxoabdjg2012/08/15 03:56OzVfva , [url=http://hhacbgqfwled.com/]hhacbgqfwled[/url], [link=http://jmnavqpwkwea.com/]jmnavqpwkwea[/link], http://seqrdpbxkxwh.com/

jutjxbueftjutjxbueft2012/08/16 18:5643C5a1 , [url=http://frxeuzvfnoss.com/]frxeuzvfnoss[/url], [link=http://bbswwzamokby.com/]bbswwzamokby[/link], http://yfdtmsiifavu.com/

jutjxbueftjutjxbueft2012/08/16 18:5743C5a1 , [url=http://frxeuzvfnoss.com/]frxeuzvfnoss[/url], [link=http://bbswwzamokby.com/]bbswwzamokby[/link], http://yfdtmsiifavu.com/

トラックバック - http://css.g.hatena.ne.jp/aquatail/20060111

2005-12-07 Up Dateテーブルレイアウト

[] テーブルレイアウトがムツカシィ! 19:40  テーブルレイアウトがムツカシィ! - aqua+Css を含むブックマーク はてなブックマーク -  テーブルレイアウトがムツカシィ! - aqua+Css  テーブルレイアウトがムツカシィ! - aqua+Css のブックマークコメント

CSSグループにあるまじき発言ですが、テーブルレイアウト勉強を始めました。

テーブルマナーがメッチャむずかしいです。

LamisaLamisa2012/08/13 22:55Thanks for the great info dog I owe you bgigity.

xhuymjbxhuymjb2012/08/14 06:21wIJmsQ <a href="http://mqzmgxogahvw.com/">mqzmgxogahvw</a>

lnofauisalnofauisa2012/08/15 03:00ykF81j , [url=http://jnohngugkupm.com/]jnohngugkupm[/url], [link=http://teipykszqqgx.com/]teipykszqqgx[/link], http://sydeoqgzlgdh.com/

lqgegmatklqgegmatk2012/08/15 13:10H8g0sL <a href="http://klsktxvtnfyo.com/">klsktxvtnfyo</a>

kjdztwkjdztw2012/08/16 18:06UMFPpV , [url=http://smwepcvhdsyy.com/]smwepcvhdsyy[/url], [link=http://tvmiqdborlib.com/]tvmiqdborlib[/link], http://ycmtwnqrbekh.com/

トラックバック - http://css.g.hatena.ne.jp/aquatail/20051207

2005-10-30 Up DateVirgin Lord Style

ラベンダー

[] Virgin Lord Style 21:31  Virgin Lord Style - aqua+Css を含むブックマーク はてなブックマーク -  Virgin Lord Style - aqua+Css  Virgin Lord Style - aqua+Css のブックマークコメント

今回のデザインは、新婦を祝福するようなイメージでやってみた。

特徴としては右のサイドバー二本を固定幅で、日記部分がリキッドレイアウト

gifアニメも使ってみたんで、サイドバーのメニューをポイントとしてみて下さいな!

次の予定

サイドバー日記に隣接した左側がブログリンクに、その隣の右サイドバーブログリンクにしていく予定です。

それに伴ってgifアニメも作りなおします。

トラックバック - http://css.g.hatena.ne.jp/aquatail/20051030

2005-07-23 Up Dateリンクにアクションを付ける

[]ダイナミック擬似クラス 14:34 ダイナミック擬似クラス - aqua+Css を含むブックマーク はてなブックマーク - ダイナミック擬似クラス - aqua+Css ダイナミック擬似クラス - aqua+Css のブックマークコメント

0002_list

a要素のヒット範囲を広げて、ダイナミック擬似クラスカーソルがロールオーバーした時のアクションを付けています。

やりかた

まず、a要素に対してCSSでdisplay:block:を指定して、インライン要素からブロック要素に変更してやります。

そして、widthやpaddingプロパティで、ブロック要素になったa要素のサイズを大きくしてやれば、その分ヒット範囲が広がります。

HTML Source

<dl class="rollover">
<dt>ダイナミック疑似クラスあり</dt>
<dd><a href="http://d.hatena.ne.jp/aquatail/">aqua+Log</a></dd>
<dd><a href="http://flash.g.hatena.ne.jp/aquatail/">aqua+Flash</a></dd>
</dl>

CSS Source

dl
{dl.rollover dd a
{
display: block;
width: 150;
padding: 4;
}

そしてダイナミック疑似クラスを下記の順で指定して、そのときの状態に応じてa要素の見た目を変化させています。

  1. link(まだ見ていないリンク)
  2. visited(すでに見たリンク)
  3. hover(マウスカーソルが上に重なっているリンク)
  4. active(押された状態のリンク)

CSS Source

/*まだ見ていないリンク*/
dl.rollover dd a:link
{
color: #2202ff;
border: 1px #4e64e0 dashed;
}
/*すでに見たリンク*/
dl.rollover dd a:visited
{
color: black;
border: 1px #d0caff dashed;
}
/*マウスカーソルが上に重なっているリンク*/
dl.rollover dd a:hover
{
color: blue;
background-color: #c6fec2;
border: 1px #4e64e0 solid;
}
/*押された状態のリンク*/
dl.rollover dd a:active
{
background-color: #c9c1ff;
border: 1px #4e64e0 solid;
}
補足aの親要素にliがある場合

a:hover時にbackgrandcolorを変えると、リストマーカーが消えてしまいます。

そこでa要素の背景にbackgrandimageでマーカー画像を設定してやります。

そうすれば、a要素のマーカー画像の下に backgrandcolorが表示されます。

MaggieMaggie2012/08/14 12:29It's great to read something that's both enjoyable and provides pragmatisdc soluitnos.

lcdjeodalcdjeoda2012/08/14 23:30TqJsb3 <a href="http://fevcpqslervb.com/">fevcpqslervb</a>

vaqwlpjyvaqwlpjy2012/08/16 19:03QRlgQb , [url=http://qtecpgccuxkm.com/]qtecpgccuxkm[/url], [link=http://yltvlzpczzke.com/]yltvlzpczzke[/link], http://moytjszxbfqz.com/

トラックバック - http://css.g.hatena.ne.jp/aquatail/20050723