arkadaslar elimde css tasarımı bu tasarımımı düzenleyecek yardım sever arkadaslar varmı
Kod: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="de" lang="de">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-15" />
<script type="text/javascript">
var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-2594508-11']);
_gaq.push (['_gat._anonymizeIp']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsBy CodeX('script')[0]; s.parentNode.insertBefore(ga, s);
})();
</script>
<title>Bz - Ana Sayfa</title>
<style type="text/css">
<!--
able {margin-left: auto;margin-right: auto} h1#title{display: none;}
h2#title span {display: none;}
div.header{display: none;}
li.nav_element{list-style-type: none;}
li.nav_element{display: none;} /*
Àâòîğ: İíòğîë
*/
* {margin: 0; padding: 0;}
html, body {
background: #d9d5cd;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
color: #393939;
text-align: left;
}
a {
color: #b83730;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}
img {
border: 0;
margin: 0;
}
input, textarea {
outline: none;
border: none;
margin: 0;
padding: 0;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
}
.l_con, .r_con {
display: inline;
}
.l_con { float: left; } .r_con { float: right; }
.reset {
list-style: none;
}
.clear {
clear: both;
}
.small {
font-size: 11px;
}
.checkbox {
padding: 4px 0;
line-height: 1em;
}
.checkbox input {
margin-top: -2px;
vertical-align: middle;
}
.wrapper {
width: 1000px;
margin: 0 auto;
text-align: left;
}
.flowing, .entrolarts {
overflow: hidden;
display: block;
height: 0;
}
.background {
background: #e5e3df url("http://img.webme.com/pic/w/welatemin72/background.png") repeat-x;
}
/* TOP_ONE */
.top_one {
background: #272727 url("http://img.webme.com/pic/w/welatemin72/topone.png") repeat-x 0 0;
height: 21px;
overflow: hidden;
}
.top_one .top_one {
background: #272727 url("http://img.webme.com/pic/w/welatemin72/topone.png") repeat-x 0 -21px;
width: 1000px;
height: 21px;
margin: 0 auto;
}
/* HEADER */
.l_head, .r_head {
width: 500px;
height: 114px;
margin: 0;
overflow: hidden;
}
.l_head {
float: left;
background: transparent url("http://img.webme.com/pic/w/welatemin72/header.png") no-repeat 0 0;
}
.l_head h1 {
display: inline;
}
.l_head h1 a {
float: left;
width: 256px;
margin: 9px 0 0 14px;
padding-top: 94px;
background: url("http://d1209.hizliresim.com/11/4/cmq2b.gif") no-repeat;
}
.iconhead1 {
float: left;
margin: 15px 0 0 10px;
background: url("http://img.webme.com/pic/w/welatemin72/iconbg.png") no-repeat;
width: 160px;
height: 88px;
overflow: hidden;
padding-left: 30px;
}
.iconhead1 ul {
list-style: none;
}
.iconhead1 li {
float: left;
}
.iconhead1 img {
width: 60px;
height: 68px;
margin: 10px 0 0 0;
}
.ih_rules a img {
background: transparent url("http://qbsoft.net/templates/qbsoft/img/iconhead.png") no-repeat 0 0;
}
.ih_contacts {
margin-left: 8px;
}
.ih_contacts a img {
background: transparent url("http://qbsoft.net/templates/qbsoft/img/iconhead.png") no-repeat 0 -68px;
}
.ih_rules a:hover img {
background-position: -60px 0;
}
.ih_contacts a:hover img {
background-position: -60px -68px;
}
.r_head {
float: right;
background: transparent url("http://img.webme.com/pic/w/welatemin72/header.png") no-repeat 0 -114px;
}
.loginhead {
float: right;
background: url("http://img.webme.com/pic/w/welatemin72/loginhead.png") no-repeat;
width: 344px;
height: 62px;
margin: 26px 33px 0 0;
padding-left: 8px;
overflow: hidden;
}
.leftinput {
float: left;
width: 162px;
height: 41px;
}
.leftinput .name {
background: transparent url("http://img.webme.com/pic/w/welatemin72/loginform.png") no-repeat 0 0;
width: 119px;
height: 19px;
padding-left: 43px;
margin-top: 11px;
font: 11px Arial, Tahoma, Helvetica, sans-serif;
color: #ffaf25;
}
.leftinput .password {
margin-top: 3px;
background: transparent url("http://img.webme.com/pic/w/welatemin72/loginform.png") no-repeat 0 -19px;
width: 119px;
height: 19px;
padding-left: 43px;
font: 11px Arial, Tahoma, Helvetica, sans-serif;
color: #ffaf25;
}
.rightinput {
float: left;
width: 49px;
height: 41px;
}
.rightinput .fbutton {
cursor: pointer;
background: transparent url("http://img.webme.com/pic/w/welatemin72/loginform.png") no-repeat 0 -38px;
width: 41px;
height: 41px;
margin-left: 5px;
margin-top: 11px;
}
.rightinput .fbutton:hover {
background-position: -41px -38px;
}
.loginhead .linksin {
width: 90px;
height: 42px;
float: left;
margin-left: 17px;
margin-top: 15px;
}
.loginhead .linksin .borderr {
margin-top: 3px;
margin-bottom: 1px;
background: url("http://img.webme.com/pic/w/welatemin72/borderr.png") no-repeat;
height: 2px;
}
.loginhead .linksin .ll {
color: #fff;
font: 11px Arial, Tahoma, Helvetica, sans-serif;
text-decoration: none;
}
.loginhead .linksin .ll:hover {
text-decoration: underline;
}
.loginhead .loginbox {
float: left;
}
.loginhead .loginbox .ava {
float: left;
margin-top: 6px;
margin-right: 7px;
}
.loginhead .loginbox .ava img {
width: 50px;
height: 50px;
}
.loginhead .loginbox .link1, .loginhead .loginbox .link2, .loginhead .loginbox .link3 {
float: left;
font: 11px Arial, Tahoma, Helvetica, sans-serif;
color: #393939;
margin-top: 6px;
}
.loginhead .loginbox .link1 a, .loginhead .loginbox .link2 a {
font: 11px Arial, Tahoma, Helvetica, sans-serif;
color: #fff;
text-decoration: underline;
}
.loginhead .loginbox .link1 a:hover, .loginhead .loginbox .link2 a:hover {
text-decoration: none;
}
.loginhead .loginbox .link2 ul {
margin: 14px 0 0 15px;
}
.loginhead .loginbox .link3 ul {
float: left;
}
.loginhead .loginbox .link3 li {
float: left;
margin: 6px 0 0 15px;
}
.loginhead .loginbox .link3 li a img {
float: left;
width: 39px;
height: 39px;
background: url("http://img.webme.com/pic/w/welatemin72/logexit.png") no-repeat 0 0;
}
.loginhead .loginbox .link3 li a img:hover {
background-position: -39px 0;
}
/* MENU */
.theadmenu {
float: left;
background: url("http://img.webme.com/pic/w/welatemin72/topmenu.png") no-repeat;
height: 45px;
width: 100%;
overflow: hidden;
}
.theadmenu ul#thmenu {
float: left;
margin-left: 16px;
background: url("http://img.webme.com/pic/w/welatemin72/thmenu.png") no-repeat 0 -90px;
height: 45px;
padding-left: 2px;
overflow: hidden;
}
.theadmenu ul#thmenu li {
float: left;
height: 45px;
}
.theadmenu ul#thmenu li a, .theadmenu ul#thmenu li a strong {
float: left;
height: 45px;
line-height: 45px;
cursor: pointer;
text-decoration: none !important;
}
.theadmenu ul#thmenu li a {
color: #fff;
}
.theadmenu ul#thmenu li a strong {
padding: 0 14px 0 14px;
background: url("http://img.webme.com/pic/w/welatemin72/thmenu.png") no-repeat 100% -45px;
}
.theadmenu ul#thmenu li a:hover {
color: #ffb20c;
background: #2B2B2B url("http://img.webme.com/pic/w/welatemin72/thmenu.png") no-repeat 100% 0;
}
.theadmenu ul#thmenu li a:hover strong {
background: url("http://img.webme.com/pic/w/welatemin72/thmenu.png") no-repeat 100% -135px;
}
.rightrss {
height: 45px;
}
.rightrss div {
padding-right: 12px;
overflow: hidden;
}
.rightrss div a {
float: right;
margin-top: 13px;
color: #fff;
text-decoration: none !important;
font-size: 11px;
background: url("http://img.webme.com/pic/w/welatemin72/rss.png") no-repeat 100% 0;
padding-right: 23px;
height: 21px;
line-height: 20px;
}
.rightrss div a:hover {
opacity: 0.8;
filter: alpha(opacity=80);
}
/* SEARCH AND SPEEDBAR */
.s_and_s {
float: left;
background: url("http://img.webme.com/pic/w/welatemin72/s_and_s.png") no-repeat;
height: 60px;
width: 100%;
margin-top: 10px;
overflow: hidden;
}
.s_and_s .search {
float: left;
background: url("http://img.webme.com/pic/w/welatemin72/s_blo.png") no-repeat 0 0;
width: 240px;
height: 40px;
margin: 10px 0 0 10px;
}
.searchform {
width: 222px;
height: 22px;
overflow: hidden;
position: relative;
background: url("http://img.webme.com/pic/w/welatemin72/searchform.png") no-repeat 0 0;
margin: 10px 0 0 9px;
}
.searchform .ifield {
float: left;
width: 190px;
padding: 0 0 0 7px;
margin-top: 3px;
}
.searchform .ifield input {
background: transparent;
width: 190px;
color: #353535;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
}
.searchform .submit {
position: absolute;
right: 0;
top: 0;
}
.searchform .submit, .searchform .submit input {
width: 21px;
height: 22px;
}
.searchform .submit input {
cursor: pointer;
background: url("http://img.webme.com/pic/w/welatemin72/searchform.png") no-repeat 0 -22px;
}
.searchform .submit input:hover {
background: url("http://img.webme.com/pic/w/welatemin72/searchform.png") no-repeat -21px -22px;
}
.s_and_s .speedbar {
float: left;
color: #fff;
background: url("http://img.webme.com/pic/w/welatemin72/s_blo.png") no-repeat -240px 0;
width: 728px;
height: 40px;
line-height: 41px;
padding-left: 12px;
margin-top: 10px;
overflow: hidden;
}
.s_and_s .speedbar a {
color: #fff;
}
.s_and_s .speedbar a:hover {
text-decoration: underline;
}
.content {
background: transparent url("http://img.webme.com/pic/w/welatemin72/content.png") repeat-y;
}
.content .content {
background: transparent url("http://img.webme.com/pic/w/welatemin72/contx.png") no-repeat 0 0;
}
.content .content .content {
background: transparent url("http://img.webme.com/pic/w/welatemin72/contf.png") no-repeat 0 100%;
}
.l_col, .r_col {
float: left;
overflow: hidden;
}
.l_col {
width: 216px;
margin-left: 14px;
padding: 10px;
}
.l_col .headcond, .l_col .headconw {
width: 205px;
font-size: 12px;
font-weight: bold;
padding-top: 14px;
padding-left: 11px;
overflow: hidden;
}
.l_col .headcond {
background: url("http://img.webme.com/pic/w/welatemin72/dcontdark.png") no-repeat 0 0;
height: 36px;
color: #fff;
}
.l_col .headconw {
background: url("http://img.webme.com/pic/w/welatemin72/dcontwhite.png") no-repeat;
height: 35px;
color: #393939;
text-shadow: #ffd200 1px 1px 0;
}
.l_col .dcont {
background: url("http://img.webme.com/pic/w/welatemin72/dcontdark.png") repeat-y -216px 0;
margin-bottom: 10px;
}
.l_col .dcont .dcont {
background: url("http://img.webme.com/pic/w/welatemin72/dcontdark.png") no-repeat -432px 100%;
}
.dcont .contd {
padding: 0 7px 13px 7px;
font-size: 12px;
color: #fff;
}
.contd ul, .contd ul li {
display: inline;
}
.contd ul b a, .contd ul b span {
background: url("http://img.webme.com/pic/w/welatemin72/navmenu.png") no-repeat 0 0;
text-indent: 10px;
display: block;
height: 23px;
line-height: 23px;
margin-bottom: 1px;
text-decoration: none !important;
color: #ffa917;
cursor: pointer;
}
.contd ul b a:hover, .contd ul b span:hover {
color: #2c2c2c;
text-shadow: #F5B100 1px 1px 0;
background-position: 0 -23px;
}
.contd ul b span.closed {
background-position: 0 -46px;
}
.contd ul b span.closed:hover {
background-position: 0 -69px;
}
.contd ul b span.opened {
color: #2c2c2c;
text-shadow: #F5B100 1px 1px 0;
background-position: 0 -92px;
margin: 0;
}
.contd .submenu {
overflow: hidden;
width: 202px;
margin-bottom: 1px;
background: #282828 url("http://img.webme.com/pic/w/welatemin72/submenu.png") no-repeat 0 100%;
}
.contd .submenu ul {
display: block;
margin-left: 4px;
padding: 3px 0;
width: 193px;
}
.contd .submenu li a {
display: block;
color: #fff;
font-weight: bold;
text-decoration: none;
height: 20px;
line-height: 19px;
text-indent: 11px;
background: url("http://img.webme.com/pic/w/welatemin72/submenu.png") no-repeat -202px -20px;
margin-bottom: 1px;
overflow: hidden;
}
.contd .submenu li a:hover {
background: url("http://img.webme.com/pic/w/welatemin72/submenu.png") no-repeat -202px 0;
}
.l_col .wcont {
background: url("http://img.webme.com/pic/w/welatemin72/dcontwhite.png") repeat-y -216px 0;
margin-bottom: 10px;
}
.l_col .wcont .wcont {
background: url("http://img.webme.com/pic/w/welatemin72/dcontwhite.png") no-repeat -432px 100%;
}
.contw {
padding: 0 12px 13px 12px;
font-size: 12px;
color: #2c2c2c;
}
.l_col .votetitle {
background: url("http://img.webme.com/pic/w/welatemin72/voteblock.png") no-repeat 0 0;
width: 205px;
height: 37px;
padding: 14px 0 0 11px;
font-size: 12px;
color: #fff;
font-weight: bold;
}
.votecon {
background: url("http://img.webme.com/pic/w/welatemin72/voteblock.png") repeat-y -216px 0;
margin-bottom: 10px;
}
.votecon .votecon {
background: url("http://img.webme.com/pic/w/welatemin72/voteblock.png") no-repeat -432px 100%;
}
.votecon .votecon .votecon {
padding: 0 10px 15px 10px;
}
.votitle {
background: url("http://img.webme.com/pic/w/welatemin72/votetitle.png") repeat-y -196px 0;
margin-bottom: 5px;
}
.votitle .votitle {
background: url("http://img.webme.com/pic/w/welatemin72/votetitle.png") no-repeat 0 0;
}
.votitle .votitle .votitle {
background: url("http://img.webme.com/pic/w/welatemin72/votetitle.png") no-repeat -392px 100%;
}
.votitle .votitle .votitle .votitle {
width: 176px;
font: 11px Arial, Tahoma, Helvetica, sans-serif;
color: #292929;
font-weight: bold;
padding: 13px 10px 21px 10px;
overflow: hidden;
}
.l_col .votecon .list {
margin: 0 3px 10px 3px;
font-size: 12px;
}
.butvit {
width: 150px;
height: 28px;
margin: 0 auto;
}
input.votebut {
background: url("http://img.webme.com/pic/w/welatemin72/votebut.png") no-repeat;
width: 106px;
height: 28px;
cursor: pointer;
padding: 0 0 3px 2px;
color: #121212;
font-weight: bold;
text-shadow: #ffbb00 1px 1px 0;
}
input.votebut:hover {
background-position: 0 -28px;
}
.voteres {
width: 42px;
height: 28px;
background: url("http://img.webme.com/pic/w/welatemin72/votebut.png") no-repeat -22px -56px;
}
.voteres:hover {
background-position: -64px -56px;
}
.votebut {
float: left;
}
.voteres {
float: right;
}
.lblockhead {
background: url("http://img.webme.com/pic/w/welatemin72/leftblock.png") no-repeat;
width: 205px;
height: 30px;
padding: 14px 0 0 11px;
font-size: 12px;
color: #404040;
font-weight: bold;
}
.lblockcon {
background: url("http://img.webme.com/pic/w/welatemin72/leftblock.png") repeat-y -216px 0;
margin-bottom: 10px;
}
.lblockcon .lblockcon {
background: url("http://img.webme.com/pic/w/welatemin72/leftblock.png") no-repeat 0 -44px;
}
.lblockcon .lblockcon .lblockcon {
background: url("http://img.webme.com/pic/w/welatemin72/leftblock.png") no-repeat -432px 100%;
}
.lblockcon .lblockcon .lblockcon .lblockcon {
padding: 10px 10px 15px 10px;
}
.lblockcon ul.topnews {
border-bottom: 1px dashed #767676;
}
.lblockcon ul.topnews li {
border-top: 1px dashed #767676;
}
.lblockcon ul.topnews li a {
display: block;
background: url("http://img.webme.com/pic/w/welatemin72/tpnws.png") no-repeat;
padding: 4px 0;
padding-left: 13px;
font-size: 11px;
color: #404040;
text-decoration: none;
}
.lblockcon ul.topnews li a:hover {
background: url("http://img.webme.com/pic/w/welatemin72/tpnws2.png") no-repeat;
color: #DC3B32;
text-decoration: underline;
}
.r_col {
width: 750px;
}
.r_col .bannertop {
background: url("http://img.webme.com/pic/w/welatemin72/newsbord.png") repeat-x 0 100%;
margin-top: 2px;
padding: 13px 0 17px 0;
}
.r_col .bannerbot {
background: url("http://img.webme.com/pic/w/welatemin72/newsbord2.png") repeat-x 0 0;
padding: 13px 0 17px 0;
}
.r_col .bannerbb {
background: url("http://img.webme.com/pic/w/welatemin72/newsbord.png") repeat-x 0 100%;
height: 15px;
width: 100%;
}
.r_col .newstitle {
float: left;
width: 100%;
background: #fff url("http://img.webme.com/pic/w/welatemin72/newsbord2.png") repeat-x;
padding: 10px 0 3px 0;
}
.r_col .newstitle div {
height: 19px;
}
.r_col .newstitle .title {
float: left;
}
.r_col .newstitle .title a {
margin: 2px 0 0 17px;
font-size: 14px;
color: #414141;
font-weight: bold;
text-decoration: none !important;
}
.r_col .newstitle .title a:hover {
color: #ffa100;
}
.r_col .newstitle ul.newsicon {
float: right;
margin-right: 11px;
}
.r_col .newstitle ul.newsicon li {
float: right;
display: inline;
margin-right: 2px;
}
.r_col .newstitle ul.newsicon li a img {
width: 19px;
height: 19px;
}
.r_col .newstitle ul.newsicon .edit img {
background: url("http://img.webme.com/pic/w/welatemin72/editnews.png") no-repeat 0 0;
}
.r_col .newstitle ul.newsicon .edit img:hover {
background-position: 0 -19px;
}
.r_col .newsinfo {
background: url("http://img.webme.com/pic/w/welatemin72/newsbg.png") no-repeat 0 0;
width: 730px;
height: 21px;
margin: 0 10px 0 10px;
font-size: 11px;
color: #676767;
padding: 0 4px 0 23px;
}
.r_col .newsinfo .str {
float: left;
background: url("http://img.webme.com/pic/w/welatemin72/str.png") no-repeat 100% 0;
height: 21px;
line-height: 22px;
margin: 0 5px 0 0;
padding-right: 6px;
}
.r_col .newsinfo .rating {
float: right;
overflow: hidden;
width: 70px;
height: 20px;
margin-right: 5px;
margin-top: 5px;
margin-bottom: 10px;
font-size:12px;
}
.r_col .news_short {
background: url("http://img.webme.com/pic/w/welatemin72/newsbord.png") repeat-x 0 100%;
padding-bottom: 18px;
}
.r_col .news_short .news {
margin: 4px 10px 10px 10px;
border-top: 1px solid #e2e0db;
padding-top: 10px;
color: #434343;
}
.r_col .news_short .news img {
margin-bottom: 5px;
}
.r_col .news_short .news .editdate {
font-size: 11px;
text-align: right;
color: #878787;
}
.r_col .news_short .newsfoot {
background: url("http://img.webme.com/pic/w/welatemin72/newsbg.png") no-repeat 0 -21px;
width: 730px;
height: 30px;
margin: 0 10px;
}
.r_col .news_short .newsfoot .nficon {
margin-top: 7px;
line-height: 17px;
}
.nficon {
float: left;
font-size: 11px;
margin-left: 4px;
}
.nficon li {
float: left;
color: #676767;
margin-right: 5px;
}
.nficon .iview, .nficon .icomm {
padding-left: 22px;
}
.nficon .iview {
background: url("http://img.webme.com/pic/w/welatemin72/nficon.png") no-repeat 0 0;
height: 17px;
}
.nficon .icomm {
background: url("http://img.webme.com/pic/w/welatemin72/nficon.png") no-repeat 0 -17px;
height: 17px;
}
.newsmore a, .newsback a {
text-decoration: none !important;
float: right;
font-size: 11px;
font-weight: bold;
color: #363636;
text-shadow: #ffc20b 1px 1px 0;
width: 105px;
height: 25px;
line-height: 24px;
text-indent: 20px;
margin: 3px 3px 0 0;
}
.newsmore a {
background: url("http://img.webme.com/pic/w/welatemin72/backmore.png") no-repeat 0 0;
}
.newsmore a:hover {
color: #424242;
text-shadow: #ffd00e 1px 1px 0;
background-position: 0 -25px;
}
.newsback a {
background: url("http://img.webme.com/pic/w/welatemin72/backmore.png") no-repeat -105px 0;
}
.newsback a:hover {
color: #424242;
text-shadow: #ffd00e 1px 1px 0;
background-position: -105px -25px;
}
.tags {
padding: 3px 0 0 3px;
margin-top: 5px;
border-top: 1px solid #e2e0db;
font-size: 11px;
}
.tags div {
color: #393939;
font-style: italic;
}
span.itags {
position: relative;
top: 3px;
}
/* Ğåêîìåíäóåì òàêæå */
.topbord {
background: url("http://img.webme.com/pic/w/welatemin72/newsbord2.png") repeat-x 0 0;
}
.related {
background: url("http://img.webme.com/pic/w/welatemin72/newstr.png") no-repeat 0 100%;
padding: 13px 10px;
}
.brelated {
background: url("http://img.webme.com/pic/w/welatemin72/newstr.png") no-repeat -750px 0;
height: 15px;
width: 100%
}
.related .relback {
background: #393939 url("http://img.webme.com/pic/w/welatemin72/relback.png") repeat-x;
}
.rell {
background: url("http://img.webme.com/pic/w/welatemin72/rel_1.png") no-repeat 0 0;
}
.rell .rell {
background: url("http://img.webme.com/pic/w/welatemin72/rel_2.png") no-repeat 0 100%;
}
.rell .rell .rell {
background: url("http://img.webme.com/pic/w/welatemin72/rel_3.png") no-repeat 100% 0;
}
.rell .rell .rell .rell {
background: url("http://img.webme.com/pic/w/welatemin72/rel_4.png") no-repeat 100% 100%;
}
.relcont {
padding: 8px 10px 10px 10px;
}
ul.relink {
margin-top: 4px;
}
ul.relink li {
display: block;
}
ul.relink li a {
display: block;
background: url("http://img.webme.com/pic/w/welatemin72/rell.png") no-repeat;
color: #fff;
text-decoration: none !important;
height: 22px;
line-height: 21px;
padding-left: 12px;
border-top: 1px dotted #555555;
}
ul.relink li a:hover {
color: #ffd87b;
}
/* Èíôîğìàöèÿ */
.info {
background: #f6eedf url("http://img.webme.com/pic/w/welatemin72/infob.png") repeat-y 100% 0;
margin: 4px 10px 0 0;
}
.infob {
background: url("http://img.webme.com/pic/w/welatemin72/infob.png") repeat-x 0 0;
}
.infob .infob {
background: url("http://img.webme.com/pic/w/welatemin72/infob.png") repeat-x 0 100%;
}
.infob .infob .infob {
background: url("http://img.webme.com/pic/w/welatemin72/info_t.png") no-repeat 100% 0;
}
.infob .infob .infob .infob {
background: url("http://img.webme.com/pic/w/welatemin72/info_b.png") no-repeat 100% 100%;
}
.infocon {
font-size: 11px;
font-style: italic;
color: #000;
background: url("http://img.webme.com/pic/w/welatemin72/info_i.png") no-repeat 10px 9px;
padding: 15px 10px 15px 58px;
}
.infocon ul {
list-style: none;
}
/* Äîáàâèòü êîììåíòàğèé */
.commform, .mass_comments_action {
background-color: #edeae4;
margin: 0 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.mass_comments_action {
padding: 10px 13px;
}
.commform .dcont {
padding: 10px;
}
.commform .dcont h2 {
font-size: 16px;
color: #707070;
margin-left: 5px;
}
.tablecomm {
border-top: 1px solid #c2beb7;
margin-top: 5px;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.tablecomm td {
padding: 6px 0;
border-bottom: 1px dashed #a19c92;
}
.tablecomm td.label {
width: 10%;
padding-right: 0;
font-weight: bold;
color: #353535;
}
.rstar {
color: #d2281f;
font-weight: normal;
}
.f_input {
width: 300px;
padding: 1px;
}
.f_textarea {
width: 458px;
}
.fieldtr select, .textin, .f_textarea, .f_input, .xfields textarea, .xprofile textarea,
.xfields input, .xprofile input, .xfields select, .xprofile select, .mass_comments_action select {
background: #fff url("http://img.webme.com/pic/w/welatemin72/f_input.png") repeat-x;
border: 1px solid #acacac;
padding: 2px;
}
.f_textarea, .editor_button select {
padding: 0;
}
.textin {
padding: 2px;
}
.cmarea {
background: url("http://img.webme.com/pic/w/welatemin72/commarea.png") repeat-y -750px 0;
}
.cmarea .cmarea {
background: url("http://img.webme.com/pic/w/welatemin72/commarea.png") no-repeat 0 0;
}
.cmarea .cmarea .cmarea {
background: url("http://img.webme.com/pic/w/welatemin72/commarea.png") no-repeat -1500px 100%;
}
.cmcont {
padding: 5px 153px 5px 91px;
}
.tablecommd {
border-bottom: 1px solid #c2beb7;
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.buttonfield, .tablecommd td {
padding: 6px 0;
}
.tablecommd td.label {
width: 10%;
vertical-align: top;
padding-right: 0;
font-weight: bold;
color: #353535;
}
.f_button {
background: #fff url("../images/bbcodes.png") repeat-x 0 100%;
border: 1px solid #a8a8a8;
padding: 5px 18px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
cursor: pointer;
color: #494949;
font-weight: bold;
-webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px;
-moz-box-shadow: 0 1px 0 #e0ddd7;
-webkit-box-shadow: 0 1px 0 #e0ddd7;
box-shadow: 0 1px 0 #e0ddd7;
}
.f_button span {
cursor: pointer;
display: block;
}
.f_button:hover {
border: 1px solid #a78077;
color: #b42d0e;
}
/* Êîììåíòàğèè */
.comm_str {
background: #fff url("http://img.webme.com/pic/w/welatemin72/newstr.png") no-repeat 0 100%;
padding-bottom: 12px;
}
.comm_strr {
background: #fff url("http://img.webme.com/pic/w/welatemin72/newstr.png") no-repeat -750px 0;
height: 15px;
width: 100%;
}
.commleft {
width: 120px;
float: left;
background: #e8e4dd url("http://img.webme.com/pic/w/welatemin72/commb.png") repeat-x 0 0;
}
.commcont {
padding: 10px;
}
.commi {
background: url("http://img.webme.com/pic/w/welatemin72/comm_top.png") no-repeat 100% 0;
}
.commi .commi {
background: url("http://img.webme.com/pic/w/welatemin72/comm_bottom.png") no-repeat 100% 100%;
}
.commright {
float: left;
margin-right: 10px;
}
.comm_title {
background: #fff url("http://img.webme.com/pic/w/welatemin72/comm_title.png") no-repeat 0 100%;
width: 600px;
height: 29px;
line-height: 28px;
padding: 0 10px;
overflow: hidden;
}
.comm_title a {
font-size: 14px;
color: #4c4c4c;
font-weight: bold;
text-decoration: none !important;
}
.comm_title a:hover {
color: #ffa100;
}
.comm_title .comm_id {
float: right;
font-size: 12px;
color: #737373;
font-weight: bold;
}
.comm_inf {
background: url("http://img.webme.com/pic/w/welatemin72/comm_inf.png") no-repeat;
width: 615px;
height: 40px;
padding-left: 5px;
}
ul.inftext {
float: left;
background: url("http://img.webme.com/pic/w/welatemin72/cominftext.png") no-repeat 100% 100%;
height: 36px;
padding-top: 4px;
margin-left: 10px;
padding-right: 10px;
}
ul.inftext li {
font: 11px Arial, Tahoma, Helvetica, sans-serif;
color: #676767;
margin-bottom: 3px;
}
.comm_text {
background: url("http://img.webme.com/pic/w/welatemin72/comm_text.png") no-repeat 0 0;
padding: 10px;
width: 600px;
}
.comm_but {
margin-top: 10px;
}
.comm_but ul { float: right;}
.comm_but ul li {
float: left;
height: 23px;
background: url("http://img.webme.com/pic/w/welatemin72/comm_but.png") no-repeat 0 0;
margin-right: 1px;
}
.comm_but ul li a {
float: left;
background: url("http://img.webme.com/pic/w/welatemin72/comm_but.png") no-repeat 100% -23px;
padding: 0 13px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
display: block;
color: #363636;
font-weight: bold;
text-shadow: #ffc200 1px 1px 0;
text-decoration: none !important;
height: 23px;
line-height: 22px;
}
.comm_but ul li:hover {
background-position: 0 -46px;
}
.comm_but ul li a:hover {
text-shadow: #ffd000 1px 1px 0;
background-position: 100% -69px;
}
/* Ğóïóòàöèÿ */
.comm_inf .repa {
float: right;
margin: 8px 4px 0 0;
height: 28px;
background: url("http://img.webme.com/pic/w/welatemin72/repa.png") no-repeat 0 0;
}
.comm_inf .repa div {
padding: 7px 10px;
height: 28px;
background: url("http://img.webme.com/pic/w/welatemin72/repa.png") no-repeat 100% -28px;
color: #434343;
}
.comm_inf .repa div a {
font: 12px Arial, Tahoma, Helvetica, sans-serif;
color: #434343;
font-weight: bold;
text-decoration: none !important;
}
/* Êîíòåíò ñòğàíèö */
.basecont {
background: url("http://img.webme.com/pic/w/welatemin72/newsbord2.png") repeat-x;
padding-top: 13px;
}
.bbcont {
border-top: 1px solid #c2beb7;
margin-top: 5px;
padding-top: 5px;
}
/* ÏÓ */
.headtitle {
background: url("http://img.webme.com/pic/w/welatemin72/headtit.png") repeat-x 0 0;
height: 36px;
padding: 0 10px;
overflow: hidden;
}
.headtitle h2 {
float: left;
font: 15px Arial, Tahoma, Helvetica, sans-serif;
color: #393939;
font-weight: bold;
height: 36px;
line-height: 36px;
}
.headtitle h2 span {
color: #ffa100;
}
.headtitle .rate {
float: right;
background: #f3f0ea;
padding: 2px 5px;
position: relative;
top: 7px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.titcon {
background: url("http://img.webme.com/pic/w/welatemin72/headtit.png") repeat-x 0 -36px;
}
.titcon .titcon {
background: url("http://img.webme.com/pic/w/welatemin72/titcon.png") repeat-x 0 100%;
}
.titcon .titcon .titcon {
padding: 10px 10px 28px 10px;
}
.titcon .lcnt {
float: left;
width: 110px;
margin-right: 10px;
}
.titcon .ava, .vatar {
padding: 4px;
background: #fff;
border: 1px solid #d9d3cb;
}
.titcon .ava img, .vatar img {
width: 100px;
}
.vatar {
border: 1px solid #ffa500;
}
ul.obbut {
margin-top: 2px;
width: 110px;
}
ul.obbut li, ul.obbut li a {
display: block;
color: #2c2c2c;
text-decoration: none !important;
text-shadow: #ffc700 1px 1px 0;
width: 110px;
height: 26px;
line-height: 25px;
text-align: center;
overflow: hidden;
}
ul.obbut li {
background: url("http://img.webme.com/pic/w/welatemin72/obbut.png") no-repeat;
margin-bottom: 1px;
}
ul.obbut li a {
font: 12px Arial, Tahoma, Helvetica, sans-serif;
font-weight: bold;
line-height: 25px;
}
ul.obbut li a:hover {
text-shadow: #ffd515 1px 1px 0;
background: url("http://img.webme.com/pic/w/welatemin72/obbut.png") no-repeat 0 -26px;
}
.titcon .rcnt {
float: right;
width: 610px;
}
.contform {
background-color: #edeae4;
padding: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.tablecont {
border-collapse: collapse;
border-spacing: 0;
width: 100%;
}
.tablecont td {
padding: 0 6px;
vertical-align: top;
color: #303030;
}
.tablecont td.tbl {
width: 33%;
padding-right: 0;
background: url("http://img.webme.com/pic/w/welatemin72/stry.png") repeat-y 100% 0;
}
.tablecont td.tbr {
padding-left: 15px;
}
span.clgrey {
color: #4d4d4d;
}
.contwhite {
color: #303030;
padding: 10px;
}
/* Íàâèãàöèÿ */
.r_col .navi {
background: url("http://img.webme.com/pic/w/welatemin72/navi.png") repeat-x;
padding: 15px 0 0 10px;
}
.navigation a, .navigation span, .navibut {
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.navigation a, .navigation span {
float: left;
display: block;
padding: 3px 7px;
line-height: normal;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
margin-right: 1px;
text-decoration: none !important;
font-weight: bold;
margin-top: 2px;
}
.navigation a {
background: #e8e4dd;
color: #363636;
}
.navigation a:hover {
background: #DC3B32;
color: #fff;
}
.navigation span {
background: #ffa100;
color: #fff;
}
.navibut {
float: left;
background: #EAE5DE;
height: 25px;
padding: 0 2px 0 3px;
}
.nprev img, .nnext img {
float: left;
width: 43px;
height: 20px;
margin: 3px 1px 0 0;
background: url("http://img.webme.com/pic/w/welatemin72/navigation.png") no-repeat;
}
.nprev span img {
background-position: 0 0;
}
.nnext span img {
background-position: -43px 0;
}
.nprev a img {
background-position: 0 -20px;
}
.nnext a img {
background-position: -43px -20px;
}
.nprev a img:hover {
background-position: 0 -40px;
}
.nnext a img:hover {
background-position: -43px -40px;
}
/* POP_PROFILE */
.userinfo {
padding-left: 125px;
}
.ui-dialog-content .userinfo {
padding: 10px 0 10px 125px;
}
.userinfo .l_con {
margin-left: -125px;
width: 110px;
padding-right: 15px;
}
.userinfo .r_con {
width: 100%;
}
.userinfo .rcol ul {
margin-left: 0;
}
.userinfo .rcol ul li {
margin-bottom: 2px;
}
.footer {
background: #cecac2 url("http://img.webme.com/pic/w/welatemin72/footer.png") repeat-x;
height: 141px;
}
.foothead {
float: left;
background: #fff url("http://img.webme.com/pic/w/welatemin72/ftbg.png") no-repeat 0 0;
width: 1000px;
height: 60px;
overflow: hidden;
}
.footblack {
float: left;
background: #393939 url("http://img.webme.com/pic/w/welatemin72/ftbg.png") no-repeat 0 -60px;
width: 1000px;
height: 47px;
font: 12px Arial, Tahoma, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
overflow: hidden;
}
.footblack .copyright {
float: left;
margin: 8px 0 0 15px;
}
.entrolarts {
margin: 13px 15px 0 0;
float: right;
width: 93px;
padding-top: 22px;
background: url("http://img.webme.com/pic/w/welatemin72/entrolarts.png") no-repeat;
}
.footer-menu {
position: relative;
left: 10px;
top: 17px;
}
.footer-menu ul li {
float: left;
height: 28px;
background: url("http://img.webme.com/pic/w/welatemin72/footer-menu.png") 0 -56px;
margin-right: 1px;
}
.footer-menu ul li a {
font: 12px Arial, Tahoma, Helvetica, sans-serif;
display: block;
float: left;
height: 28px;
line-height: 27px;
padding: 0 18px;
color: #363636;
font-weight: bold;
text-decoration: none !important;
background: url("http://img.webme.com/pic/w/welatemin72/footer-menu.png") 100% -84px;
}
.footer-menu ul li.active {
background-position: 0 0;
}
.footer-menu ul li.active a {
text-shadow: #ffc800 1px 1px 0;
background-position: 100% -28px;
}
.footer-menu ul li:hover {
background-position: 0 -112px;
}
.footer-menu ul li a:hover {
color: #fff;
background-position: 100% -140px;
}
.footer-menu ul li.active:hover {
background-position: 0 0;
}
.footer-menu ul li.active a:hover {
color: #363636;
background-position: 100% -28px;
}
.foothead .banner {
float: right;
margin-right: 10px;
margin-top: 15px;
overflow: hidden;
}
.foothead .banner img {
opacity: 0.5;
filter: alpha(opacity=50);
}
.foothead .banner img:hover {
opacity: 1.0;
filter: alpha(opacity=100);
}
.maincont img { padding: 3px;border: 1px groove #858585;}
/*tooltip*/
#dhtmltooltip { font-size: 0.9em; line-height: 1.3em; text-align: left; position: absolute; left: -300px; width: 150px; border: 1px solid #aaa; padding: 1px; background-color: #fff; visibility: hidden; z-index: 100; }
#dhtmlpointer { position: absolute; left: -300px; z-index: 101; visibility: hidden; }
#dhtmltooltip img { vertical-align: middle; }
.yasitemap {
padding-left: 10px;
padding-right: 10px;
}
#repa_ava {float:left;padding-right:10px;width:80px;height:80px;}
#repa_info {float:left;padding-right:10px;height:80px;} //-->
</style>
</head>
<body id="hpb_cssonly">
<style type="text/css">
#ad-45c4 br {
display: none;
}
</style>
<table height="102" id="ad-45c4">
<tr>
<td height="102">
<iframe src="http://ads.webme.com/banner.php?pos=bw" frameborder="0" width="728" height="90" scrolling="no"></iframe>
</td>
</tr>
</table>
<link rel="search" type="#" href="#" title="Bz Counter-Strike." />
<link rel="alternate" type="#" title="QBSoft - ??????????? ????..." href="http://qbsoft.net/rss.xml" />
<script type="text/javascript" src="http://qbsoft.net/engine/classes/min/index.php?charset=windows-1251&g=general&3"></script>
<link rel="shortcut icon" href="http://img.webme.com/pic/b/batmanlife/batmanlogo.jpg" />
<link media="screen" href="/templates/qbsoft/css/style.css" type="text/css" rel="stylesheet" />
<link media="screen" href="/demo2/templates/Blaster/css/style.css" type="text/css" rel="stylesheet" />
<link media="screen" href="http://qbsoft.net/templates/qbsoft/css/mchat.css" type="text/css" rel="stylesheet" />
<script type="text/javascript" src="http://userapi.com/js/api/openapi.js?29"></script>
<script type="text/javascript" src="http://qbsoft.net/templates/qbsoft/js/ddaccordion.js"></script> <script type="text/javascript" src="http://dlematik.com/demo2/engine/classes/js/jquery.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo2/engine/classes/js/jqueryui.js"></script>
<script type="text/javascript" src="http://dlematik.com/demo2/engine/classes/js/dle_js.js"></script> <script type="text/javascript" src="http://dlematik.com/demo2/engine/classes/highslide/highslide.js"></script>
<script type="text/javascript">
ddaccordion.init({
headerclass: "sublink",
contentclass: "submenu",
revealtype: "click",
mouseoverdelay: 200,
collapseprev: false,
defaultexpanded: [],
onemustopen: false,
animatedefault: false,
persiststate: false,
toggleclass: ["closed", "opened"],
togglehtml: ["none", "", ""],
animatespeed: "fast",
oninit:function(expandedindices){ //custom code to run when headers have initalized
//do nothing
},
onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
//do nothing
}
})
</script>
</head>
<script type="text/javascript">
document.write('<div id="dhtmltooltip"></div>')
document.write('<img id="dhtmlpointer" src="http://img.webme.com/pic/w/welatemin72/tiparrow.png">')
</script>
<script type="text/javascript" src="http://qbsoft.net/templates/qbsoft/js/tooltip.js"></script>
<body>
<div id="loading-layer" style="display:none"><div id="loading-layer-text">Cs Peronu</div></div>
<script language="javascript" type="text/javascript">
<!--
var dle_root = '/';
var dle_admin = '';
var dle_login_hash = '';
var dle_group = 5;
var dle_skin = 'qbsoft';
var dle_wysiwyg = 'no';
var quick_wysiwyg = '0';
var dle_act_lang = ["??", "???", "????", "??????"];
var menu_short = '??????? ??????????????';
var menu_full = '?????? ??????????????';
var menu_profile = '???????? ???????';
var menu_send = '????????? ?????????';
var menu_uedit = '??????????';
var dle_info = '??????????';
var dle_confirm = '?????????????';
var dle_prompt = '???? ??????????';
var dle_req_field = '????????? ??? ??????????? ????';
var dle_del_agree = '?? ????????????? ?????? ???????? ?????? ???????? ?????????? ????? ????????';
var dle_del_news = '??????? ??????';
var allow_dle_delete_news = false;
var dle_search_delay = false;
var dle_search_value = '';
$(function(){
FastSearch();
});//-->
</script>
<div class="background">
<!-- TOP_ONE -->
<div class="top_one"><div class="top_one">
</div></div>
<!-- END TOP_ONE -->
<!-- HEADER -->
<div class="wrapper">
<div class="l_head">
<h1><a class="flowing" href="/" title="BZ">CounterStrike</a></h1>
<div class="iconhead">
<ul>
</ul>
</div>
<div class="clear"></div>
</div>
<div class="r_head">
<div class="loginhead">
<form method="post" action="http://panel.csduragi.com/panel.php">
<div class="leftinput">
<input type="text" name="login_name" class="name" />
<input type="password" name="login_password" class="password" />
</div>
<input name="login" type="hidden" id="login" value="submit" />
<div class="rightinput">
<input class="fbutton" type="submit" value="" />
</div>
<div class="linksin">
<a class="ll" href="/csp/kayit">Kayıt Ol</a>
<div class="borderr"></div>
<a class="ll" href="/csp/sıfre">Şifremi Unuttum</a>
</div>
</form>
<div class="clear"></div>
</div>
</div>
</div>
<!-- END HEADER -->
<!-- MENU -->
<div class="wrapper">
<div class="theadmenu">
<ul id="thmenu" class="reset">
<li><a href="/" title="Ana Sayfa"><strong>Ana Sayfa</strong></a></li>
<li><a href="/info.html" title="Sunucular"><strong>Sunucular</strong></a></li>
<li><a href="/abuse.html" title="Forum"><strong>Forum</strong></a></li>
<li><a href="/index.php?do=feedback"><strong>Ticket</strong></a></li>
</ul>
<div class="rightrss">
<div><a href="/rss.xml">Canlı Destek</a></div>
</div>
<div class="clear"></div>
</div>
</div>
<!-- END MENU -->
<!-- SEARCH AND SPEEDBAR -->
<div class="wrapper">
<div class="s_and_s">
<div class="search">
<div class="searchform">
<form action="" name="searchform" method="post">
<div class="ifield">
<input type="hidden" name="do" value="search" />
<input type="hidden" name="subaction" value="search" />
<input class="reset" id="story" name="story" value="Bz Counter Strike" onblur="if(this.value=='') this.value=' Bz Counter Strike';" onfocus="if(this.value=='a3') this.value='';" type="text" />
</div>
<div class="submit">
<input class="reset" value="a4" type="image" src="/templates/qbsoft/img/spacer.gif" title="a5" alt="a6" />
</div>
</form>
</div>
</div>
<div class="speedbar">
<span id='dle-speedbar'><a href="http://qbsoft.net/">KullanımDısı</a></span>
</div>
</div>
<div class="clear"></div>
</div>
<!-- END SEARCH AND SPEEDBAR -->
<!-- CONTENT -->
<div class="wrapper">
<div class="content"><div class="content"><div class="content">
<div class="l_col">
<div class="headcond">Kategoriler</div>
<div class="dcont"><div class="dcont">
<div class="contd">
<ul class="reset">
<li><b><span class="sublink"> Dökümanlar </span></b>
<noindex><div class="submenu">
<ul class="reset">
<li><a href="http://twitter.com/QBSoftnet" rel="nofollow" target="_blank">Twitter</a></li>
<li><a href="http://www.facebook.com/pages/QBSoftnet-???????????-????/135554133164308" rel="nofollow" target="_blank">Facebook</a></li>
<li><a href="http://vkontakte.ru/public25869070" rel="nofollow" target="_blank">Vkontakte</a></li>
</ul>
</div></noindex>
</li>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
</div>
</li>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</a></li>
<li><a href="/ubuntu/">Ubuntu</a></li>
<li><a href="/macos/">Mac os</a></li>
<li><a href="/os/">?????? ??</a></li>
</ul>
<li><b><span class="sublink">a1</span></b>
<div class="submenu">
<ul class="reset">
<li><a href="/windows/">Windows (?????? ??????)</a></li>
<li><a href="/windows/7/">Windows 7</a></li>
<li><a href="/windows/xp/">Windows XP</a></li>
<li><a href="/linux/">Linux</