webdesign tips

10.12.2004

米色的scrollbar

body {
scrollbar-base-color:#f4f4e7;
scrollbar-3dlight-color:#f4f4e7;
scrollbar-arrow-color:#d2dfbf;
scrollbar-darkshadow-color:#d2dfbf;
scrollbar-face-color:#d2dfbf;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff ;
}

10.07.2004

白色立體的scrollbar

BODY { scrollbar-3d-light-color:white;
scrollbar-arrow-color:#708090;
scrollbar-base-color:white;
scrollbar-dark-shadow-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:white;
scrollbar-shadow-color:#999999}

8.27.2004

固定表格或背景的底圖

.ptable {
background-image: url(images/img.jpg);
background-repeat: no-repeat;
background-position: right bottom;
}

BODY{
background-image:url(img.gif);
background-repeat : repeat-x;
background-attachment : fixed;}

<body background="img.jpg" style="background-position:
50% 88%;background-repeat: no-repeat;">

flash設定

<param name="quality" value="high">
<param name="wmode" value="transparent">
<param name="menu" value="false">

刪除水平捲軸

BODY{overflow-x:hidden;}

透明表格

<style type=text/css>

</style>
讓網頁的表格都呈現透明
opacity=60 設定透明度(值越小越透明)
也可以用在表單上
input{FILTER: Alpha(opacity=60)}

防止網頁藉由工具列另存新檔

<NOSCRIPT><IFRAME SRC=*.html></IFRAME></NOSCRIPT>
貼於<body></body>標籤之間

mouseover alpha change

<script language="JavaScript1.2">
function makevisible(cur,which){
if (which==0)
cur.filters.alpha.opacity=100
else
cur.filters.alpha.opacity=70
}
</script>
<img src=" " border="0" style="filter:alpha(opacity=50)"onMouseover="makevisible(this,0)" onMouseout="makevisible(this,1)" width=" " height=" ">

a: 除去連結的邊框

<script language=JavaScript>
if(document.all){
var tags=document.all.tags("a")
for (var i=0;i<tags.length;i++)
tags(i).outerHTML=tags(i).outerHTML.replace(">"," hidefocus=true>")}
</script>

legend 表單標題

<fieldset><legend>表單標題</legend>
<input><br>
<input><br>
</fieldset>

WinScroll

<script language=javascript>

</script>

img onMouseOver 改變背景圖

<img src="img.jpg" border="1" onMouseOver="document.body.background='img.jpg'">

MM_openBrWindow

<script language="JavaScript">

</script>

<a href="javascript:MM_openBrWindow('http://#','9210','width=,height=')">...</a>

iframe

<iframe src="some.htm" name="myframe" width="100%"
height="100%" align="default" marginwidth="1" marginheight="1"
frameborder="0" scrolling="auto" allowtransparency="true"
z-index:"4"></iframe>

favority

<script>
var myfar;
var mytitle;
myfar="http://debra15.no-ip.info/";
mytitle="debra chen";
function favority() {
if (navigator.appName!="Netscape"){
window.external.AddFavorite(myfar, mytitle);
}else{
window.location = myfar;}
}
</script>

<a href="javascript:favority()">加到我的最愛</a>

body : 背景透明

STYLE='background-color:transparent'