CSS追加

2014年02月06日(木) カテゴリー:WPWP タグ: ,  ☆ 11年前に投稿

テーマのCSSに下記を追加

#preloadedImages {
width: 0px;
height: 0px;
display: inline;
background-image: url(images/link1.gif);
}

#content a[href $=’.html’]{margin:5px 5px;padding-left:18px;background:transparent url(images/link_green.gif) no-repeat center left;
font-size:14px;
lline-height: 20px;
}

#content a:hover[href $=’.html’]{margin:5px 5px;padding-left:18px;background:transparent url(images/link1.gif) no-repeat center left;
font-size:14px;
lline-height: 20px;
}

.kanren a:hover{padding-left:18px;background:transparent url(images/link1.gif) no-repeat center left;
font-size:14px;
lline-height: 20px;
}

リンク先が ****.html ならリンク画像を添付するというオバカなCSS ^^;
でもってHTML には

<div id=”preloadedImages”></div>

を追加。
マウスが乗った時のリンク画像を先読みさせようって魂胆 ^^;
こうしてつまらない小細工を重ねて、ページを重くしてるんだよなぁ ^^;

アーカイブ

On This Day

Sponsored by

PAGE TOP

Copyright(c) 2008~2024 ふれあい果樹園 All Rights Reserved.