逻尔
★云市场开发者★
★云市场开发者★
  • 发帖数340
  • 铜币61587两
  • 威望789点
  • 贡献0点
  • 注册日期2006-12-10
  • 最后登录2015-09-13
  • 社区居民
  • 社区明星
阅读:5429回复:17

[模板发布]逻尔 - 一个五栏滚动广播台。

楼主#
更多 发布于:2011-12-19 20:01
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
基本特征:可以滚动;滚动按钮自动隐藏;帖子描述抽屉式弹出。
有些人不想看到的特征:960PX定宽。若不定宽,童鞋们背景图颜色的时候就需要切图了。我懂你们的耐心。。。
 
注意注意!这个是直接替换默认的广播台,所以务必把帖子读完,再去安装。
 
这只是个单独的广播台,童鞋们用的风格都千差万别,所以我把颜色做得很简单(我想这个广播台好玩的地方并不在图片上),别太纠结。给出背景图的PSD,自己动手改适合自己站的配色吧!几分钟的事儿。希望同志们能把改过后的背景图和CSS配色也放出来。方便使用一样风格的童鞋了。(每个人都共享一点,大家就受益匪浅了。)
 
演示地址:http://qblin.com/phpwindpreview/read.php?tid=18;skinco=lor_radioCarousel
 
图片:2011-12-19_181558.jpg

 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////


接下来是使用方法:

1. 首先找到 \html\portal 中 bbsradio 改名成 _bbsradio 作为备份。
2. 请确认你的网站现在是否在用jquery的库,如果有需要先改一下
用记事本打开 html\portal\bbsradio\main.htm 找到
<script src="js/lor/jquery.pack.js"></script>如果你网站之前使用过jquery库,就将其中的jquery库改成你网站已经使用的jquery库。一般是木有问题,但改了有很多好处了,为了以后省事儿。一个网站使用一个jquery库就足够了。
还会有一种情况,就是你的网站已经在头部之前已经加载了jquery库,那么上面这一行就要删掉了。
最后一种情况:如果你安装过我的 Cocoa 或者 Calm ,包里js这个目录不用上传就可以。
如果没使用,不用改,直接上传。
 
3. Jquery库确定没有重复,就可以将upload内的所有东西覆盖到论坛根目录,在后台开启广播台就算安装完毕。
 
 
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
 
下面说进阶的更改配色和背景图片的方法。嗯,如果你有点点photoshop基础,改这个就是小菜儿!
 
1. 背景图片提供PSD,图片做到最简单了,已经不牵扯切图的工序。拖动颜色盘子改变颜色后保存为PNG8,然后替换掉 html/portal/bbsradio/item.png 就OK
 
 
 
