کد منوی لینکدونی زیبا با استفاده از css

کدستان سایت

» کدستان
» گوگل
» یاهو
» ام اس ان
» بینگ
» مایکروسافت
» فایرفاکس
» اینترنت اکسپلورر
» گوگل کروم
» سافاری
» لینک
» لینک
» لینک
» لینک
» لینک

حتما طراحی این کد رو بلد نیستید اما من این کد رو برای شما طراحی کردم به صورتی بسیار زیبا همونطور که در دمو می بینید بسیار زیباست.
کد لینکستان را می توانید در هر جایی از قالب قرار دهید.
این کد بر اساس css درست شده است و در ورژن 9 اینترنت اکسپلورر عمل می کند اما نه به زیبایی بقیه مرورگر ها.

<head> <style type="text/css"> .moisrex-link { width: 300px; height: 200px; padding:5px; font-family:Tahoma; font-size:12px; text-align:right; background-color:blanchedalmond; overflow:auto; direction:rtl; box-shadow:0px 0px 10px 0px burlywood inset; -moz-box-shadow:0px 0px 10px 0px burlywood inset; -o-box-shadow:0px 0px 10px 0px burlywood inset; -ms-box-shadow:0px 0px 10px 0px burlywood inset; -webkit-box-shadow:0px 0px 10px 0px burlywood inset; } .moisrex-link a{ color:chocolate; font-size:12px; text-decoration: none; text-shadow:0px 0px 1px chocolate; -moz-text-shadow:0px 0px 1px chocolate; -o-text-shadow:0px 0px 1px chocolate; -ms-text-shadow:0px 0px 1px chocolate; -webkit-text-shadow:0px 0px 1px chocolate; transition:all 0.5s ease; -moz-transition:all 0.5s ease; -ms-transition:all 0.5s ease; -o-transition:all 0.5s ease; -webkit-transition:all 0.5s ease; } .moisrex-link a:hover{ margin:0 5px 0 0; text-shadow:0px 0px 5px chocolate; -moz-text-shadow:0px 0px 5px chocolate; -o-text-shadow:0px 0px 5px chocolate; -ms-text-shadow:0px 0px 5px chocolate; -webkit-text-shadow:0px 0px 5px chocolate; } .red{ color:red } .legend{ width:100px; font-family:Tahoma; font-size:13px; color:darkgoldenrod; font-weight:normal; background-color:blanchedalmond; box-shadow:0px 0px 10px 0px burlywood; -moz-box-shadow:0px 0px 10px 0px burlywood; -o-box-shadow:0px 0px 10px 0px burlywood; -ms-box-shadow:0px 0px 10px 0px burlywood; -webkit-box-shadow:0px 0px 10px 0px burlywood; border-radius:5px 5px 0px 0px; -moz-border-radius:100px 100px 0px 0px; -o-border-radius:100px 100px 0px 0px; -ms-border-radius:100px 100px 0px 0px; -webkit-border-radius:100px 100px 0px 0px; } </style> </head> <body> <center> <div class="legend">کدستان سایت</div> <div class="moisrex-link"> » <a href="http://moisrex.rozblog.com/">کدستان</a> » <a href="http://www.google.com/">گوگل</a> » <a href="http://search.yahoo.com/">یاهو</a> » <a href="http://www.msn.com/">ام اس ان</a> » <a href="http://www.bing.com/">بینگ</a> » <a href="http://www.microsoft.com/">مایکروسافت</a> » <a href="http://www.mozilla.org/">فایرفاکس</a> » <a href="http://windows.microsoft.com/en-us/internet-explorer/products/ie/home/">اینترنت اکسپلورر</a> » <a href="https://www.google.com/intl/en/chrome/">گوگل کروم</a> » <a href="http://www.apple.com/safari/">سافاری</a> » <a href="/">لینک</a> » <a href="/">لینک</a> » <a href="/">لینک</a> » <a href="/">لینک</a> » <a href="/">لینک</a> </div> </center> <a href="http://moisrex.rozblog.com/"> </a> </body>

4 نظر

2665 بازدید

سه شنبه 26 اردیبهشت 1391 - 23:38

جواد در تاریخ 1392/07/08 ساعت 12:55 می گوید :

عالی بود مرســـــــــــــــــــــی

موفق باشید الهی

تریکـ فا | www.trickfa.ir در تاریخ 1348/10/11 ساعت 11:12 می گوید :

اگه نداریش دانلودش کن
http://www.coffeecup.com/html-editor/

تریکـ فا | www.trickfa.ir در تاریخ 1348/10/11 ساعت 19:45 می گوید :

اون رو بلدم.نگا به ابعاد سایت بنداز-به سمت چپش. غلطک رو ببر سمت چپ.منو رو گذاشتم.ولی قالب رو بزرگ میکنه.تقصیر از یه کد css. هستش. نمیدونم چطوری px هاشو کوچیک کنم. باید وارد خود کد css. بشم ؟

تریکـ فا | www.trickfa.ir در تاریخ 1348/10/11 ساعت 9:51 می گوید :

http://trickfa.ir/post/1304 شکلک

کلاس های آنلاین فعال

برای افزایش دانش عمومی کاربران سعی بر این داریم که کلاس های آنلاینی برگزار کنیم. لیست این کلاس (ها) را می توانید در زیر ببینید. این قسمت را هر روز چک کنید تا از کلاس ها و اخبار جدید با خبر شوید. کلاس ها توسط همین کاربران و دوستان شما برگزار میشود. اگر مایل به برپایی کلاس آموزشی ای در هر زمینه ای هستید با مدیر تماس بگیرید.

آموزش PHP - جلسه اول

پنجشنبه 04 تیر 1394 - 17:00

هیچ کلاس فعالی موجود نیست.

کاربران آنلاین

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 5
بازدید امروز : 3,374
بازدید دیروز : 922
گوگل امروز : 36
گوگل دیروز : 24
بازدید هفته : 13,273
بازدید ماه : 30,540
بازدید سال : 192,770
بازدید کلی : 14,193,107

عنوان کد:
توضیحات: