::: در حال بارگیری لطفا صبر کنید :::Loading , please wait ...

انجمن کدستانMoisrex

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 7:56 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
منوی صورتی برای دوستان کدستانی
تعداد بازدیدvisits : 245
master آفلاین



ارسال هاAnswers : 171
عضویتRegistration date : 15 /7 /1391
حمایت کردهThanks : 20
حمایت شدهThanked : 59
منوی صورتی برای دوستان کدستانی

سلام این یک منو خیلی قشنگ به رنگ صورتی که است که استایلش بازه میتونی تغییر بدید

دمو

این کد رو بعد از head بذارید

کد:

<style>

font-weight: normal;

font-style: normal;

}

.titleBG {

background-image: url('http://broke-love.persiangig.com/linkbax/h3-bg.gif');

background-repeat: no-repeat;

background-position: right top;

padding-right: 5px;

margin-right: -4px;

height: 38px;

}

* {

padding: 0px;

margin: 0px;

}

color: #000000;

}

.warperBG {

background-position: center top;

background-repeat: no-repeat;

margin: auto;

}

.header {

padding-top: 30px;

height: 90px;

}

.menu {

background-image: url('http://broke-love.persiangig.com/linkbax/mainnav-bg-1.GIF');

background-repeat: repeat-x;

height: 41px;

}

.warper {

margin: auto;

width: 880px;

}

.menu ul li {

background-position: left top;

list-style-type: none;

float: right;

padding-top: 11px;

height: 30px;

padding-right: 19px;

padding-left: 20px;

background-image: url('http://broke-love.persiangig.com/linkbax/mainnav-sep.gif');

background-repeat: no-repeat;

display: inline-block;

text-align: center;

font-family:tahoma, Arial;

font-size: 14px;

font-weight: bold;

}

a {

text-decoration: none;

}

.menu li a {

color: #C0C0C0;

}

.menu ul li:hover {

background-position: right top;

background-image: url('http://broke-love.persiangig.com/linkbax/mainnav-active-r.gif');

background-repeat: repeat-x;

}

.menu ul li a {

height:30px;

}

.menu ul li a:hover {

color: #9C9C9C;

}

.menu li ul{

display: none;

height: auto;

padding: 0px;

margin:0px;

position: absolute;

width: 180px;

z-index: 200;

/*top:1em;

/*left:0;*/

}

.menu li ul

{

margin:9px -19px 0 0;

}

.menu li:hover ul{

display:block;

}

.menu li li {

background-image:none;

background-color:#403d3b;

display:block;

float:none;

margin:0px;

text-align:right;

width:162px;

font-size:13px;

border-bottom:1px #555 solid;

}

.menu li ul a{

display:block;

text-align:right;

}

.searchBox {

float: left;

width: 250px;

background-image: url('http://broke-love.persiangig.com/linkbax/ht-bg.gif');

background-repeat: no-repeat;

height: 30px;

background-position: right center;

padding-top: 5px;

margin-top: 3px;

padding-right: 3px;

}

.searchText {

margin-right: 5px;

border-color: transparent;

background-color: transparent;

width: 163px;

margin-left: 6px;

height: 23px;

font-family: tahoma;

font-size: 11px;

color: #ffffff;

}

.searchButton {

background-image: url('http://broke-love.persiangig.com/linkbax/login-bg.gif');

background-repeat: no-repeat;

width: 66px;

height: 24px;

border-color: transparent;

border-width: 0px;

font-family: tahoma;

font-size: 11px;

font-weight: bold;

text-align: center;

color: #FFFFFF;

}

.downMenu {

background-color: #CCC;

height: 35px;

margin-top: 10px;

}

.container {

padding-top: 32px;

overflow: visible;

}

.contents {

width: 700px;

background-image: url('http://broke-love.persiangig.com/linkbax/cc-bg.gif');

padding-top: 2px;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-right-color: #b9b7b5;

border-bottom-color: #b9b7b5;

border-left-color: #b9b7b5;

margin-bottom: 25px;

padding-bottom: 10px;

}

.sidebar {

float: left;

width: 250px;

}

.gadget .head {

background-position: right top;

background-image: url('');

background-repeat: repeat-x;

height: 37px;

color: #FFFFFF;

}

.gadget {

margin-bottom: 7px;

}

.gContent {

background-color: #EBEAE9;

margin-right: 4px;

padding: 10px;

border-right-color: #b9b7b5;

border-bottom-color: #b9b7b5;

border-left-color: #b9b7b5;

border-right-width: 1px;

border-bottom-width: 1px;

border-left-width: 1px;

border-right-style: solid;

border-bottom-style: solid;

border-left-style: solid;

color: #000000;

font-weight: normal;

font-size: 11px;

}

