免費論壇 繁體 | 簡體
Sclub交友聊天~加入聊天室當版主
分享
新浪微博
QQ空间
Facebook
Google+
Plurk
Twitter
Line
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://hotbbs.info/discuz/) Powered by Discuz! 7.2