免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
Board logo

標題: [分享] 一句代码教你玩转页内文字广告|彩色虚线边框|透明背景 [打印本頁]

作者: Xclub    時間: 2011-5-17 10:59     標題: 一句代码教你玩转页内文字广告|彩色虚线边框|透明背景

代码位置:其他头部信息

代码:
  1. <style> #ad_text{background:none; border:1px dotted red;}</style>
複製代碼
一直想给页内文字广告加个边框,或者背景图片,或者换个背景颜色,但是搜索很久找不到代码。

只好查看源文件,自己琢磨。

调试许久,终于发现一个页内文字广告的 [类(class)] ,什么是“类”,类是CSS文本经常使用的一种定义形式。其他还有"ID"等

举个例子:在CSS文本中定义    .ad {color=red}    ,然后在某一个表格中设置<td class="ad"></td>

那么这个表格中的文字颜色就会引用ad中的红色。

看源码时发现页内文字广告的类是 ad_text , 那么我只需要给这个类赋予更多的值,那么就可以获得更多的效果。

background/border等等属性。  

定义类的方式:  .类的名字{类属性:值;类属性:值;类属性:值;}   

比如定义背景颜色:  .ad {background:#FFF;}  而定义背景图片则需用 background:url(图片网络地址)的形式。

如果想背景颜色透明,像我上面的效果一样,只需在背景颜色中的颜色值改为:none; 即可,例 background:none; 。

注:[5d6d论坛风格管理中的线条颜色也可使用此代码,实现无边框线效果。]

border 属性可以定义的方式很多,虚线,双实线等等。

如果只定义四边某一边框显示只需使用代码:border-left; border-top ;  border-right;和border-bottem,定义即可。

定义类前面是 .  ,为什么代码中用的是#呢? 大家都想想吧,我也不明白,哈哈

只讲一下基本使用方法,更多使用技巧还需大家深入研究。
作者: longyqrl    時間: 2012-9-10 20:40

找了很久了~谢谢
作者: liangweisee    時間: 2012-11-14 23:58

谢谢分享,支持!
作者: ldzy    時間: 2013-4-27 21:57

狠耐心的一个站长~!
作者: zhuxianzhfx    時間: 2014-2-7 12:38

收藏一下
作者: superman1024    時間: 2014-2-7 13:28

謝謝提供此資料




歡迎光臨 SCLUB免費論壇申請-使用者論壇 (http://funbbs.me/discuz/) Powered by Discuz! 7.2