.postTitle {

height: 35px;

}

.gadget ul {

margin: 0px;

padding-right: 10px;

}

.gadget ul li {

list-style-type: square;

padding-top: 2px;

padding-bottom: 2px;

}

a {

color: #000000;

text-decoration: none;

}

.footer {

background-color: #D9D9D9;

border-bottom-style: solid;

border-bottom-width: 1px;

border-bottom-color: #222;

clear: both;

padding-top: 13px;

overflow: auto;

padding-bottom: 10px;

font-weight: normal;

}

.downfooter {

background-color: #9C9C9C;

height: 70px;

border-top-style: solid;

border-top-width: 1px;

border-top-color: #333;

clear: both;

padding-top: 10px;

font-size: 20px;

color: #DE0740;

line-height: 3em;

}

.Panel {

float: right;

width: 250px;

margin-left: 20px;

margin-right: 20px;

}

.Panel h5 {

font-weight: normal;

border-bottom-style: solid;

border-bottom-width: 1px;

border-bottom-color: #C20243;

padding-bottom: 7px;

font-size: 11px;

margin-bottom: 15px;

padding-right: 2px;

}

.Panel ul {

margin-right: 10px;

color: #C97384;

}

.Panel ul li {

padding-bottom: 4px;

padding-top: 3px;

list-style-type: square;

list-style-position: inside;

border-bottom-style: dotted;

border-bottom-width: 1px;

border-bottom-color: #C97384;

margin-bottom: 2px;

}

a:hover {

color: #969696;

}

a img {

border-style: none;

border-width: 0px;

}

.Postcontents {

width: 700px;

float: right;

}

#calendar {

margin: auto;

color: #000000;

text-align: center;

width: 200px;

}

#calendar table td {

text-align: center;

padding: 3px;

}

#calendar .weekdays {

background-position: center;

color: #333333;

height: 25px;

vertical-align: super;

background-color: #C5C5C5;

}

#calendar .dayoff { color: #777; font-size: 7pt; }

#calendar .dayon a {

color: #33CCFF;

text-decoration: none;

font-size: 7pt;

background-color: #000000;

}

#calendar .dayon a:hover { color: #f50; text-decoration: underline; }

.posttext {

line-height: 1.8em;

}

.contents h2.posttitle {

font-family:tahoma, Arial;

font-size: 17px;

font-weight: normal;

}

.postContainer {

padding: 5px 10px 5px 10px;

color: #000000;

}

.downfooter .right {

float: right;

}

.downfooter .left {

float: left;

}

.posttext a.more {

background-position: left bottom;

background-image: url('http://www.maxtemp.ir/theme/sport/imagesred/images/readon-bg.gif');

background-repeat: no-repeat;

display: inline-block;

width: 85px;

height: 21px;

color: #000000;

text-align: center;

padding-left: 5px;

font-size: 11px;

padding-top: 0px;

}

.postmore {

padding: 5px;

height: 19px;

}

.posttext a.more:hover {

color: #C25902;

}

.PasswordBox {

padding-right: 120px;

padding-left: 120px;

}

.PasswordForm {

background-image: url('images/search-bg.gif');

background-repeat: no-repeat;

height: 27px;

background-position: 110px top;

width: 400px;

}

.PasswordForm .input {

background-color: transparent;

border: 0px none transparent;

width: 225px;

margin-left: 10px;

text-align: right;

}

.PasswordForm span {

width: 55px;

display: inline-block;

}

.PasswordForm .button {

color:#FFF;

font-family:Conv_BYekan , "b yekan", Arial;

background-image: url('images/bsearch-bg.gif');

background-repeat: no-repeat;

width: 80px;

height: 24px;

border: 0px none transparent;

}

.SharePost ul li {

float: right;

list-style-type: none;

width: 63px;

height: 28px;

margin-left: 4px;

margin-bottom: 5px;

background-image: url('images/shr-custom-sprite.png');

}

.SharePost {

width: 100%;

margin: 5px;

overflow: hidden;

}

.sh1

{

background-position: -238px bottom;

}

.sh2{

background-position: -300px bottom;

}

.sh3{

background-position: -358px bottom;

}

.sh4{

background-position: -479px bottom;

}

.sh5{

background-position: -717px bottom;

}

.sh6{

background-position: -778px bottom;

}

.sh7{

background-position: -839px bottom;

}

.sh8{

background-position: -118px bottom;

}

.sh9{

background-position: -418px bottom;

}

.sh10{

background-position: -58px bottom;

}

