• اطلاعیه ها

    • Saeed Fard

      پوشش زنده وردکمپ ۲۰۱۸ اروپا توسط وردپرس پارسی   23/03/97

      اگر کاربر وردپرس هستید حتما تا به حال اسم وردکمپ رو شنیدید، کمپ و دورهمی بزرگ توسعه‌دهنده‌ها و کاربران وردپرس که سالانه در کشورهای مختلف برگزار میشه تحت عنوان وردکمپ هستش که از سمت مراجع اصلی وردپرس حمایت و برگزار می‌شه.   این‌ بار در سال 2018 وردکمپ اروپا در شهر بلگراد کشور صربستان در حال برگزاری هستش، این رویداد طی سه روز 24 تا 26 تیر ماه (June 14-16) برگزار میشه، در این رویداد مصطفی صوفی از وردپرس پارسی و به نمایندگی تمامی کاربران وردپرس فارسی حضور داره. وردپرس پارسی رویداد وردکمپ 2018 اروپا رو به صورت زنده توسط مصطفی پوشش می‌ده و در صورت علاقه‌مندی به این مراسم می‌تونید از طریق وردپرس پارسی دنبالش کنید.در حال حاضر یک روز از این مراسم گذشته که گزارش اون در قسمت پوشش زنده قرار گرفته. برای دنبال کردن مراسم وردکمپ اروپا به صورت لحظه‌ای به صفحه پوشش زنده در قسمت زیر مراجعه کنید. همینطور در آینده منتظر خبر برگزاری اولین وردکمپ در ایران توسط وردپرس‌پارسی باشید. https://wp-parsi.com/wceu-2018

      لینک خبر در وردپرس پارسی : https://wp-parsi.com/wceu-2018-live  
MOHCEN

ساخت منو این شکلی

3 پست در این موضوع قرار دارد

تو این سایت ساده زیر اسلاید شو یه منو هست که چهار قسمت داره دعا -احکام -کلام معصوم- کلام وحی که با کلیک رو هر کودوم باز می شه و با اسکرول هم.

چطور می شه ساختش؟

0

به اشتراک گذاری این پست


لینک به پست

سلام

از این کد استفاده شده که میتونید ویرایشش کنید:


<meta content="text/html; charset=utf-8" http-equiv="Content-Type" />
<script type="text/javascript" src="http://iaali.ir/js/jquery-1.7.2.js"></script>
<script type="text/javascript" src="http://iaali.ir/lib/jquery.ad-gallery.js"></script>
<link rel="stylesheet" type="text/css" href="http://iaali.ir/css/evoslider.css" />
<link rel="stylesheet" type="text/css" href="http://iaali.ir/css/default/default.php" />
<script type="text/javascript" src="http://iaali.ir/js/jquery.evoslider.lite-1.1.0.js"></script>

<div id="mySlider" class="evoslider default" style="height:200px;width:500px;background-color:transparent;border-width:0px;direction:rtl">

<dl style="background-color:transparent;border-width:0px">

<dt style="background-color:transparent;text-align:center">منوی 1</dt>
<dd style="background-color:#c7d0fb;text-align:justify;padding-right:100px;vertical-align:middle" >
<div class="font" style="width:97%">
<p style="text-align: justify;">
 </p>
<p dir="RTL" style="text-align: center;">
<span style="color:#000000;"><strong><span style="font-family:arial,helvetica,sans-serif;"><span style="font-size:20px;">محتوای منوی 1</span></span></strong></span></p>
</div>
</dd>


<dt style="background-color:transparent;text-align:center">منوی2</dt>
<dd style="background-color:#c7d0fb;text-align:justify;padding-right:100px;vertical-align:middle" >
<div class="font" style="width:97%">

<p style="text-align: center;">
<span style="color:#8b4513;"><span style="font-size:16px;"><strong>محتوای منوی2</strong></span></span></p>
</div>
</dd>
<dt style="background-color:transparent;text-align:center">منوی3</dt>
<dd style="background-color:#c7d0fb;text-align:justify;padding-right:100px;vertical-align:middle" >
<div class="font" style="width:97%">
<p style="text-align: justify;">
<span style="font-size:14px;"><span style="color:#2f4f4f;"><strong>محتوای منوی3</strong></span></span></p>
</div>
</dd>

<dt style="background-color:transparent;text-align:center" >منوی4</dt>
<dd style="background-color:#c7d0fb;text-align:justify;padding-right:100px;vertical-align:middle" >
<div class="font" style="width:97%">
<p style="text-align: justify;">
 </p>
<p dir="RTL" style="text-align: justify;">
<span style="color:#000080;"><span style="font-size:16px;"><strong>محتوای منوی4 </strong></span></span></p>
</div>
</dd>


</dl>
</div>
<script type="text/javascript">

$("#mySlider").evoSlider({
mode: "accordion", // Sets slider mode ("accordion", "slider", or "scroller")
width: 590, // The width of slider
height: 190, // The height of slider
slideSpace: 5, // The space between slides

mouse: true, // Enables mousewheel scroll navigation
keyboard: true, // Enables keyboard navigation (left and right arrows)
speed: 1000, // Slide transition speed in ms. (1s = 1000ms)
easing: "swing", // Defines the easing effect mode
loop: true, // Rotate slideshow

autoplay: true, // Sets EvoSlider to play slideshow when initialized
interval: 20000, // Slideshow interval time in ms
pauseOnHover: true, // Pause slideshow if mouse over the slide
pauseonclick: true, // Stop slideshow if playing

directionNav: true, // Shows directional navigation when initialized
directionNavAutoHide: false, // Shows directional navigation on hover and hide it when mouseout

controlNav: true, // Enables control navigation
controlNavAutoHide: false // Shows control navigation on mouseover and hide it when mouseout
});

</script>

1

به اشتراک گذاری این پست


لینک به پست

slideToggle و SlideDown و SlideUp رو سرچ کنید . ساخت همچین چیز هایی ساده است

3

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری