粗仿模板迷绿黑系风格 - SCLUB风格 - OOCN分享圈 ,虚拟世界,美食灵感,地球论坛

/ 7 页

12 3 4 5 6 7 下一页

返回列表发帖

查看: 1万|回复: 60

[仿制风格] 粗仿模板迷绿黑系风格 [复制链接]

oocn

楼主 跳转到 »

发表于 2013-3-11 10:52 | 只看该作者倒序看帖字体大小:

阅读模式 点进去免费发广告

马上注册，结交更多好友，享用更多功能，让你轻松玩转社区。

您需要登录才可以下载或查看，没有帐号？立即注册

登陆后可看大图

下载地址回复可得

本帖隐藏的内容需要回复才可以浏览

备注：必须添加此代码
方法：其他头部

复制代码

<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>