پی سی دی ال باز هم با یک دوره غیبت امروز براتون پستی با عنوان کد منوی دسترسی سریع از سری دسته بندی کدهای کاربردی آماده کرده که میتونید به صورت رایگان ازش استفاده کنید. این کد در گوشه ای از صفحه سایتتون دکمه ای رو به حالت شناور به نمایش در میاورد که با کلیک بر روی آن 5 لینک مفید سایت (به انتخاب شما) نمایان میشود. دارای افکتی زیبا هست که در هنگام باز و بسته شدن و همچنین در زمانی که موس بر روی آن ها میرود میتوانید آن ها رو ببینید.
برای مشاهده پیشنمایش میتوانید از ادیتور آنلاین سایت استفاده کنید.
| 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 | <!-- Menu Code by : http://pi3idl.com --> <style> .menu{filter: url("#shadowed-goo");} .menu-item, .menu-open-button {background: #ff4081;border-radius: 100%;width: 80px;height: 80px;margin-left: -40px;position: absolute;top: 20px;color: white;text-align: center;line-height: 80px;transform: translate3d(0, 0, 0);transition: transform ease-out 200ms; } .menu-open {display: none; } .hamburger {width: 25px;height: 3px;background: white;display: block;position: absolute;top: 50%;left: 50%;margin-left: -12.5px;margin-top: -1.5px;transition: transform 200ms; } .hamburger-1 {transform: translate3d(0, -8px, 0); } .hamburger-2 {transform: translate3d(0, 0, 0); } .hamburger-3 {transform: translate3d(0, 8px, 0); } .menu-open:checked + .menu-open-button .hamburger-1 {transform: translate3d(0, 0, 0) rotate(45deg); } .menu-open:checked + .menu-open-button .hamburger-2 {transform: translate3d(0, 0, 0) scale(0.1, 1); } .menu-open:checked + .menu-open-button .hamburger-3 {transform: translate3d(0, 0, 0) rotate(-45deg); } .menu {position: absolute;left: 50%;margin-left: -190px;padding-top: 20px;padding-left: 190px;width: 380px;height: 250px;box-sizing: border-box;font-size: 20px;text-align: left; } .menu-item:hover {background: white;color: #ff4081; } .menu-item:nth-child(3) {transition-duration: 70ms; } .menu-item:nth-child(4) {transition-duration: 130ms; } .menu-item:nth-child(5) {transition-duration: 190ms; } .menu-item:nth-child(6) {transition-duration: 250ms; } .menu-item:nth-child(7) {transition-duration: 310ms; } .menu-open-button {z-index: 2;transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275);transition-duration: 400ms;transform: scale(1.1, 1.1) translate3d(0, 0, 0);cursor: pointer; } .menu-open-button:hover {transform: scale(1.2, 1.2) translate3d(0, 0, 0); } .menu-open:checked + .menu-open-button {transition-timing-function: linear;transition-duration: 200ms;transform: scale(0.8, 0.8) translate3d(0, 0, 0); } .menu-open:checked ~ .menu-item {transition-timing-function: cubic-bezier(0.935, 0, 0.34, 1.33); } .menu-open:checked ~ .menu-item:nth-child(3) {transition-duration: 160ms;transform: translate3d(114.42548px, 11.48084px, 0); } .menu-open:checked ~ .menu-item:nth-child(4) {transition-duration: 240ms;transform: translate3d(77.18543px, 85.2491px, 0); } .menu-open:checked ~ .menu-item:nth-child(5) {transition-duration: 320ms;transform: translate3d(0.09158px, 114.99996px, 0); }.menu-open:checked ~ .menu-item:nth-child(6) {transition-duration: 400ms;transform: translate3d(-77.04956px, 85.37192px, 0); } .menu-open:checked ~ .menu-item:nth-child(7) {transition-duration: 480ms;transform: translate3d(-114.40705px, 11.66307px, 0); } .menu-pos{position:fixed;top:0px;left:0px;width:330px;} </style> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css"> <div class="menu-pos"><nav class="menu"> <input type="checkbox" href="#" class="menu-open" name="menu-open" id="menu-open"/> <label class="menu-open-button" for="menu-open"> <span class="hamburger hamburger-1"></span> <span class="hamburger hamburger-2"></span> <span class="hamburger hamburger-3"></span> </label> <a href="/statistic" class="menu-item"> <i class="fa fa-bar-chart"></i> </a> <a href="/new-post" class="menu-item"> <i class="fa fa-plus"></i> </a> <a href="/best-post" class="menu-item"> <i class="fa fa-heart"></i> </a> <a href="/contact" class="menu-item"> <i class="fa fa-envelope"></i> </a> <a href="/panel" class="menu-item"> <i class="fa fa-cog"></i> </a> </nav> <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> <defs> <filter id="shadowed-goo"> <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="10" /> <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo" /> <feGaussianBlur in="goo" stdDeviation="3" result="shadow" /> <feColorMatrix in="shadow" mode="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 1 -0.2" result="shadow" /> <feOffset in="shadow" dx="1" dy="1" result="shadow" /> <feBlend in2="shadow" in="goo" result="goo" /> <feBlend in2="goo" in="SourceGraphic" result="mix" /> </filter> <filter id="goo"> <feGaussianBlur in="SourceGraphic" result="blur" stdDeviation="10" /> <feColorMatrix in="blur" mode="matrix" values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 18 -7" result="goo" /> <feBlend in2="goo" in="SourceGraphic" result="mix" /> </filter> </defs> </svg></div> <h2 style="position:fixed;top:5000%;"><a href="http://pi3idl.com">کد وبلاگ</a></h2> <h2 style="position:fixed;top:5000%;"><a href="http://www.pi3idl.com/2015/02/quick-access-menu-code/">کد منوی دسترسی سریع</a></h2> <!-- Menu Code by : http://pi3idl.com --> |
سلام.ببخشید چرا آموزش هاتون رو زیاد نمیکنید.مخصوصا ویدیویی ها؟
چشم. به زودی آموزش های بیشتری میزارم. شما هم آموزش خواصی رو که میخواهید رو بگید تا زود تر بزارم.
سلام مثلا آموزش های فتوشاپ یا کد نویسی.
آقا هومن پس درخواست من چی شد؟
فیلم تو نوبت پست هاست . اون زمانی که شما گفتین این پست تو لیست بود. پست بعدی آموزش هست(5 روز دیگه)
ایول الله!!
آقا وحید پس این آموزش ما چی شد؟
گفته بودین 5 روز دیگه ، الانم 5 روز دیگه است.آموزش بزارین لطفا ، خواهشا ،….
اول این که وحید کیه باز . من هومنم . :d
دوم این که زمان پست ها تغییر کرد به دلایلی . الان شده 1و6و11و16و21و26 هر ماه میلادی
تو این تاریخا منتظر پستامون باشید.
ببخشید وقتی داشتم میفرستادم قاطی کردم گفتم وحید. :d
خیلی معذرت میخوام.پستتون رو دیدم واقعا عالی بود دستتون درد نکنه!
از وقتی از وب استفاده می کنم از ادیتور آنلاین شما استفاده کردم
رو این پست فهمیدم ایدیتور شماست
خخخخ
یعنی چی؟ از سایت استفاده میکردین و نمیدونستین از چه سایتی استفاده میکنید؟خخخ
نه ایدتورتون رو اد کردم هرجا دمو نیاز می شه رو ادیتور شما حلش می کنم 😀
اها . خوبه پس. موفق باشید.