کد منویی که با کلیک روی لینک به صورت زیبا باز میشه

متن شما در اینجا قرار می گیرد.

این کد با css طراحی شده که در اینترنت اکسپلورر به خوبی عمل نمی کنه. اما عمل می کنه نه به خوبی فایرفاکس و ...

<!DOCTYPE html> <html> <head> <style> #moisrex-link{box-shadow:0px 0px 3px;-moz-box-shadow:0px 0px 3px;-o-box-shadow:0px 0px 3px;-webkit-box-shadow:0px 0px 3px;-ms-box-shadow:0px 0px 3px;text-align:right;direction:rtl;background-color:bisque;padding:10px;width: 50%;height:50%;position:fixed;top:120%;right:-100px;margin: auto;z-index:100000;-webkit-transition: 0.6s ease;-moz-transition: 0.6s ease;-o-transition: 0.6s ease;transition: 0.6s ease;font-size:12px;} #moisrex-link:target{top:20%;right:25%} .moisrex-legend{position:relative;top:-20px;right:-20px;width:20px;height:20px;background:#000;border-radius:100px;color:#fff;text-align:center;font-weight:900;box-shadow:0px 0px 5px black} .moisrex-legend a{color:#fff;text-decoration:none;font-size:20px;font-weight:900} .hide{position:relative;top:-10px;right:-10px;} #hide{position:relative;top:0px;left:0px;display:none} #hide:target{position:relative;top:0px;left:0px;display:none} </style> </head> <body> <p><a href="#moisrex-link">برای اطلاعات بیشتر اینجا کلیک کنید.</a></p> <div id="moisrex-link"><div class="moisrex-legend"><a href="#hide">×</a></div> متن شما در اینجا قرار می گیرد. </div> </body> </html>

2 نظر

12177 بازدید

پنجشنبه 28 اردیبهشت 1391 - 12:38

شاهین در تاریخ 1393/11/11 ساعت 15:03 می گوید :

خدایی خیلی ممنون
بهترین سایتی که تو عمرم دیدم
خیلی ممنون از مطالب فوق العاده مفیدتون

farzadstar در تاریخ 1391/07/18 ساعت 19:36 می گوید :

سلام اگه بشه رنگ پشت زمین این کادر رو سیاه شفاف و رنگ متنش رو اب بنفش کنید خیلی ممنون میشم مد رو تو ایمیلم به نشانی زیر ببینم
partodownload@yahoo.com
ممنون

پاسخ : برای هیچ کس ایمیل فرستاده نمی شود.

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

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

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

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

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

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

آمار

مطالب : 792
نظرات : 4504
تعداد اعضا : 37335
افراد آنلاین : 4
بازدید امروز : 637
بازدید دیروز : 1,691
گوگل امروز : 15
گوگل دیروز : 29
بازدید هفته : 9,614
بازدید ماه : 26,881
بازدید سال : 189,111
بازدید کلی : 14,189,448

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