圖書(shū)館頂圖制作代碼 第一部分:置頂標(biāo)簽 <table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td> <div style="position: absolute; top: 0px; left: 0px;"> 第二部分:原圖片代碼 第三部分:增加尾標(biāo)簽 </div></td></tr></tbody></table > 二,、頂圖實(shí)例 1,、實(shí)例1:圖片移動(dòng) <table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td> <div style="position: absolute; top: 0px; left: 0px;"> <marquee height="165" behavior="alternate" scrollamount="1" style="width: 1000px; left: 0px; height: 165px;"> <img border="0" src="http://image51.360doc.com/DownloadImg/2012/05/2113/24246588_1.jpg" width="1200" height="165" style="border: none; margin: 0px; padding: 0px;"> </marquee> </div></td></tr></tbody></table> 2,、實(shí)例2 :背景圖片加貼圖加移動(dòng)字 <table border="0" cellspacing="0" cellpadding="0"><tbody><tr><td> <div style="position: absolute; top: 0px; left: 0px;"> <table border="0" cellspacing="0" cellpadding="0" width="1000" background="http://userimage5.360doc.com/14/0704/21/3459959_201407042102400429.jpg" align="center" height="165" style="width: 1000px; height: 165px;"> <tbody><tr><td style="margin: 0px; padding: 0px; position: relative;"> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 140px;"><img border="0" src="http://image58.360doc.com/DownloadImg/2013/01/2123/29756826_30.jpg" style="border: none; margin: 0px; padding: 0px; width: 120px; height: 100px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 230px;"><img border="0" src="http://image86.360doc.com/DownloadImg/2013/09/2413/55242674_1.gif" style="border: none; margin: 0px; padding: 0px; width: 100px; height: 100px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 800px;"><img border="0" src="http://image58.360doc.com/DownloadImg/2013/01/2123/29756826_41.jpg" style="border: none; margin: 0px; padding: 0px; width: 105px; height: 105px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; top: 0px; left: 880px;"><img border="0" src="http://image58.360doc.com/DownloadImg/2013/01/2123/29756826_11.gif" style="border: none; margin: 0px; padding: 0px; width: 95px; height: 95px;"></div> <div style="margin: 0px; padding: 0px; font-family: inherit; position: absolute; text-align: right; top: 50px; left: 100px;"> <font face="宋" size="6" color="#FFff00"> <marquee width="850" scrollamount="4" style="width: 850px;"><b>祝愿朋友 闔家歡樂(lè) 幸福安康! </b></marquee></font></div></td></tr></tbody></table> </div></td></tr></tbody></table> 說(shuō)明:1,、把上述代碼復(fù)制,、變成圖片,,全選復(fù)制后到首頁(yè)作高級(jí)自定義即可。 2,、或更換圖片,或調(diào)整寬高即可變成你自己的頂圖,。 |
|
來(lái)自: 清泉m > 《首頁(yè)裝扮》