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

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

MoisrexMoisrex.rozblog.com
زمان جاریtime : شنبه 16 تیر 1403 - 8:09 بعد از ظهر
نام کاربریusername : پسوردpassword : یاor عضویتregister | رمز عبور را فراموش کردمForgot your password?
شما در سایت ما ثبت نام نکرده اید و یا وارد اکانت کاربری خود نشده اید. از شما خواهشمند هستیم You are not log in to site. Please وارد شویدlogin یاor ثبت نام کنیدregister .
صفحه اصلیHome page / کد های جدید سی اس اس (CSS) / کد منوی زیبا CSS3 - کاربردی
کد منوی زیبا CSS3 - کاربردی
تعداد بازدیدvisits : 1144
farshadt3 آفلاین



ارسال هاAnswers : 423
عضویتRegistration date : 8 /4 /1391
حمایت کردهThanks : 186
حمایت شدهThanked : 79
 کد منوی زیبا CSS3 - کاربردی

امیدوارم تکراری نباشه.

کد:
<!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">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<style>

body{

background:#333;

}

nav {

display: block;

width: 100%;

overflow: hidden;

}

nav ul {

margin: 80px 0 20px 0;

padding: .7em;

float: right;

list-style: none;

background: #444;

background: rgba(0,0,0,.2);

-moz-border-radius: .5em;

-webkit-border-radius: .5em;

border-radius: .5em;

-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;

-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;

box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;

}

nav li {

float:right;

}