2. 改变配色
用记事本打开 html\portal\bbsradio\main.htm 找到
.lor_radioCarousel ul li .lor_rcSlideItem {background:#bddbff; border:1px solid #206ac5; position:absolute; width:148px; border-top:0; height:40px; padding:5px 10px 4px; top:80px; left:5px; color:#0c1d85; z-index:2; overflow:hidden;border-radius:0 0 6px 6px;} .lor_radioCarousel ul li .lor_rcSlideItem a {color:#0e56ad; line-height:20px;text-shadow:1px 1px 1px rgba(255,255,255,.7);} .lor_radioCarousel ul li .lor_rcSlideItem a:hover {color:#0c1d85; text-decoration:none;} .lor_radioCarousel ul li .lor_rcTitle {color:#fff; height:20px; width:158px; position:absolute; bottom:7px; z-index:1; left:10px; overflow:hidden; word-break:break-all; text-align:center;text-shadow:1px 1px 1px rgba(0,0,0,.3)}#bddbff 是弹出内容块的背景颜色代码
#206ac5 是弹出内容块的边缘颜色代码
#0c1d85 是弹出内容块的文字颜色代码
#0c1d85 是弹出内容块的文字鼠标悬停时会变成的颜色代码
#fff 是图片下面,标题的颜色代码
 
实时广播台 For phpwind 8.7 bbs.7z
 
 
 
 
来电party
总版主
总版主
  • 发帖数9965
  • 铜币11280两
  • 威望8816点
  • 贡献5683点
  • 注册日期2011-01-31
  • 最后登录2017-12-21
  • 热心助人奖
  • 社区居民
  • 忠实会员
  • 最爱沙发
  • 社区明星
  • 民间侠客
沙发#
发布于:2011-12-19 20:17
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
  不错不错
米兰达
二星会员
二星会员
  • 发帖数108
  • 铜币238两
  • 威望29点
  • 贡献0点
  • 注册日期2011-10-17
  • 最后登录2016-11-19
板凳#
发布于:2011-12-19 21:05
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
支持
来电party
总版主
总版主
  • 发帖数9965
  • 铜币11280两
  • 威望8816点
  • 贡献5683点
  • 注册日期2011-01-31
  • 最后登录2017-12-21
  • 热心助人奖
  • 社区居民
  • 忠实会员
  • 最爱沙发
  • 社区明星
  • 民间侠客
3楼#
发布于:2011-12-19 21:08
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
嘿~ 基本全天在论坛~
即日尽在
四星会员
四星会员
  • 发帖数1983
  • 铜币18两
  • 威望3点
  • 贡献0点
  • 注册日期2011-10-12
  • 最后登录2012-10-18
4楼#
发布于:2011-12-19 21:40
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
很好很强大。



www.5cuu.com
鼎尖舞者
三星会员
三星会员
  • 发帖数842
  • 铜币640两
  • 威望149点
  • 贡献0点
  • 注册日期2010-08-24
  • 最后登录2016-03-23
  • 社区居民
  • 忠实会员
5楼#
发布于:2011-12-19 22:34
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
好 东西                
okcom
五星会员
五星会员
  • 发帖数3873
  • 铜币12046两
  • 威望33653点
  • 贡献1点
  • 注册日期2009-08-14
  • 最后登录2014-12-09
6楼#
发布于:2011-12-20 08:46
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
支持了!!!
90title
五星会员
五星会员
  • 发帖数8471
  • 铜币772两
  • 威望6136点
  • 贡献700点
  • 注册日期2010-02-10
  • 最后登录2017-08-16
  • 社区居民
  • 最爱沙发
  • 社区明星
7楼#
发布于:2011-12-20 10:32
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
优秀文章,补丁不舒服
yang901221
新手上路
新手上路
  • 发帖数94
  • 铜币13两
  • 威望36点
  • 贡献0点
  • 注册日期2011-12-12
  • 最后登录2013-05-21
8楼#
发布于:2011-12-20 11:18
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
  好不错的分享。。。
ybb15168
四星会员
四星会员
  • 发帖数2002
  • 铜币0两
  • 威望-346点
  • 贡献0点
  • 注册日期2011-05-25
  • 最后登录2015-06-18
9楼#
发布于:2011-12-20 13:22
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
前来学习学习,帮大伙顶帖哦
亼玍旅程
新手上路
新手上路
  • 发帖数36
  • 铜币140两
  • 威望21点
  • 贡献0点
  • 注册日期2011-10-16
  • 最后登录2012-04-29
10楼#
发布于:2011-12-20 20:35
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
南宁南湖网已安装成功http://nanhu.koo5.com/read.php?tid-5.html

我设成990的了
欣艺地毯
四星会员
四星会员
  • 发帖数3857
  • 铜币1981两
  • 威望128点
  • 贡献0点
  • 注册日期2011-11-18
  • 最后登录2014-03-05
11楼#
发布于:2011-12-22 17:18
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
好像不错 ,支持一下
小条鱼
二星会员
二星会员
  • 发帖数330
  • 铜币203两
  • 威望-150点
  • 贡献0点
  • 注册日期2010-07-29
  • 最后登录2015-03-17
12楼#
发布于:2011-12-31 22:49
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
倩啊, 大爱。
高桥
三星会员
三星会员
  • 发帖数506
  • 铜币511两
  • 威望0点
  • 贡献0点
  • 注册日期2011-03-07
  • 最后登录2015-12-18
  • 社区居民
13楼#
发布于:2012-01-01 17:17
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
你是我偶像
soso627
PW moblie内测组
PW moblie内测组
  • 发帖数2652
  • 铜币1616两
  • 威望1072点
  • 贡献0点
  • 注册日期2006-06-22
  • 最后登录2015-06-12
14楼#
发布于:2012-01-02 10:55
系统提示:关于phpwind产品的学习与交流已经迁移到阿里云论坛,请访问这里:https://bbs.aliyun.com/fourms.php?m=bbs&cateid=403
加上自动滚动效果会更好,呵呵
上一页
游客

返回顶部