| uNet | Отредактировал uNet - Четверг, 24 Сентября 2009, 15:54 Дата: 24 Сентября 2009, 15:53 | Сообщение # 1 | ● ● ● ● ● 16 сообщений Статус: Offline |  Как зделать чтоб между разделами были такие полоски как на многих сайтов?? Вот общий вид страницы форума Quote <head> <title>$MODULE_NAME$</title> <link href="/css/style.css" type="text/css" rel="stylesheet" /> <link href="/css/engine.css" type="text/css" rel="stylesheet" /> <!--[if IE]> <link href="/css/ie.css" type="text/css" rel="stylesheet" /> <![endif]--> </head>
<body> <!-- Вход на сайт Начало -->
<div style="float:right;margin-bottom:10px;">
</div>
<!-- Вход на сайт Конец --> $GLOBAL_AHEADER$ <div id="outer" style="clear:both;">
<div id="main">
<div id="wrapper" class="column">
<div id="content">
<div id="content-top">
<div id="content-left"></div>
<div id="content-right"></div>
</div>
<div id="padding">
<span id='dle-info'></span>
<div id='dle-content'><center><!-- <body> --><table border="0" cellpadding="0" height="30" cellspacing="0" width="100%">
<tr>
<td align="right">[<?if($USER_LOGGED_IN$)?>
<a href="javascript://" rel="nofollow" id="upml" class="fNavLink" onclick="window.open('$PM_URL$','pmw','scrollbars=1,top=0,left=0,resizable=1,width=680,height=350');return false;"><!--<s3065>-->Личные сообщения<!--</s>-->($UNREAD_PM$)</a> ·
<?if($IS_NEW_PM$)?><script type="text/javascript">function flashit(id,cl){var c=document.getElementById(id);if (c.style.color=='red'){c.style.color=cl;}else {c.style.color='red';}}setInterval("flashit('upml','')",500)</script><bgsound src="http://s31.ucoz.net/img/fr/pm.wav" loop="1" volume="0" balance="0">
<?endif?><?endif?>
<a class="fNavLink" href="$RECENT_POSTS_LINK$" rel="nofollow"><!--<s5209>-->Новые сообщения<!--</s>--></a> ·
<a class="fNavLink" href="$MEMBERS_LIST_LINK$" rel="nofollow"><!--<s5216>-->Участники<!--</s>--></a> ·
<a class="fNavLink" href="$BOARD_RULES_LINK$" rel="nofollow"><!--<s5166>-->Правила форума<!--</s>--></a> ·
<a class="fNavLink" href="$SEARCH_PAGE_LINK$" rel="nofollow"><!--<s3163>-->Поиск<!--</s>--></a> ·
<a class="fNavLink" href="$RSS_LINK$" rel="nofollow">RSS</a> ]</td>
</tr>
</table>
$BODY$<!-- </body> --></div>
</div>
<div id="content-bottom">
<div id="bottom-left"></div>
<div id="bottom-right"></div>
</div>
</div>
</div>
<div id="right" class="column"> $GLOBAL_CLEFTER$
</div></div>
$GLOBAL_BFOOTER$
</body>
</html> | | |
|
| uNet | Дата: 24 Сентября 2009, 16:16 | Сообщение # 5 | ● ● ● ● ● 16 сообщений Статус: Offline | Не получается
Вот CSS
Quote <HTML><head><title>$MODULE_NAME$ - $SITE_NAME$</title><style>* { margin: 0pt; padding: 0pt; } body, html { padding: 10px; background: rgb(0, 0, 0) url(../images/nav.png) repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 12px; font-family: Arial,sans-serif; color: rgb(0, 0, 0); } #outer { } img { border: medium none ; } a { color: rgb(85, 85, 85); } #header { background: rgb(0, 0, 0) url(../images/header.jpg) repeat-x scroll 0% 0%; height: 100px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-top: 10px; } #header-right { background: transparent url(../images/header-right.jpg) no-repeat scroll 0% 0%; float: right; width: 36px; height: 100px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #nav { padding: 0px; color: rgb(255, 255, 255); height: 55px; position: absolute; top: 95px; left: 250px; } #intro { padding: 0px 10px 10px 20px; margin-top: 10px; margin-bottom: 15px; height: 15px; font-size: 11px; color: rgb(255, 255, 255); } #footer { padding: 10px 10px 10px 20px; clear: both; font-size: 11px; color: rgb(119, 119, 119); float: right; } #wrapper { float: right; width: 100%; margin-left: -300px; } #content { margin-left: 300px; background-color: rgb(255, 255, 255); margin-top: 20px; } #padding { padding: 20px; } #right { float: left; width: 260px; padding-top: 20px; } #content-left { background: transparent url(../images/content-left.jpg) no-repeat scroll 0% 0%; float: left; width: 30px; height: 28px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #content-right { background: transparent url(../images/content-right.jpg) no-repeat scroll 0% 0%; float: right; width: 30px; height: 28px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #bottom-left { background: transparent url(../images/bottom-left.jpg) no-repeat scroll 0% 0%; float: left; width: 30px; height: 29px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #bottom-right { background: transparent url(../images/bottom-right.jpg) no-repeat scroll 0% 0%; float: right; width: 30px; height: 29px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #content-bottom { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 29px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-bottom: 20px; } .block-left { background: transparent url(../images/content-left.jpg) no-repeat scroll 0% 0%; float: left; width: 30px; height: 30px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .block-right { background: transparent url(../images/content-right.jpg) no-repeat scroll 0% 0%; float: right; width: 30px; height: 30px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .block-bottom { background: rgb(255, 255, 255) none repeat scroll 0% 0%; height: 29px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; margin-bottom: 30px; } .bbottom-left { background: transparent url(../images/bottom-left.jpg) no-repeat scroll 0% 0%; float: left; width: 30px; height: 29px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .bbottom-right { background: transparent url(../images/bottom-right.jpg) no-repeat scroll 0% 0%; float: right; width: 30px; height: 29px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .block { padding: 20px 20px 0px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; line-height: 20px; font-size: 11px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #nav ul { list-style-type: none; width: 100%; } #nav ul li { float: left; padding-left: 20px; padding-right: 10px; margin-top: 20px; margin-bottom: 20px; } #nav ul li a { border-bottom: 1px solid rgb(136, 136, 136); color: rgb(204, 204, 204); text-decoration: none; } #nav ul li a:hover { border-bottom: 1px solid rgb(255, 255, 255); background: rgb(0, 0, 0) none repeat scroll 0% 0%; color: rgb(255, 255, 255); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #intro ul { list-style-type: none; } #intro ul li { float: left; margin-right: 50px; } #intro ul li a { color: rgb(204, 204, 204); } #intro ul li a:hover { color: rgb(255, 255, 255); text-decoration: none; } h1, h2, h3, h4 { font-weight: normal; } h1 { font-size: 18px; margin-bottom: 10px; letter-spacing: -1px; } h1 em { font-style: normal; color: rgb(18, 120, 129); } .news { margin-bottom: 30px; } .news h1 a { border-bottom: 1px solid rgb(204, 204, 204); text-decoration: none; color: rgb(0, 0, 0); } .news h1 a:hover { border-bottom: 1px solid rgb(85, 85, 85); } .news-content { line-height: 20px; clear: both; } .main-meta { border-bottom: 1px dotted rgb(85, 85, 85); margin-top: 15px; margin-bottom: 30px; padding-bottom: 40px; } .top-meta { font-size: 11px; color: rgb(119, 119, 119); float: left; } .meta { font-size: 11px; color: rgb(119, 119, 119); float: right; } span.misc em { font-style: normal; color: rgb(85, 85, 85); } #gray.block { background: rgb(238, 238, 238) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #logo { width: 300px; } #navi { border: 1px solid rgb(255, 255, 255); padding: 20px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; width: 580px; font-size: 11px; position: absolute; top: 110px; left: 30%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } .sort { padding: 10px; background: rgb(235, 235, 216) none repeat scroll 0% 0%; margin-left: 10px; margin-right: 10px; font-size: 11px; margin-bottom: 20px; color: rgb(119, 119, 119); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } li.index { background: transparent url(../images/info.png) no-repeat scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 25px; } li.reg { background: transparent url(../images/reg.png) no-repeat scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 25px; } li.cont { background: transparent url(../images/cont.png) no-repeat scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 25px; } li.rul { background: transparent url(../images/rule.png) no-repeat scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 25px; } li.rss { background: transparent url(../images/rss.png) no-repeat scroll left center; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 25px; } #search { background: transparent url(../images/search.jpg) no-repeat scroll 0% 0%; position: absolute; top: 90px; right: 60px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 205px; height: 61px; padding-top: 20px; padding-left: 30px; } input.search { border: medium none ; padding: 5px; background: transparent none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; width: 150px; font-size: 11px; color: rgb(119, 119, 119); } #right ul { list-style-type: none; margin-top: 10px; } #right ul li { background: transparent url(../images/category.png) no-repeat scroll left center; margin-right: 20px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; padding-left: 20px; } #right ul li a { text-decoration: none; font-size: 12px; } #white.block { background: rgb(255, 255, 255) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } a.addn { background: transparent url(../images/addn.png) no-repeat scroll left center; font-size: 13px; padding-left: 20px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } a.regn { background: transparent url(../images/regn.png) no-repeat scroll left center; font-size: 13px; padding-left: 20px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #comment { margin-bottom: 10px; padding-bottom: 10px; clear: both; } #comment-top { font-size: 11px; color: rgb(119, 119, 119); } .comment-date { float: left; padding-right: 10px; } #comment-bottom { margin: 5px; padding: 5px; background: rgb(235, 235, 216) none repeat scroll 0% 0%; font-size: 11px; clear: left; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(85, 85, 85); } #comment-bottom a { color: rgb(119, 119, 119); margin-left: 5px; margin-right: 5px; } #comment-bottom span a { border-bottom: 1px dashed; text-decoration: none; } .comment-s { padding: 10px; overflow: hidden; } #com-l { border-right: 1px solid rgb(221, 221, 221); width: 80px; float: left; } #com-l a { text-decoration: none; } #com-r { width: 65%; float: left; padding-left: 20px; } #com { border-top: 1px dashed rgb(230, 230, 230); margin-top: 30px; padding-bottom: 20px; padding-left: 10px; clear: both; } h1.addcom { padding-bottom: 0pt; margin-bottom: 5px; } a.bbc { border-bottom: 1px dashed; text-decoration: none; color: rgb(119, 119, 119); } #bbco { display: none; margin-top: 5px; } .d { color: rgb(119, 119, 119); } .e { font-size: 10px; } .infor { list-style-type: none; margin-bottom: 10px; } #login_form, #choose_letter { border: 5px solid rgb(238, 238, 238); background: rgb(255, 255, 255) none repeat scroll 0% 0%; overflow: hidden; position: absolute; width: 24%; left: 38%; top: 85px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; display: none; z-index: 99; } #login_form #border, #choose_letter #border { border: 1px solid rgb(196, 196, 196); padding: 15px 15px 15px 65px; } #login_form a, #choose_letter a { font-size: 11px; } #login_form a, #choose_letter a { text-decoration: underline; } #login_form a:hover, #choose_letter a:hover { text-decoration: none; } .content9 span { background: rgb(255, 255, 229) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } img { border: 0px none ; } div { vertical-align: top; } ul { list-style-type: none; list-style-image: none; list-style-position: outside; } form { margin: 0px; padding: 0px; } h1 { letter-spacing: -1px; font-weight: normal; font-size: 22px; } textarea { border: 1px solid rgb(218, 218, 218); } input { padding: 3px 0pt 0pt 3px; font-size: 11px; color: rgb(102, 102, 102); } button { color: rgb(102, 102, 102); } textarea.addcomments { border: medium none ; padding: 15px; background: transparent url(../images/addcomments.png) no-repeat scroll 0% 0%; overflow: hidden; width: 480px; height: 120px; margin-top: 0px; margin-bottom: 0px; font-family: Arial; font-size: 12px; color: rgb(85, 85, 85); -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } #register input, #register select, #register textarea { border: 1px solid rgb(230, 230, 230); padding: 0px; background: rgb(243, 243, 243) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(102, 102, 102); font-family: Arial; font-style: normal; font-variant: normal; font-weight: normal; font-size: 12px; line-height: normal; font-size-adjust: none; font-stretch: normal; -x-system-font: none; } .hint { border: 1px solid rgb(204, 153, 51); padding: 10px 12px; display: none; position: absolute; margin-left: 40px; width: 200px; margin-top: -4px; background-color: rgb(255, 255, 204); } .hint .hint-pointer { background: transparent url(pointer.gif) no-repeat scroll left top; position: absolute; left: -10px; top: 5px; width: 10px; height: 19px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; } dd { margin-bottom: 10px; } #reg8 input { border: medium none ; background: transparent url(../images/input.jpg) no-repeat scroll 0% 0%; display: block; float: left; clear: left; width: 300px; margin-top: 10px; height: 50px; padding-top: 0px; padding-left: 20px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 12px; font-family: Arial; } td, tr, table { font-size: 13px; font-family: Arial; } a.linkreg { font-size: 11px; color: rgb(119, 119, 119); } .edituser { color: rgb(255, 255, 255); } .edituser a { border-bottom: 1px dashed rgb(119, 119, 119); font-size: 18px; color: rgb(119, 119, 119); } .post input { border: 1px solid rgb(221, 221, 221); padding: 5px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(119, 119, 119); font-family: Arial; margin-bottom: 20px; } .post textarea { border: 1px solid rgb(221, 221, 221); padding: 10px; background: rgb(238, 238, 238) none repeat scroll 0% 0%; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; color: rgb(119, 119, 119); font-family: Arial; margin-bottom: 20px; } a.copy { line-height: 23px; } #reg9 input { border: medium none ; background: transparent url(../images/input.jpg) no-repeat scroll 0% 0%; width: 300px; margin-top: 10px; height: 50px; padding-top: 0px; padding-left: 20px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; font-size: 12px; font-family: Arial; margin-bottom: 20px; } #reg9 select { border: medium none ; margin-top: 10px; padding-left: 20px; font-size: 14px; color: rgb(119, 119, 119); font-family: Arial; margin-bottom: 0px; } .bbcode3 { margin-bottom: 30px; } #chat-load-layer { background: rgb(216, 218, 219) none repeat scroll 0% 0%; width: 175px; height: 200px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: absolute; display: none; opacity: 0.5; } #ChatSmiles { border: 1px solid rgb(255, 204, 3); padding: 7px; background: rgb(255, 243, 196) none repeat scroll 0% 0%; width: 150px; -moz-background-clip: border; -moz-background-origin: padding; -moz-background-inline-policy: continuous; position: absolute; display: none; opacity: 0.8; } #ChatBBcodes { padding: 7px; position: absolute; display: none; opacity: 0.9; } #chat-style a { color: rgb(35, 111, 147); text-decoration: none; } #chat-style .group_1 { color: red; } #chat-style .group_2 { color: rgb(68, 135, 13); } #chat-style .group_3 { color: rgb(204, 126, 237); } #chat-style .group_4 { color: rgb(35, 111, 147); } #chat-style .group_5 { color: rgb(179, 179, 179); } </style></head><body> <link type="text/css" rel="StyleSheet" href="http://1rainbow.3dn.ru/_st/my.css" />
table.gTable {background: #eee}
table.gTable td {background: #fff}
<link href="/css/engine.css" type="text/css" rel="stylesheet">
<!--[if IE]>
<link href="/css/ie.css" type="text/css" rel="stylesheet" />
<![endif]--> | | |
|
