دانلود سنتر

منوی دسترسی سریع

1
2
3
4
5

          ادمین 
            بازدید : 81
          شنبه 29 اسفند 1394
           نظرات (0)
        

منوی دسترسی سریع

یکی از رابط های کاربری محبوب فراهم کردن امکان دسترسی سریع برای بازدید کننده است .

شاید مشابه این منو رو در سایت ها و انجمن های مختلف دیده باشین ولی افکت نمایشی این منو باعث خاص و منحصر به فرد بودن این منو شده است ....

از این منو میتوانید برای تشویق بازدید کننده به اشتراک گذاری سایت استفاده کنید.

توجه : شما میتوانید پکیج این منو را از جعبه دانلود در انتهای پست دریافت کنید .

پیش نمایش آنلاین

راهنما استفاده :
کد زیرا قبل ازپایان تگ هدینگ (< h e a d >) قرار دهید :

<style> .share { position: absolute; left: 0; top: 50%; list-style-type: none; margin: 0; padding: 0; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); transform: translateY(-50%); } .share li { position: relative; } .share li:nth-of-type(1) .social-link, .share li:nth-of-type(1) .social-link:hover { background: #3B5998 url("http://i.imgur.com/u9gLigk.png") 50% 50% no-repeat; background-size: 25px auto; } .share li:nth-of-type(1) .nav-label { -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s; -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s; -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease; -webkit-transition-delay: 0s, 0.1s; transition: background 0.4s ease, transform 0.4s ease 0.1s; background: #1e2e4f; } .share li:nth-of-type(1) .social-link:hover .nav-label { -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s; -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s; -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease; -webkit-transition-delay: 0s, 0.1s; transition: transform 0.4s ease, background 0.4s ease 0.1s; background: #3B5998; } .share li:nth-of-type(2) .social-link, .share li:nth-of-type(2) .social-link:hover { background: #4099FF url("http://i.imgur.com/QzPDsIB.png") 50% 50% no-repeat; background-size: 25px auto; } .share li:nth-of-type(2) .nav-label { -moz-transition: background 0.4s ease, -moz-transform 0.4s ease 0.1s; -o-transition: background 0.4s ease, -o-transform 0.4s ease 0.1s; -webkit-transition: background 0.4s ease, -webkit-transform 0.4s ease; -webkit-transition-delay: 0s, 0.1s; transition: background 0.4s ease, transform 0.4s ease 0.1s; background: #0065d9; } .share li:nth-of-type(2) .social-link:hover .nav-label { -moz-transition: -moz-transform 0.4s ease, background 0.4s ease 0.1s; -o-transition: -o-transform 0.4s ease, background 0.4s ease 0.1s; -webkit-transition: -webkit-transform 0.4s ease, background 0.4s ease; -webkit-transition-delay: 0s, 0.1s; transition: transform 0.4s ease, background 0.4s ease 0.1s; background: #4099FF; } .share li .social-link { padding: 0; display: block; cursor: pointer; width: 60px; height: 60px; padding: 15px 20px; } .share li .social-link .nav-label { font-family: sans-serif; font-size: 14px; color: white; display: block; height: 60px; position: absolute; top: 0px; top: 0rem; margin-left: 40px; line-height: 64px; padding: 0 20px; white-space: nowrap; z-index: 4; -moz-transition: -moz-transform 0.4s ease; -o-transition: -o-transform 0.4s ease; -webkit-transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; -webkit-transform-origin: left 50%; transform-origin: left 50%; -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .share li .social-link .nav-label span { -moz-transform-origin: left 50%; -ms-transform-origin: left 50%; -webkit-transform-origin: left 50%; transform-origin: left 50%; -moz-transform: rotateY(-90deg); -webkit-transform: rotateY(-90deg); transform: rotateY(-90deg); } .share li .social-link:hover .nav-label, .share li .social-link:hover .nav-label span { -moz-transform: rotateY(0); -webkit-transform: rotateY(0); transform: rotateY(0); } </style>

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

عنوان فایل: دانلود پکیج منوی دسترسی سریع

لینک دانلود: برای دانلود کلیک کنید

سایت سازنده یا منبع : قالب گراف

برچسب ها منو سایت , منو منحصر به فرد وبلاگ , آموزش ساخت منو سایت , دسرسی سریع سایت , ابزار دسترسی سریع , ابزار منو ساز , ساخت منو , منوی سی اس اس ,

ارسال نظر برای این مطلب

اطلاعات کاربری

فراموشی رمز عبور؟

دانلود سریال عاشقانه قسمت 1 تا 15
جمعه 23 تیر 1396

دانلود سریال شهرزاد 2 فصل دوم قسمت 1 تا 3 (با 4 کیفیت)
جمعه 23 تیر 1396

دانلود رمان هر اشتباهی عشق نیست با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

دانلود رمان برای خوب بودن حالم با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

دانلود رمان آن تابستان با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

دانلود رمان گرگ و میش با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

دانلود رمان دوئل دل با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

دانلود رمان مومیایی با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

دانلود رمان پرفسور با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

دانلود رمان شیدایی با فرمت apk, epub, jar, pdf
سه شنبه 22 فروردین 1396

لینک دوستان

انجن وبلاگ نویسان

گالری عکس عاشقانه

قالب وبلاگ

آخرین مطالب ارسال شده

آرشیو

پیوندهای روزانه

مطالب عاشقانه (831)

انجمن وبلاگ نویسان (990)

قالب وبلاگ (1514)

آمار

آمار سایت

کل مطالب : 3862

کل نظرات : 0

افراد آنلاین : 259

تعداد اعضا : 0

آی پی امروز : 411

آی پی دیروز : 149

بازدید امروز : 2,388

باردید دیروز : 457

گوگل امروز : 0

گوگل دیروز : 4

بازدید هفته : 6,390

بازدید ماه : 6,390

بازدید سال : 169,989

بازدید کلی : 2,553,568