繁體
|
簡體
Sclub交友聊天~加入聊天室當版主
(檢舉)
分享
新浪微博
QQ空间
人人网
腾讯微博
Facebook
Google+
Plurk
Twitter
Line
标题:
[仿制风格]
粗仿模板迷绿黑系风格
[打印本页]
作者:
oocn
时间:
2013-3-11 10:52
标题:
粗仿模板迷绿黑系风格
登陆后可看大图
下载
(116.64 KB)
2013-3-11 10:50
下载地址回复可得
本帖隐藏的内容需要回复才可以浏览
备注:必须添加此代码
方法:其他头部
复制代码
<div id="sidebar_l" class="sidebar_l">
<div id="menu-link" class="menu-link">
<a class="signin windimg" title="link" href="login">
<img title="账号登录及注册" src="http://www.moban.me/static/image/moban_me/facelogo.png">
</a>
<div class="menu-box tabs">
<a class="current">
<span>
<i class="h-icons icon-txl"></i>
导航
</span>
</a>
<a id="smsMenu" class=" " style="_margin-right: -3px;">
<span>
<i class="h-icons icon-sms"></i>
模板分类
</span>
</a>
</div>
<div class="help-links">
<div id="helpLinksBox">
<a class="h-icons icon-support tooltip" title="反馈" target="_blank" href="forum-41-1.html"></a>
<a class="h-icons icon-help tooltip" title="帮助" target="_blank" href="forum-41-1.html"></a>
<div class="line"></div>
</div>
</div>
</div>
<div class="sub-menu">
<div id="groupAll">
<ul class="group-list">
<li id="logClass" class="f group-item logClass selected" name="group_all" groupid="-1">
<div class="ip">
<input id="search_input" type="text" onblur="if (value ==''){value='请输入搜索内容'}" onfocus="if (value =='请输入搜索内容'){value =''}" value="请输入搜索内容" name="srchtxt">
</div>
<button class="fl cp" type="submit"></button>
</
</li>
</ul>
</div>
<div class="box visible">
<ul id="main-nav">
<li>
<a class="nav-top-item" style="padding-right: 15px;" href="http://oocn.258club.com/forumdisplay.php?fid=2">风格发布</a>
</li>
<li>
<a class="nav-top-item current" style="padding-right: 15px;" href="#">论坛导航</a>
<ul style="display: block;">
<li id="mn_forum" class="current">
<a title="论坛" hidefocus="true" href="index.php">
论坛首页
<span>论坛</span>
</a>
</li>
</ul>
</li>
<li>
<a class="nav-top-item" style="padding-right: 15px;" href="http://oocn.258club.com/forumdisplay.php?fid=28">Q Q技术</a>
</li>
<li>
<a class="nav-top-item" style="padding-right: 15px;" href="http://oocn.258club.com/forumdisplay.php?fid=19">素材下载</a>
</li>
<li>
<a class="nav-top-item" style="padding-right: 15px;" href="http://oocn.258club.com/forumdisplay.php?fid=25">免费资源</a>
</li>
<li>
<a class="nav-top-item" style="padding-right: 15px;" href="http://oocn.258club.com/forumdisplay.php?fid=20">会员服务</a>
</li>
</ul>
</div>
</div>
</div><style>
body {
background: url("http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/12120721558daba90443cea3d4.png") repeat-y scroll 0 0 transparent !important;
margin: 0 0 0 238px !important;
padding: 0 15px 0 20px !important;
}
html {
background: url("http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/12120721527c482406c1165ce4.png") no-repeat scroll 100% 0 #F0F0F0 !important;
text-shadow: 1px 1px 0 white !important;
}
#header .wrap {
border-bottom: 1px dotted #CCCCCC !important;
padding: 0 !important;
}
#header h2 {
padding: 7px 0 6px !important;
}
.content {
padding: 0 !important;
}
#wrap {
background: none repeat scroll 0 0 transparent !important;
}
.content .list {
background: none repeat scroll 0 0 #FFFFFF !important;
border: 1px solid #DDDDDD !important;
border-radius: 4px 4px 4px 4px !important;
margin-bottom: 10px !important;
padding:2px 10px 10px!important;
}
.content .list h3 {
margin:0 -8px!important;
background: url("http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/121207220633b0ccedeeb5a739.png") repeat-x scroll 0 0 white;
border-left: 1px solid #FFFFFF !important;
border-radius: 4px 4px 4px 4px !important;
border-right: 1px solid #FFFFFF !important;
border-top: 1px solid #FFFFFF !important;
color: #FFFFFF !important;
line-height: 31px !important;
padding: 0 10px !important;
text-shadow: 0 0 0 !important;
}
.content .list h3 a {
color: #FFFFFF !important;
}
.sidebar_l {
background: url("http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/1212072152a1167a47fec07f7b.png") repeat-y scroll 0 0 transparent !important;
float: left !important;
height: 100% !important;
left: 0 !important;
position: fixed !important;
width: 238px !important;
}
.menu-link {
float: left !important;
height: 100% !important;
padding: 0 7px 0 0 !important;
position: relative !important;
width: 50px !important;
}
a.signin {
display: block !important;
left: 3px !important;
overflow: hidden !important;
padding: 4px !important;
position: absolute !important;
top: 3px !important;
transition: all 0s ease-out 0s !important;
}
a.signin img {
border-radius: 5px 5px 5px 5px !important;
float: left !important;
height: 40px !important;
width: 40px !important;
}
.menu-box .current {
background: url("http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/121207222618d9e54301fcc8d8.png") no-repeat scroll 0 0 transparent !important;
color: #FFFFFF !important;
}
.menu-box {
font-family: microsoft yahei !important;
left: 2px !important;
position: absolute !important;
top: 56px !important;
z-index: 101 !important;
}
.menu-box a {
color: #A6AFB9 !important;
float: left !important;
font-size: 18px !important;
line-height: 22px !important;
margin-left: 2px !important;
padding-top: 12px !important;
text-align: center !important;
text-shadow: 0 0 0 !important;
width: 48px !important;
}
.menu-box .current span {
background: url("http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/121207222618d9e54301fcc8d8.png") no-repeat scroll 0 bottom transparent !important;
}
.menu-box a span {
cursor: pointer !important;
display: inline-block !important;
padding: 0 7px 22px 11px !important;
width: 30px !important;
}
.h-icons {
background: url("http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/1212072232d2460c2a3927d6bd.png") no-repeat scroll 0 0 transparent;
display: inline-block !important;
height: 30px !important;
vertical-align: middle !important;
width: 30px !important;
}
.icon-sms {
background-position: -60px -30px !important;
}
.help-links {
bottom: 0 !important;
left: 0 !important;
padding: 0 17px 0 10px !important;
position: absolute !important;
z-index: 100 !important;
}
.help-links a {
margin: 5px 0 !important;
}
.icon-support {
background-position: -90px -30px !important;
}
.icon-help {
background-position: -90px -60px !important;
}
.menu-link .line {
border-top: 1px dotted #575757 !important;
font-size: 0 !important;
height: 0 !important;
margin: 5px 0 !important;
overflow: hidden !important;
}
.icon-txl {
background-position: -60px 0 !important;
}
a:hover .icon-txl {
background-position: -30px 0 !important;
}
.help-links a:hover {
transition: all 0s ease-in-out 0s !important;
}
a:hover .icon-sms {
background-position: -30px -30px !important;
}
.icon-support:hover {
background-position: -120px -30px !important;
}
.icon-help:hover {
background-position: -120px -60px !important;
}
.menu-box span:hover {
color: #FFFFFF !important;
transition: all 0.5s ease-out 0s;
}
.sub-menu {
float: left;
height: 100%;
padding: 0 0 0 10px;
position: relative;
width: 171px;
z-index: 100;
}
#groupAll {
border-bottom: 1px dotted #4F4F4F;
height: 41px;
margin: 0;
overflow: hidden;
padding-top: 9px;
width: 164px;
}
.group-list {
overflow: hidden;
width: 100%;
}
#logClass {
height: 29px;
padding: 4px 0 0;
position: inherit;
width: 164px;
}
.group-list .selected {
background: url("http://www.moban.me/static/image/moban_me/group-item.png") no-repeat scroll 0 -33px transparent;
}
.group-list li {
}
.group-item {
color: #888888;
font-size: 12px;
height: 33px;
line-height: 33px;
margin-bottom: 6px;
overflow: hidden;
padding: 0 0 0 10px;
position: relative;
width: 154px;
}
ul li, .xl li {
list-style: none outside none;
}
.group-item .ip {
float: left;
height: 20px;
overflow: hidden;
padding: 4px 5px 0;
width: 115px !important;
}
.group-item .ip, .s_select {
background: none repeat scroll 0 0 transparent !important;
}
.group-item .ip input {
background: none repeat scroll 0 0 transparent !important;
border: 0 none !important;
color: #999999 !important;
float: left !important;
font-size: 12px !important;
line-height: 16px !important;
margin: 0 !important;
padding: 0 !important;
width: 100% !important;
}
.group-item button {
background: url("http://www.moban.me/static/image/moban_me/search.gif") no-repeat scroll 5px 5px transparent !important;
border: 0 none !important;
font-size: 14px !important;
font-weight: 700 !important;
height: 25px !important;
line-height: 25px !important;
margin-right: 0 !important;
overflow: hidden !important;
padding: 0 0 3px !important;
text-indent: 100px !important;
width: 20px !important;
}
.cp {
cursor: pointer !important;
}
.fl {
float: left !important;
}
.box.visible {
display: block !important;
}
#sidebar_l #main-nav {
font-family: microsoft yahei,Helvetica,Arial,sans-serif !important;
margin: 10px 0 0 2px !important;
padding: 0 !important;
width: 169px !important;
}
#sidebar_l #main-nav li {
list-style: none outside none !important;
padding-bottom: 10px !important;
text-align: right !important;
}
#sidebar_l #main-nav li a.nav-top-item {
background: url("http://www.moban.me/static/image/moban_me/licur.png") no-repeat scroll 0 0 transparent !important;
color: #FFFFFF !important;
cursor: pointer !important;
display: block !important;
font-size: 14px !important;
height: 33px !important;
line-height: 33px !important;
text-decoration: none !important;
text-shadow: 0 0 0 !important;
}
#sidebar_l #main-nav li a.current {
background: url("http://www.moban.me/static/image/moban_me/licur.png") no-repeat scroll 0 -33px transparent !important;
color: #333333 !important;
font-weight: bold !important;
}
#sidebar_l #main-nav li a:hover {
padding-right: 25px !important;
transition: all 0.5s ease-out 0s !important;
}
#sidebar_l #main-nav li a.current:hover {
padding-right: 15px !important;
}
#sidebar_l #main-nav ul li.current {
background: url("http://www.moban.me/static/image/moban_me/licur.png") no-repeat scroll 0 -66px transparent;
}
#sidebar_l #main-nav ul li a:hover, #sidebar_l #main-nav ul li.current a, #sidebar_l #main-nav ul li.current a:hover {
color: #FFFFFF;
}
#sidebar_l #main-nav ul li a {
color: #AAAAAA;
display: block;
font-size: 13px;
height: 33px;
line-height: 33px;
padding: 0 15px 0 0;
}
#sidebar_l #main-nav ul li span {
display: none;
}
#sidebar_l #main-nav ul {
font-size: 12px;
margin: 6px 0 0;
padding: 0;
}
#sidebar_l #main-nav li {
list-style: none outside none !important;
padding-bottom: 10px !important;
text-align: right !important;
text-shadow: 0 0 0 !important;
}
#sidebar_l #main-nav ul li {
list-style: none outside none;
margin: 0 !important;
padding: 0 !important;
text-align: right;
text-shadow: 0 0 0 !important;
}
#sidebar_l #main-nav ul li a:hover {
padding-right: 15px !important;
}
#sidebar_l #main-nav ul li:hover {
padding-right: 0 !important;
}
#nav {
background: url(http://dd.a.5d6d.com/userdirs/2/d/lemons/attachments/month_1212/12120819209bc49f6488663d86.png) no-repeat 4px 50%!important;
height: 29px!important;
line-height: 29px!important;
margin: 10px 0 2px!important;
text-indent: 36px!important;
}
#nav,#nav a {
color: #333333!important;
}
#nav a:hover {
color: #57A000!important;
text-decoration: none!important;
}
#headsearch,.headsearch,.search_form {
display: none!important;
}
#index .pages_btns,#index #nav,#ann,#menu {
display: none!important;
}
.foruminfo {
background: none!important;
border: 0px!important;
padding: 0px!important;
margin: 0px!important;
}
.forumcount {
float: left!important;
}
#index #header {
margin-bottom: 0px!important;
}
.forumcount {
margin: 10px 0px!important;
}
.list table{border-top:1px solid #FFF!important;}.list th,.list td{border-top:1px dashed #CDCDCD!important;}
</style>
复制代码
图片附件:
11.jpg
(2013-3-11 10:50, 116.64 KB) / 下载次数 928
http://oocn.258club.com/attachment.php?aid=537&k=a38dfd98041b91bfcea94c5184732822&t=1774333247&sid=v8pCsA
附件:
仿制模板迷.rar
(2013-3-11 10:50, 4.1 KB) / 下载次数 51
http://oocn.258club.com/attachment.php?aid=538&k=6b3012076b0fcf3dd3c452c4e95a8949&t=1774333247&sid=v8pCsA
作者:
Lee
时间:
2013-3-11 14:43
支持LZ分享
太牛B
作者:
594359天花粉
时间:
2013-3-11 14:46
好风格 支持
作者:
AOLOGO
时间:
2013-3-11 14:48
好风格 支持
作者:
GTA
时间:
2013-3-11 15:09
好风格 支持
作者:
GTA
时间:
2013-3-11 15:09
红花 元宝 爱心 不够 怎么获取啊???
作者:
晓羽毛
时间:
2013-3-11 15:11
如果不加这个代码的话 是不是仅仅是没有图上左边侧栏的效果而已?
不影响整个论坛的风格的吧
作者:
Lee
时间:
2013-3-11 15:59
回复
7#
晓羽毛
我试过了 不用代码 就没有效果
作者:
艾菲设计
时间:
2013-3-14 10:52
这个怎么用呀
作者:
oocn
时间:
2013-3-14 11:04
回复
9#
艾菲设计
按照我说的步骤做 就能做出来 如果真的试不出来 去求助区求助 可以上门服务
作者:
Lee
时间:
2013-3-14 13:20
好风格 支持
作者:
1105284696
时间:
2013-3-15 16:35
好风格 支持
作者:
nianhuo8
时间:
2013-3-16 01:10
好帖要顶,楼主的头像还是不错滴
作者:
1105284696
时间:
2013-3-16 15:40
好帖要顶,楼主的头像还是不错滴
作者:
1105284696
时间:
2013-3-16 15:41
好帖要顶,楼主的头像还是不错滴
作者:
24K纯男
时间:
2013-3-18 08:31
謝謝分享
作者:
Bellemaison
时间:
2013-4-22 12:11
谢谢分享
作者:
0.1
时间:
2013-4-26 15:12
这个怎么用呀
作者:
wait
时间:
2013-5-1 19:47
看看~~~~~
作者:
小河蜻蜓
时间:
2013-5-3 09:45
看看~~~~~
作者:
维尼葡萄
时间:
2013-5-3 22:02
感谢分享
作者:
请你吃西瓜
时间:
2013-5-6 15:53
好风格 谢谢
作者:
唧唧复唧唧
时间:
2013-5-7 10:04
谢谢分享
作者:
百事通
时间:
2013-5-15 20:04
法师打发士大夫
作者:
亞璇
时间:
2013-5-21 10:29
好風格 支持
作者:
我是小水
时间:
2013-5-21 15:11
不错 不错~~~
作者:
你懂我的帥
时间:
2013-5-25 17:52
wow 好帥氣啊~
作者:
乌托帮河畔
时间:
2013-6-27 18:35
提示:
作者被禁止或删除 内容自动屏蔽
作者:
乌托帮河畔
时间:
2013-6-28 20:03
提示:
作者被禁止或删除 内容自动屏蔽
作者:
一秒钟
时间:
2013-7-3 17:00
看看哦。。
作者:
乌托帮河畔
时间:
2013-7-6 01:30
提示:
作者被禁止或删除 内容自动屏蔽
作者:
乌托帮河畔
时间:
2013-7-13 02:59
提示:
作者被禁止或删除 内容自动屏蔽
作者:
黄臣果
时间:
2013-7-14 19:04
太牛了我啊
作者:
小阅
时间:
2013-7-27 15:31
kankan haobu hao
作者:
巅峰雨客
时间:
2013-8-6 15:33
感谢楼主分享哈
作者:
巅峰雨客
时间:
2013-8-6 19:25
又一个用不了的,图片怎么没有更新啊
作者:
乌托帮河畔
时间:
2013-8-25 20:46
提示:
作者被禁止或删除 内容自动屏蔽
作者:
乌托帮河畔
时间:
2013-8-26 16:50
提示:
作者被禁止或删除 内容自动屏蔽
作者:
雨痕
时间:
2013-8-27 14:08
看看。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。
作者:
花不语兮
时间:
2013-8-29 12:03
尊好看~~顶
作者:
风的旋律
时间:
2013-8-29 16:27
这个必须加入到收藏里面 很漂亮
作者:
乌托帮河畔
时间:
2013-8-30 11:16
提示:
作者被禁止或删除 内容自动屏蔽
作者:
乌托帮河畔
时间:
2013-9-1 14:16
提示:
作者被禁止或删除 内容自动屏蔽
作者:
雨婷
时间:
2013-9-21 14:06
支持一下
作者:
乌托帮河畔
时间:
2013-10-11 23:16
提示:
作者被禁止或删除 内容自动屏蔽
作者:
乌托帮河畔
时间:
2013-11-15 16:48
提示:
作者被禁止或删除 内容自动屏蔽
作者:
我们大家
时间:
2013-12-18 15:34
此风格拿走
作者:
好吧我注册
时间:
2013-12-20 09:25
路过看看。。。
作者:
单身俱乐部
时间:
2013-12-25 23:18
........................
作者:
lrm1998
时间:
2014-1-1 15:32
呵呵,这个好!
作者:
小哥
时间:
2014-1-1 19:05
路过支持~
lz好样的~
作者:
小鬼
时间:
2014-4-4 00:55
【支持oocn,越来越美好】
作者:
维达网络
时间:
2015-1-22 16:31
他[她]看完这篇文章说:
作者:
葱葱
时间:
2015-1-29 12:07
回复
1#
oocn
作者:
李明宇
时间:
2015-6-19 21:35
他[她]看完这篇文章说:
作者:
此生此世
时间:
2015-7-24 22:25
他[她]看完这篇文章说:
作者:
阿宇
时间:
2016-1-15 15:17
他[她]看完这篇文章说:
作者:
困死了
时间:
2016-3-22 15:29
支持LZ分享免费东西
作者:
林子浩啊
时间:
2016-4-3 07:55
回复
1#
oocn
作者:
我的家
时间:
2016-5-25 23:45
挺好看的。不错
作者:
三院月
时间:
2016-9-17 20:44
看看帖子里藏了啥好东西~~~
欢迎光临 OOCN分享圈 (http://oocn.258club.com/)
Powered by Discuz! 7.2