9.0版风格[南园踏青]

楼主 yglx 于 2014-05-12 03:20:59

9.0版风格[南园踏青]

[P][URL=http://jyhjyh.e174.leoboard.com/xz/tq.zip]http://jyhjyh.e174.leoboard.com/xz/tq.zip[/URL][/P][P]演示[/P][P][URL=http://jyhjyh.e174.leoboard.com/bbs/boards.asp]http://jyhjyh.e174.leoboard.com/bbs/boards.asp[/URL][/P][P] [/P][P][upload=15283,0]1.jpg[/upload][/P]

1楼 家何处于 2014-05-12 08:16:00

[FACE=宋体][SIZE=12px]赞一个[/SIZE][/FACE]

2楼 spiderman 于 2014-05-12 09:38:29

[P]这么晚，辛苦[/P][P]因为参考自桃源风格，元素比较齐全，bug也较少[/P][P]
[/P][P]目前若想制作新的风格，必须参考 2014，步步惊心或是桃源人家风格（其它的元素不够齐全）[/P][P]
[/P][P]要是素材图片有高清的就更好了（目前有点模糊）[/P]

3楼 spiderman 于 2014-05-12 09:38:42

下面几个css可能需要修复：[P].stylebox{padding-top:52px;background: url('../../images/style/extend/nangyuang_tq/01001/a_right2.jpg') no-repeat right top,url('../../images/style/extend/nangyuang_tq/01001/a_right.jpg') no-repeat left top;}[/P][P]可以删除，或padding-top设置为0，因没有使用背景，其中留了较大的空间[/P][P]
[/P][P].stylebox .nonestylebox{padding-bottom:49px;background: url('../../images/style/extend/nangyuang_tq/01001/c_right2.jpg') no-repeat right bottom,url('../../images/style/extend/nangyuang_tq/01001/c_right.jpg') no-repeat left bottom;}[/P][P]可以删除，或 padding-bottom:49px 设置为0，因没有使用背景，其中留了较大的空间[/P][P]
[/P][P]IE6下导航栏出现了其它颜色(bg.gif)，以下可以删除或修改：[/P][P]
   background: url(../../images/style/3/01001/bg.png) no-repeat right 0;
   _background: url(../../images/style/3/01001/bg.gif) no-repeat right 0;[/P][P]
[/P][P]
   background: url(../../images/style/3/01001/bg.png) no-repeat right -35px;
   _background: url(../../images/style/3/01001/bg.gif) no-repeat right -35px;[/P][P]
[/P][P].b_list_topicname .note{height:66px;overflow-y:hidden;}[/P][P]需要删除，原因为原css的bug，否则视频播放基本看不到[/P][P]
[/P][P].table_options .note img{padding-right:6px;max-width:140px;max-height:105px;
_width: expression((this.scrollWidth>140)?140:'auto');
_height: expression((this.scrollWidth>105)?105:'auto');margin-top:0px !important;padding-top:0px !important;
}[/P][P]可以将其中的数字105改为60（也就是减小缩略图的大小)[/P]

4楼 spiderman 于 2014-05-12 09:50:29

[P]导航可以加入一行箭头的css[/P][P].navigate_string_step{line-height:17px;float:left;padding-left: 6px; padding-right: 3px; background: url(../../images/style/3/nav-trail.png) no-repeat 0% 50%;}[/P][P]
[/P][P]图片可以从[/P][P][URL=http://www.leadbbs.com/images/style/extend/nangyuang_tq/nav-trail.png]http://www.leadbbs.com/images/style/extend/nangyuang_tq/nav-trail.png[/URL] 下载[/P][P]并保存在风格的图片目录下面，比如楼主用的是3目录，我这是扩展风格，所以用在 extend/nangyuang_tq目录下面，比较容易避免重复，方便安装[/P][P]
[/P][P]
[/P][P].copyright{color:#c7765e;padding-top:16px;padding-bottom:5px;}[/P][P]可以更为[/P][P].copyright{color:#c7765e;padding-top:36px;padding-bottom:5px;}[/P][P]底部的字稍居中一些[/P][P]
[/P]

5楼 51yd 于 2014-05-12 11:03:52

赞！
就是太糊了，我使劲睁大眼睛也不行，发晕。
配色、图片都要改啊

风格美化