nav a {

float:right;

padding: .8em 1.5em;

text-decoration: none;

color: #555;

text-shadow: 0 1px 0 rgba(255,255,255,.5);

font: 11px Tahoma, Geneva, sans-serif;

letter-spacing: 1px;

text-transform: uppercase;

border-width: 1px;

border-style: solid;

border-color: #fff #ccc #999 #eee;

background: #c1c1c1;

background: -moz-linear-gradient(#f5f5f5, #c1c1c1);

background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#c1c1c1));

background: -webkit-linear-gradient(#f5f5f5, #c1c1c1);

background: -o-linear-gradient(#f5f5f5, #c1c1c1);

background: -ms-linear-gradient(#f5f5f5, #c1c1c1);

background: linear-gradient(#f5f5f5, #c1c1c1);

}

nav a:hover, nav a:focus {

outline: 0;

color: #fff;

text-shadow: 0 1px 0 rgba(0,0,0,.2);

background: #fac754;

background: -moz-linear-gradient(#fac754, #f8ac00);

background: -webkit-gradient(linear, left top, left bottom, from(#fac754), to(#f8ac00));

background: -webkit-linear-gradient(#fac754, #f8ac00);

background: -o-linear-gradient(#fac754, #f8ac00);

background: -ms-linear-gradient(#fac754, #f8ac00);

background: linear-gradient(#fac754, #f8ac00);

}

nav a:active {

-moz-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;

-webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;

box-shadow: 0 0 2px 2px rgba(0,0,0,.3) inset;

}

</style>

<title>منو زیبا</title>

</head>

<body>

<nav>

<ul>

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

<li><a href="">گالری</a></li>

<li><a href="">درباره ما</a></li>

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

</ul>

</nav>

</body>

</html>
جمعه 10 آبان 1392 - 23:54
وب کاربرUser's blog ارسال پیامsend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شدهThanks : سپاس هاThanks (2) : ankaboot - 4947 -
monister آفلاین



ارسال‌هاAsnwers : 1002
عضویتRegistration date : 18 /11 /1391
حمایت کردهthanks : 222
حمایت شدهThanked : 214
 پاسخAnswer 1 : کد منوی زیبا CSS3 - کاربردی

ّبد نیست ولی کاملCSS3 هم نیستا فقط box-shadow ش Css3 هستش

با تشکر
Instead of success in a base I hate, I prefer to loose in a base I enjoy
MY website : Www.Monister.Ir
My Love Blog : Www.Ehsan-Gomnam.BLOGFA.com
شنبه 11 آبان 1392 - 00:31
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : farshadt3 -
god-of-dance آفلاین



ارسال‌هاAsnwers : 159
عضویتRegistration date : 15 /7 /1392
حمایت کردهthanks : 7
حمایت شدهThanked : 45
 پاسخAnswer 2 : کد منوی زیبا CSS3 - کاربردی

نه ممنون

(طراحی رایگانــــــــ قالب برای شما / مسابقه کلیک کنید. )
[پیـــــک نیـــــک]

[بـــــلاگ جـــام]
(طراحی حرفه ای قالب های وبلاگدهی و شاید وردپرس در دو سایت بالا)
(طراحی فوق حرفه ای بنر , لوگو , و . . . . در بلاگ جام با قیمتی ارزان و کیفیت بالا)
شنبه 11 آبان 1392 - 00:36
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : farshadt3 -
farshadt3 آفلاین



ارسال‌هاAsnwers : 423
عضویتRegistration date : 8 /4 /1391
حمایت کردهthanks : 186
حمایت شدهThanked : 79
 پاسخAnswer 3 : کد منوی زیبا CSS3 - کاربردی

نقل قول از wwww

ّبد نیست ولی کاملCSS3 هم نیستا فقط box-shadow ش Css3 هستش

با تشکر

اخه تو از css چی میدونی که من نمیدونم؟
شنبه 11 آبان 1392 - 01:08
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
god-of-dance آفلاین



ارسال‌هاAsnwers : 159
عضویتRegistration date : 15 /7 /1392
حمایت کردهthanks : 7
حمایت شدهThanked : 45
 پاسخAnswer 4 : کد منوی زیبا CSS3 - کاربردی

حالا دعوا نکنین

منوی خوبی هست

(طراحی رایگانــــــــ قالب برای شما / مسابقه کلیک کنید. )
[پیـــــک نیـــــک]

[بـــــلاگ جـــام]
(طراحی حرفه ای قالب های وبلاگدهی و شاید وردپرس در دو سایت بالا)
(طراحی فوق حرفه ای بنر , لوگو , و . . . . در بلاگ جام با قیمتی ارزان و کیفیت بالا)
شنبه 11 آبان 1392 - 12:43
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : farshadt3 -
cena آفلاین



ارسال‌هاAsnwers : 3425
عضویتRegistration date : 1 /3 /1393
حمایت کردهthanks : 1288
حمایت شدهThanked : 1898
 پاسخAnswer 5 : کد منوی زیبا CSS3 - کاربردی

ساده و زیبا


شنبه 11 آبان 1392 - 14:58
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : farshadt3 -
amirmohsen آفلاین




ارسال‌هاAsnwers : 3175
عضویتRegistration date : 20 /11 /1391
حمایت کردهthanks : 610
حمایت شدهThanked : 1228
 پاسخAnswer 6 : کد منوی زیبا CSS3 - کاربردی

خوبه!
:)
شنبه 11 آبان 1392 - 15:20
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : farshadt3 -
moshi98 آفلاین



ارسال‌هاAsnwers : 1237
عضویتRegistration date : 15 /8 /1391
حمایت کردهthanks : 242
حمایت شدهThanked : 425
 پاسخAnswer 7 : کد منوی زیبا CSS3 - کاربردی

wwww جان css3 همون css2 هست

فقط چیز های جدید مثل box-shawo

text-shadow

transitionة

و...

اضافه شده
بعد از یک مدت طولانی به کدستان برگشتم
ولی دیگه مثل قبل نمیتونم باشم
درس مرس ها حسابی فشار آوردن!

شنبه 11 آبان 1392 - 15:23
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : farshadt3 -
allnote آفلاین



ارسال‌هاAsnwers : 931
عضویتRegistration date : 28 /5 /1392
حمایت کردهthanks : 244
حمایت شدهThanked : 1356
 پاسخAnswer 8 : کد منوی زیبا CSS3 - کاربردی

خوبه ممنون
شنبه 11 آبان 1392 - 22:04
ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport
حمایت شده حمایت شده: سپاس هاThanks (1) : farshadt3 -
farshadt3 آفلاین



ارسال‌هاAsnwers : 423
عضویتRegistration date : 8 /4 /1391
حمایت کردهthanks : 186
حمایت شدهThanked : 79
 پاسخAnswer 9 : کد منوی زیبا CSS3 - کاربردی

نقل قول از moshi98

wwww جان css3 همون css2 هست

فقط چیز های جدید مثل box-shawo

text-shadow

transitionة

و...

اضافه شده

میدونم منظورت چیه اما مثل اینکه مطالعاتت در مورد css کمه. css3 همون css قبلی هستش فقط یه چیزای جدیدی بهش اضافه شده.

برای مثال به مقادیر متغییر ها توجه کن:

کد:
background: rgba(0,0,0,.2);

-moz-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;

-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;

box-shadow: 0 1px 0 rgba(255,255,255,.2), 0 2px 1px rgba(0,0,0,.8) inset;

ولی در نسخه های قبل:

کد:
background: کد رنگ;

-moz-box-shadow: 1px کد رنگ ;

-webkit-box-shadow: 1px کد رنگ ;

box-shadow: 1px کد رنگ ;
یکشنبه 12 آبان 1392 - 00:20
وب کاربرUser's blog ارسال پیامSend p.m. نقل قولReply سپاس گزارمThanks گزارشReport



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