OOCN分享圈 » SCLUB风格 » 粗仿模板迷绿黑系风格

oocn 发表于 2013-3-11 10:52

粗仿模板迷绿黑系风格

[attach]537[/attach]

下载地址回复可得

**** Hidden Message *****[code]备注：必须添加此代码
方法：其他头部
[/code][code]<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>[/code]

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

[b]回复 [url=http://oocn.258club.com/redirect.php?goto=findpost&pid=1044&ptid=410]7#[/url] [i]晓羽毛[/i] [/b]


    我试过了 不用代码 就没有效果

艾菲设计 发表于 2013-3-14 10:52

这个怎么用呀

oocn 发表于 2013-3-14 11:04

[b]回复 [url=http://oocn.258club.com/redirect.php?goto=findpost&pid=1162&ptid=410]9#[/url] [i]艾菲设计[/i] [/b]


    按照我说的步骤做 就能做出来  如果真的试不出来 去求助区求助  可以上门服务

Lee 发表于 2013-3-14 13:20

好风格 支持

1105284696 发表于 2013-3-15 16:35

好风格 支持

nianhuo8 发表于 2013-3-16 01:10

好帖要顶,楼主的头像还是不错滴[img=0,1]http://forumimage.org/images/icon01.jpg[/img][img=0,1]http://forumimage.org/images/icon02.jpg[/img][img=0,1]http://forumimage.org/images/icon03.jpg[/img][img=0,1]http://forumimage.org/images/icon04.jpg[/img][img=0,1]http://forumimage.org/images/icon05.jpg[/img][img=0,1]http://forumimage.org/images/icon06.jpg[/img][img=0,1]http://forumimage.org/images/icon07.jpg[/img][img=0,1]http://forumimage.org/images/icon08.jpg[/img][img=0,1]http://forumimage.org/images/icon09.jpg[/img][img=0,1]http://forumimage.org/images/icon10.jpg[/img][img=0,1]http://forumimage.org/images/icon11.jpg[/img][img=0,1]http://forumimage.org/images/icon12.jpg[/img][img=0,1]http://forumimage.org/images/icon13.jpg[/img][img=0,1]http://forumimage.org/images/icon14.jpg[/img][img=0,1]http://forumimage.org/images/icon15.jpg[/img]

1105284696 发表于 2013-3-16 15:40

好帖要顶,楼主的头像还是不错滴

1105284696 发表于 2013-3-16 15:41

好帖要顶,楼主的头像还是不错滴

24K纯男 发表于 2013-3-18 08:31

謝謝分享{:3_45:}

Bellemaison 发表于 2013-4-22 12:11

谢谢分享

0.1 发表于 2013-4-26 15:12

这个怎么用呀

wait 发表于 2013-5-1 19:47

看看~~~~~

小河蜻蜓 发表于 2013-5-3 09:45

看看~~~~~

查看完整版本: 粗仿模板迷绿黑系风格