parandweb
یک شنبه 27 مرداد 1392, 10:39 صبح
سلام دوستان من یه منوی مشکی رنگ مثل منوی مشکی رنگ بالای سایت گوگل می خوام می خوام جفت اون باشه همون زیر منو ها هم داشته باشه میشه کمکم کنید :گریه:
ممنون
azamicu
یک شنبه 27 مرداد 1392, 17:27 عصر
سلام دوست عزیز
این Html:
<div id="mngb">
<div id="gb" class="gbesi" style="">
<div id="gbw">
<div id="gbzw">
<div id="gbz">
<span class="gbtcb"></span>
<ol class="gbtc" id="gbzc">
<li class="gbt">
<a href="" id="gb_119" class="gbzt" ><span class="gbtb2"></span><span class="gbts">+You</span></a>
</li>
<li class="gbt">
<a href="" id="gb_119" class="gbzt" ><span class="gbtb2"></span><span class="gbts">+You</span></a>
</li>
<li class="gbt">
<a href="" id="gb_119" class="gbzt" ><span class="gbtb2"></span><span class="gbts">+You</span></a>
</li>
<li class="gbt">
<a href="" id="gb_119" class="gbzt" ><span class="gbtb2"></span><span class="gbts">+You</span></a>
</li>
</ol>
</div>
</div>
</div>
</div>
اینم css:
html, body {
height: 100%;
margin: 0;
}
#gog {
padding: 3px 8px 0;
}
.gac_m td {
line-height: 17px;
}
body, td, a, p, .h {
font-family: arial,sans-serif;
}
.h {
color: #1122CC;
font-size: 20px;
}
.q {
color: #0000CC;
}
.ts td {
padding: 0;
}
.ts {
border-collapse: collapse;
}
em {
font-style: normal;
font-weight: bold;
}
.lst {
height: 20px;
width: 496px;
}
.ds {
display: inline-block;
}
span.ds {
margin: 3px 0 4px 4px;
}
.ctr-p {
margin: 0 auto;
min-width: 980px;
}
.jhp input[type="submit"] {
-moz-user-select: none;
background-color: #F5F5F5;
background-image: -moz-linear-gradient(center top , #F5F5F5, #F1F1F1);
border: 1px solid rgba(0, 0, 0, 0.1);
border-radius: 2px 2px 2px 2px;
color: #666666;
cursor: default;
font-family: arial,sans-serif;
font-size: 11px;
font-weight: bold;
height: 29px;
line-height: 27px;
margin: 11px 6px;
min-width: 54px;
padding: 0 8px;
text-align: center;
}
.jhp input[type="submit"]:hover {
background-color: #F8F8F8;
background-image: -moz-linear-gradient(center top , #F8F8F8, #F1F1F1);
border: 1px solid #C6C6C6;
box-shadow: 0 1px 1px rgba(0, 0, 0, 0.1);
color: #333333;
}
.jhp input[type="submit"]:focus {
border: 1px solid #4D90FE;
outline: medium none;
}
a.gb1, a.gb2, a.gb3, a.gb4 {
color: #1111CC !important;
}
body {
background: none repeat scroll 0 0 #FFFFFF;
color: #222222;
}
a {
color: #1122CC;
text-decoration: none;
}
a:hover, a:active {
text-decoration: underline;
}
.fl a {
color: #1122CC;
}
a:visited {
color: #660099;
}
a.gb1, a.gb4 {
text-decoration: underline;
}
a.gb3:hover {
text-decoration: none;
}
#ghead a.gb2:hover {
color: #FFFFFF !important;
}
.sblc {
padding-top: 5px;
}
.sblc a {
display: block;
font-size: 11px;
margin: 2px 0 2px 13px;
}
.lsbb {
display: block;
height: 30px;
}
.ftl, #footer a {
color: #666666;
margin: 2px 10px 0;
}
#footer a:active {
color: #DD4B39;
}
.lsb {
border: medium none;
color: #000000;
cursor: pointer;
font: 15px arial,sans-serif;
height: 30px;
margin: 0;
outline: 0 none;
vertical-align: top;
}
.lst:focus {
outline: medium none;
}
#addlang a {
padding: 0 3px;
}
body, html {
font-size: small;
}
h1, ol, ul, li {
margin: 0;
padding: 0;
}
.nojsb {
display: none;
}
.nojsv {
visibility: hidden;
}
#body, #footer {
display: block;
}
#footer > div {
border-top: 1px solid #EBEBEB;
bottom: 0;
padding: 3px 0 10px;
position: absolute;
width: 100%;
}
#flci {
float: left;
margin-left: -260px;
text-align: left;
width: 260px;
}
#fll {
float: right;
text-align: right;
width: 100%;
}
#ftby {
padding-left: 260px;
}
#ftby > div, #fll > div, #footer a {
display: inline-block;
}
#ftby {
margin: 0 44px;
}
.nojsb {
display: none;
}
.nojsv {
visibility: hidden;
}
.nbcl {
background: url("/images/nav_logo143.png") no-repeat scroll -140px -230px transparent;
height: 11px;
width: 11px;
}
tadayoni
یک شنبه 27 مرداد 1392, 18:34 عصر
اینم گوگل طرح قدیم
http://www.persianscript.ir/1390/02/01/googles-new-navigation/
parandweb
یک شنبه 27 مرداد 1392, 21:36 عصر
ممنون دوستان. azamicu (http://barnamenevis.org/member.php?86392-azamicu) عزیز نصفی از این کدهای css هیچ نیازی بهشون نیست من از این کد استفاده کردم کل قالب سایتم به هم ریخت تا مجبور شدم باز برش دارم :گریه:
vBulletin® v4.2.5, Copyright ©2000-1404, Jelsoft Enterprises Ltd.