114啦顶部告白修改为幻灯片
网站幻灯片是在有限的网页空间内展示系列项目时用的一种很是智慧的做法。利用要领:下载附件jquery文件夹上传到路径public/widget/文件夹下,然后登岸到靠山>>>告白打点>>>首页顶部告白,告白代码填入:
<iframe width="640px" height="68" frameborder="0" scrolling="no" allowtransparency="true" src=http://down.chinaz.com/"public/widget/jquery/index.html"></iframe>这里为了利便,我直接利用iframe方法挪用,然后打开首页主样式CSS路径(各模板气势气魄样式路径文件差异请按你所利用的气势气魄修改相应的CSS文件):
蓝色气势气魄:public/home/base.css
绿色气势气魄:public/home/style/new_green/base.css
编辑样式气势气魄文件,找到代码(绿色气势气魄的约在75行,蓝色气势气魄的约在74行);
#cal { height:60px; float:right; width:150px; font-size:12px; text-align:center; line-height:20px;}在代码的后头增加样式:display:none;则最终修改为:
#cal { height:60px; float:right; width:150px; font-size:12px; text-align:center; line-height:20px;display:none;}这行是时间及闹钟的样式,我们此刻把它埋没了,如以想把时间及闹钟显示返来只需把后头新增加的:display:none;去掉即可。修改完成后,从头生成首页就可以看到结果了,告白图片或许8秒会自动切换到下一张,点击下方的小圆圈按钮可以快速切换。
告白图片改换要领:修改附件jquery文件夹 images 文件夹下的图片。和附件文件夹根目次下的index.html 内里的引用图片代码;
<li><a href="#" target="_blank"><img width="600" height="60" src=http://down.chinaz.com/"images/u115.gif" title="115网盘" /></a></li><li><a href="#" target="_blank"><img width="600" height="60" src=http://down.chinaz.com/"images/115ie.png" title="115欣赏器" /></a></li>
<li><a href="#" target="_blank"><img width="600" height="60" src=http://down.chinaz.com/"images/ylmfos.png"title="Ylmf os" /></a></li>
<li><a href="#" target="_blank"><img width="600" height="60" src=http://down.chinaz.com/"images/win7.jpg" title="win 7频道" /></a></li>
<li><a href="#" target="_blank"><img width="565" height="60" src=http://down.chinaz.com/"images/915.png" title="915充值" /></a></li>
各人按实际修改成你的就可以了,留意图片引用的路径和名目。
114啦文字修改为微软雅黑加添加阴影结果:
微软雅黑是为微软公司设计的屏幕显示汉字。它具有本性奇特、结体美妙、识别性强、块状结果好、显示清晰等利益。雅黑字体的也越来越多,小我私家也很是喜欢这种屏幕显示字体,看上去比其它字体稍大一些,并且更清晰,出格是在液晶屏上,结果更佳。Vista和Windows 7系统已将该字体配置为默认显示字体。
文字阴影结果,是从CSS2.0中延续过来,当初只有Safari支持这一属性,跟着其它欣赏器的支持,这个大度的结果,才真正应用到网页配置中,是除了CSS3圆角属性之外,结果最棒的,可加强文字的清晰度。
惋惜IE不支持,包罗刚宣布的IE9。修改要领:也是先找到模板气势气魄的主样式CSS文件,路径同上
蓝色气势气魄:public/home/base.css
绿色气势气魄:public/home/style/new_green/base.css
编辑样式文件(各模板气势气魄样式文件路径差异请按你所利用的气势气魄修改相应的CSS文件):
找到代码(约在8行);
代码修改为:
input,select,body { font-family:microsoft yahei,Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif;text-shadow:0px 1px 0px #d1d1d1; }上面只是增加了两行代码:
microsoft yahei,文字配置为微软雅黑,如要当前用户没有该字本会跳到Tahoma,照此类推。
text-shadow:0px 1px 0px #d1d1d1; 这个是配置文字的阴影结果,有站长说增加了这个结果反而以为欠悦目,各人按你喜欢是否增加。
结果如下图:
文章所需的CSS和jquery包下载地点:jquery.rar
114啦网址导航系统 v1.15 GBK Build 20110803下载
界面预览jQuery v2.2.1下载