alisafari 12 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 با سلام خدمت اساتید وردپرسدوستان برای طراحی قالب یک سایت به جای اسلایدر باید کاری مثل تصویر زیر انجام بدم ، یعنی عکس آخرین مطلب هر دسته رو نشون بدهد و وقتی موس بر روی عکس می رود تیتر اون مطلب رو نشان بدهد.ممنون میشم اگه راهنماییم کنیدعکس : نقل قول لینک به ارسال
Parsa 23463 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 برای ساخت کویریhttp://wp-parsi.com/generator/افکتhttp://jsfiddle.net/NuWna/2/ 3 نقل قول لینک به ارسال
alisafari 12 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 ممنون ، ولی میشه یه توضیح کاملتری بدید که چطوری از این دو سایت استفاده کنمبا تشکر نقل قول لینک به ارسال
alireza.nh 318 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 (ویرایش شده) ممنون ، ولی میشه یه توضیح کاملتری بدید که چطوری از این دو سایت استفاده کنمبا تشکرلینک اول جهت ساخت کوئری های مطالب هستند که سبب نمایش پست ها خواهند شد!و لینک دوم افکتی جهت عکس های مطالب شبیه به چیزی که خواستید.الان دیگه همه چی آمادست ، فقط خلاقیت و تجربه شما رو میطلبه! ویرایش شده آذر 92 توسط alireza.nh 1 نقل قول لینک به ارسال
alisafari 12 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 ممنونولی از لینک دوم چجوری استفاده کنم نقل قول لینک به ارسال
Farzad 3805 ارسال شده در آذر 92 گزارش بازنشر ارسال شده در آذر 92 کد های نمونه رو باید با باکس های خودتون مچ کنیدکد نمونه زیر باید در فایل js فراخوانی بشه$(document).ready(function(){ $(".slide").hover(function(){ $(this).find("div.snipit").slideDown("slow"); },function(){ $(this).find("div.snipit").slideUp("slow"); });});کد css هم به همین صورت فراخوانی بشهimg{ border:1px solid yellow; margin: 14px 0 0 0;}div.slide { width: 310px; height: 230px; float: left; border:1px solid red; text-align: center; position: relative; background: url(http://dummyimage.com/310x230) no-repeat top center;}div.slide div { width: 250px; height: 100px; padding: 0; display: none; position: absolute; bottom: 0px; background-color: rgba(0, 0, 0, 0.5); border:1px solid red; bottom: 14px; left:30px;}و HTML<body><div class="slide"> <img src="http://dummyimage.com/250x200" alt="1" width="250" height="200" /> <div class="snipit"> <h4>Image 1</h4> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt.</p> </div></div></body> 3 نقل قول لینک به ارسال
alisafari 12 ارسال شده در آذر 92 مالک گزارش بازنشر ارسال شده در آذر 92 خیلی خیلی ممنون نقل قول لینک به ارسال
پست های پیشنهاد شده
به گفتگو بپیوندید
هم اکنون می توانید مطلب خود را ارسال نمایید و بعداً ثبت نام کنید. اگر حساب کاربری دارید، برای ارسال با حساب کاربری خود اکنون وارد شوید .