.sh1:hover

{

background-position: -238px top;

}

.sh2:hover{

background-position: -300px top;

}

.sh3:hover{

background-position: -358px top;

}

.sh4:hover{

background-position: -479px top;

}

.sh5:hover{

background-position: -717px top;

}

.sh6:hover{

background-position: -778px top;

}

.sh7:hover{

background-position: -839px top;

}

.sh8:hover{

background-position: -118px top;

}

.sh9:hover{

background-position: -418px top;

}

.sh10:hover{

background-position: -58px top;

}

.topDetiles {

padding-top: 4px; padding-bottom: 5px; padding-right: 2px; color: #999999; font-size: 11px; overflow: auto; height: 20px;

}

.postinfo {

padding-top: 10px;

padding-bottom: 10px;

font-size: 11px;

}

.comment {

float: left;

}

.generalinfo {

float: right;

}

.leftside {

float: left;

}

.rightside {

float: right;

}

.navigation-previous {

float: right;

}

.navigation-next {

float: left;

}

.navigation {

font-size: 14px;

font-family:tahoma, Arial;

padding: 30px 20px 20px 20px;

font-weight: lighter;

}

.postContainer ul.list li {

list-style-type: square;

list-style-position: inside;

padding-right: 25px;

}

</style>

<style type="text/css">

.Panel form input , .Panel form textarea {

border: 1px solid #666666;

width: 155px;

height: 19px;

padding: 2px;

background-color: #808080;

border-radius: 4px;

margin-bottom: 3px;

font-family: tahoma;

font-size: 11px;

color: #FFFFFF;

}

.SharePost.toggle ul {

display: none;

}

.SharePost.extend ul {

display: block;

}

.singlePost {

margin-bottom: 20px;

padding-bottom: 10px;

border-bottom-style: solid;

border-bottom-width: 1px;

border-bottom-color: #C0C0C0;

}

#Logo {

background-position: right center;

height: 80px;

display: none;

background-repeat: no-repeat;

}

#Title {

font-family: Conv_BYEKAN, "B Yekan";

height: 40px;

padding-right: 5px;

padding-top: 10px;

}

#Title a:hover{

color:inherit;

}

h1 {

font-size: 25px;

}

.describ {

font-family: tahoma;

font-size: 9pt;

font-weight: normal;

}

.posttext ul {

line-height: 1.9em;

list-style-type: square;

padding-right: 18px;

padding-top: 3px;

padding-bottom: 3px;

}

</style>

<!--[if IE]>

<style>

.menu li ul{

display: none;

height: auto;

padding: 20px;

margin-right:-120px;

position: absolute;

width: 180px;

z-index: 200;

/*top:1em;

/*left:0;*/

}

.gadget .head {

margin-bottom:-2px;

}

.contents h2.title {

}

</style>

اینم بعداز body در جایی که میخوایی نمایش پیدا کنه

کد:

<div class="menu"><ul>

<li><a href="">صفحه اصلی</a></li>

<li><a href="">انجمن</a></li>

<li><a href="">عضویت</a></li>

<li><a href="">تماس با ما</a></li>

</ul>

<div class="searchBox">

<form method="Get" action="http://google.com/search" class=sch>

<input name="sitesearch" value="site : zirevan.ir" type="hidden">

<input value="جستجو" name="q" id="s" onfocus="if (this.value == 'جستجو') {this.value = '';}" onblur="if (this.value == '') {this.value = 'جستجو';}" class="searchText" type="text">

<input name="s" class="searchButton" value=" جستجو" type="submit"> </form>

</div>

</div><div class="container">

<!-- main -->

حال کردین نوکرم بای تا برنامه بعد همتون رو به خدای مهربان میسبارم



هرکی تو کف آواتارم هستش(دی=شوخی) لینک زیر رو دنبال کن هراه فایل لایه باز
http://master.rozblog.com/post/73/desavatarfourm.html
جمعه 03 آذر 1391 - 12:55
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (2) : mohamad_77 - ehsan76 -



moisrex
درباره ماAbout us لینک های ماOur links کلمات کلیدیKeywords
انجمن تخصصی کدستان ، ساخته شده توسط فردی با نام مستعار Moisrex می باشد.This forum designed by a person who called Moisrex.

ایمیلE-mail : Moisrex @ Gmail.com
کدستان,انجمن کدستان,کدنویسی,انجمن پشتیبانی,فروم,رزبلاگ,آموزش کدنویسی,درخواست کد
تمامی حقوق این انجمن مربوط به همین انجمن می باشد | طراحی قالبCopyright (c) By Moisrex , All rights reserved | Desiger : Moisrex