- صفحه اصلي قالب گراف
- انجمن
- آپلود سنتر
- تبليغات
- ورود
- عضويت
- خوراک
- نقشه
- تماس با ما
- ارسال پيام به مدير در انجمن ghalebgraph@gmail.com\09394943902
اولین کد نویسی من...لطفا نظر بدیدبازديد : 1354
سلام دوستان قالب گرافی
یادتونه چند وقت پیش درخواست دادم یاد بدید چ جوری قالب بسازم؟
همون روز رفتم پی یادگیری CSS الانم CSS رو 80 درصد یاد گرفتم...100 درصد هم HTML...
امروز اومدم یه \\\\\\\"منو باز شو\\\\\\\" با استفاده از فیلم های اموزشی و سایتای اموزشی ساختم...
لطفا ببینید کارمو و نظر خودتون رو با توجه به اینکه این اولین کار منه بگید..
امید وارم خوب باشه....
برای دیدن دمو کـــلـــیـــک کنید
اینم کدش :
کد:
<!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 charset=utf-8/><title>منو باز شو</title><style type="text/css"> .menu{ background:gray; width:1000px; margin:auto; color:red; font:11px B Homa; font-weight:normal; direction:rtl; } .menu li{ display:inline-block; padding:10px 5px; margin:0px; transition:0.5s; } .menu li:hover{ background:#51BDBD; }
.menu li ul{ position:absolute; margin:0px; padding:0px; visibility:hidden; opacity:0; background:#51BDBD; transition:0.5s; top:50px; } .menu li:hover > ul{ visibility:visible; opacity:1; }.menu li ul li{ display:block; padding:10px 5px; margin:0px; } .menu a{ color:white; text-decoration:none; }</style>
</head>
<body>
<div class="menu"> <li><a href="#">صفحه نخست</a></li> <li><a href="#">انجمن</a></li> <li><a href="#">ثبت نام</a></li> <li><a href="#">ورود کاربران</a></li> <li><a href="#">تست4 </a></li> <li><a href="#">هاور یک*</a> <ul> <li><a href="#">متن هاور یک</a></li> <li><a href="#">متن هاور دو</a></li> <li><a href="#">متن هاور 3</a></li> </ul> </li> <li><a href="#">هاور دو*</a> <ul> <li><a href="#">متن هاور یک</a></li> <li><a href="#">متن هاور 2</a></li> <li><a href="#">متن هاور سه</a></li> </ul> </li><div/>
<body/><html/>
میدونم خیلی سادس..
اما اولین کارمه.
عالی!!!!!!!!!!!!!!
فقط max-width هم بده تا واکنش گرا شه ممنون
امضاي کاربر :
طراحی و ترجمه قالب - طراحی فایل گرافیکی
وب سایت : www.rightheme.ir
تلگرام : rightheme
ایمیل: rightheme.ir@gmail.com
وب سایت : www.rightheme.ir
تلگرام : rightheme
ایمیل: rightheme.ir@gmail.com
 تشکر شده: |
1 کاربر از adminrightheme به خاطر اين مطلب مفيد تشکر کرده اند:
|
| تشکر شده: |
1 کاربر از mahdides به خاطر اين مطلب مفيد تشکر کرده اند:
|
نقل قول از adminrighthemeداداش هرچی جون میکنم نمیدونم چرا درست نمیشه توی مرورگرووعالی!!!!!!!!!!!!!!
فقط max-width هم بده تا واکنش گرا شه ممنون
شما لطفا کدو رو بردار ببین واس تو میشه؟
نمیدونم اشکال کار من کجاس..
راستی ممنون از نظرت
خوبه
موفق باشی
جای کار داری هنوز 
امضاي کاربر :
savalan دوستی که هیچ موقع فراموش نمیشود!!
savalan دوستی که هیچ موقع فراموش نمیشود!!
واقعا از همه نظرات ممنونم ..
این نظراته ک باعث پیشرفت و روحیه گرفتن میشه..
کد:
<!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 charset=utf-8/>
<title>منو باز شو</title>
<style type="text/css">
.menu{
background:gray;
width:1000px;
max-width:100%;
margin:auto;
color:red;
font:11px B Homa;
font-weight:normal;
direction:rtl;
}
.menu li{
display:inline-block;
padding:10px 5px;
margin:0px;
transition:0.5s;
}
.menu li:hover{
background:#51BDBD;
}
.menu li ul{
position:absolute;
margin:0px;
padding:0px;
visibility:hidden;
opacity:0;
background:#51BDBD;
transition:0.5s;
top:50px;
}
.menu li:hover > ul{
visibility:visible;
opacity:1;
}
.menu li ul li{
display:block;
padding:10px 5px;
margin:0px;
}
.menu a{
color:white;
text-decoration:none;
}
</style>
</head>
<body>
<div class="menu">
<li><a href="#">صفحه نخست</a></li>
<li><a href="#">انجمن</a></li>
<li><a href="#">ثبت نام</a></li>
<li><a href="#">ورود کاربران</a></li>
<li><a href="#">تست4 </a></li>
<li><a href="#">هاور یک*</a>
<ul>
<li><a href="#">متن هاور یک</a></li>
<li><a href="#">متن هاور دو</a></li>
<li><a href="#">متن هاور 3</a></li>
</ul>
</li>
<li><a href="#">هاور دو*</a>
<ul>
<li><a href="#">متن هاور یک</a></li>
<li><a href="#">متن هاور 2</a></li>
<li><a href="#">متن هاور سه</a></li>
</ul>
</li>
<div/>
<body/>
<html/>
بگیر واکنشگرای واکنش گراست!!!!!!!!!!!!!!!!!!
کد من رو به جای دمو بزار
امضاي کاربر :
طراحی و ترجمه قالب - طراحی فایل گرافیکی
وب سایت : www.rightheme.ir
تلگرام : rightheme
ایمیل: rightheme.ir@gmail.com
وب سایت : www.rightheme.ir
تلگرام : rightheme
ایمیل: rightheme.ir@gmail.com
به امید پیشرفت
متن منو بیشتر باید بشه ... 
امضاي کاربر :
( لطفا از سایت من دیدن کنید نظر بدید و عضو شوید )
( لطفا از سایت من دیدن کنید نظر بدید و عضو شوید )
