- صفحه اصلي قالب گراف
- انجمن
- آپلود سنتر
- تبليغات
- ورود
- عضويت
- خوراک
- نقشه
- تماس با ما
- ارسال پيام به مدير در انجمن ghalebgraph@gmail.com\09394943902
دانلود اسلایدر کم حجم برای وبلاگ سری دومبازديد : 1121
برای دیدن پیشنمایش و دمو اینجا کلیک کنید
اول این کد را در قالب بزارید:برای تغییر تصاویر و لینک ها هم کافیست کد بالا رو مطالعه کنید و لینک ها را جایگزین کنید.
کد:
<!--Rightheme.iR Slider Head Start--><style>
.viewer {
height:250px;
width:630px;
margin:auto;
}
</style>
<link href="https://rozup.ir/up/kamyab4u/slider/sliderengine2/css/styles.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js"></script>
<script src="https://rozup.ir/up/kamyab4u/slider/sliderengine2/js/jquery.wgslider.js" type="text/javascript"></script>
<div style="display:none"><a href="http://rightheme.ir" title="رايتم : مرجع وبمستران ايراني">رايتم : مرجع وبمستران ايراني</a></div>
<!--Rightheme.iR Slider Head End-->
خب در کد بالا دنبال height:250px بگردید که ارتفاع اسلایدر می باشد و شما با تغییر عدد ان میتوانید ارتفاع اسلایدر را کم و زیاد کنید همچنین در کد بالا دنبال width:630px بگردید که عرض اسلایدر می باشد و شما با تغییر عدد ان میتوانید عرض اسلایدر را کم و زیاد کنید. سپس هر کجا که خواستید اسلایدر به نمایش در بیاید از کد زیر استفاده کنید:
کد:
<!--Rightheme.iR Slider Body Start--><div class="viewer">
<div class="paging">
<a href="#" rel="1">1</a>
<a href="#" rel="2">2</a>
<a href="#" rel="3">3</a>
<a href="#" rel="4">4</a>
</div>
<div class="slideimages">
<a href="#"><img src="https://rozup.ir/up/kamyab4u/slider/sliderengine2/images/slide-img-1.jpg" alt="" /></a>
<a href="#"><img src="https://rozup.ir/up/kamyab4u/slider/sliderengine2/images/slide-img-2.jpg" alt="" /></a>
<a href="#"><img src="https://rozup.ir/up/kamyab4u/slider/sliderengine2/images/slide-img-3.jpg" alt="" /></a>
<a href="#"><img src="https://rozup.ir/up/kamyab4u/slider/sliderengine2/images/slide-img-4.jpg" alt="" /></a>
</div>
</div>
<div style="display:none"><a href="http://rightheme.ir" title="رايتم : مرجع وبمستران ايراني">رايتم : مرجع وبمستران ايراني</a></div>
<!--Rightheme.iR Slider Body End-->
«موفق و پیروز باشید»
امضاي کاربر :
![]()
طراحی و ترجمه قالب - طراحی فایل گرافیکی
وب سایت : www.rightheme.ir
تلگرام : rightheme
ایمیل: rightheme.ir@gmail.com
وب سایت : www.rightheme.ir
تلگرام : rightheme
ایمیل: rightheme.ir@gmail.com
 تشکر شده: |
5 کاربر از adminrightheme به خاطر اين مطلب مفيد تشکر کرده اند:
|
| تشکر شده: |
1 کاربر از sami1011 به خاطر اين مطلب مفيد تشکر کرده اند:
|
| تشکر شده: |
1 کاربر از alihajipoor به خاطر اين مطلب مفيد تشکر کرده اند:
|
قدیمی بود که ول خوبه 
در عین سادگی خوشگله و کاربردی مرسی💝
امضاي کاربر :
💏 عـاشِق‌طُۅرۍ💑
♥| اَندَر‌دِل‌مَن‌دَرون‌و‌بيرون‌هَـمہ‌اوست |♥
♥| اَندَر‌تَنِ‌مَن‌جان‌و‌رَگ‌و‌خون‌هَمه‌اوست |♥
💏 عـاشِق‌طُۅرۍ💑
♥| اَندَر‌دِل‌مَن‌دَرون‌و‌بيرون‌هَـمہ‌اوست |♥
♥| اَندَر‌تَنِ‌مَن‌جان‌و‌رَگ‌و‌خون‌هَمه‌اوست |♥
با جاوااسکریپت نمیشد پیاده سازی بشه= با جی کویری حجمش الکی زیاد میشه
اون لینک ها با display:none رو سئو اثر بد می ذاره = البته نه اونقدرا ولی باز...
به هر حال از زحمتی که کشیدی ممنون 
امضاي کاربر :
[align=center]
[/align]
[align=center]
