منتديات الديسم
هذه النافذة تشير بأنك لم تسجل بعد في منتدانا
مالذي تنتظره ؟!!!
سيغيب كل من علاء و الزعيم عن المنتدى لما لايقل عن أسبوع لظروف عائلية فصبرا حتى عودتهم
المواضيع الأخيرة
➟ إختر لونك المفضل

[طلب] السلايدر الموجود بالمنتدى متعدد الازرار


استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

avatar
منتدى فتوك
عـضـو
البلد : egy
الجنس : ذكر
المساهمات : 7

مُساهمةمنتدى فتوك في 09.06.18 15:25

السلام عليكم
هل يمكن طلب السلايد شو للمواضيع الموجود هنا فى المنتدى 


لينك مندايا ..  http://fatok.dahek.net/forum


شكرا لكم
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 09.06.18 15:38

انشا حوالي 5 صفحات html سلايدر
من هذا الدرس
http://alla-omar.yoo7.com/t1926-topic#7389
ثم انشا صفحة html جديدة ضع بها هذا الكود
الكود:
<!DOCTYPE html>
<!-- saved from url=(0043)http://www.daisem.ga/page_html?mode=preview -->
<html><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <meta charset="utf-8">
 <title>Sky Tabs</title>
 
 <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0">
 <link rel="stylesheet" type="text/css" href="//www.fontstatic.com/f=jazeera">
 <link rel="stylesheet" href="http://daisem.esy.es/version%201.1.1/css/demo.css">
 <link rel="stylesheet" href="http://daisem.esy.es/version%201.1.1/css/font-awesome.css">
 <link rel="stylesheet" href="http://daisem.esy.es/version%201.1.1/css/sky-tabs.css">
 <link rel="stylesheet" href="http://daisem.esy.es/version%201.1.1/css/font-awesome.css">
 <link rel="stylesheet" href="http://daisem.esy.es/version%201.1.1/icons/fontawesome-webfont.eot">
                <link href="http://daisem.esy.es/style.css" rel="stylesheet" type="text/css" />
<script src="http://code.jquery.com/jquery-1.6.4.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.16/jquery-ui.min.js"></script>
<script src="http://daisem.esy.es/myCarousel-min.js"></script>
<link rel="stylesheet" type="text/css" href="//www.fontstatic.com/f=jazeera" />
<script>
$(function () {
 $("#my-carousel").myCarousel({
 numberVisibleItems:   '4',
 animationSpeed: 1000,
 carouselSpeed: 2500,
 automaticPlay: true,
 pauseOnHover: true,
 easing: "easeOutBounce"
 });
 
});


</script>

<style>
h3 {
 color:#666;
 text-align:center;
}
</style>  
 <!--[if lt IE 9]>
 <link rel="stylesheet" href="http://daisem.esy.es/version%201.1.1/css/sky-tabs-ie8.css">
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 <script src="http://daisem.esy.es/version%201.1.1/js/sky-tabs-ie8.js"></script>
 <![endif]-->
                   </head>
 <style>  .fa_avatar {
  width: 10px;
  height: 10px;
  position: relative;
  top: -3px;
  margin-right: 5px;
  border-radius: 3px;
  margin-bottom: -10px;
}</style>
 <body class="bg-cyan">
 <div class="body">
 
 <!-- tabs -->
 <div class="sky-tabs sky-tabs-amount-5 sky-tabs-pos-top-justify sky-tabs-anim-flip sky-tabs-response-to-icons">
 <input type="radio" name="sky-tabs" checked="" id="sky-tab1" class="sky-tab-content-1">
                                  <label for="sky-tab1"><span><span><span style="font-family: jazeera ;font-size: 15px;">حلقات انمي</span></span></span></label>
 
 <input type="radio" name="sky-tabs" id="sky-tab2" class="sky-tab-content-2">
 <label for="sky-tab2"><span><span><span><span style="font-family: jazeera ;font-size: 15px;">أنميات</span></span></span></span></label>
 
 <input type="radio" name="sky-tabs" id="sky-tab3" class="sky-tab-content-3">
 <label for="sky-tab3"><span><span><span style="font-family: jazeera ;font-size: 15px;">باتشات</span></span></span></label>
 
 <input type="radio" name="sky-tabs" id="sky-tab4" class="sky-tab-content-4">
 <label for="sky-tab4"><span><span><span style="font-family: jazeera ;font-size: 15px;">سينما</span></span></span></label>
 
 <input type="radio" name="sky-tabs" id="sky-tab5" class="sky-tab-content-5">
 <label for="sky-tab5"><span><span><span style="font-family: jazeera ;font-size: 15px;">مواضيع مميزة</span></span></span></label>
 
 <ul>
 <li class="sky-tab-content-1">
 <div class="typography">
 <p> <iframe src="/h16-page.html" width="940" height="420"> </iframe></p>
 </li>
 
 <li class="sky-tab-content-2">
 <div class="typography">
 <p> <iframe src="/h13-page.html" width="940" height="420"> </iframe></p>
 </div>
 </li>
 
 <li class="sky-tab-content-3">
 <div class="typography">
 <p> <iframe src="/h18-page.html" width="940" height="420"> </iframe></p>
 </div>
 </li>
 
 <li class="sky-tab-content-4">
 <div class="typography">
 <p> <iframe src="/h20-page.html" width="940" height="420"> </iframe></p>
 
 </div>
 </li>
                     <li class="sky-tab-content-5">
 <div class="typography">
 <p><iframe src="/h25-page.html" width="940" height="420"></iframe></p>
 </div>
 </li>
 </ul></div>
 
 
 </div>
 <!--/ tabs -->
 
 
 
</body></html>

غير ارقام صفحات 13 20 09 السلايدر بما يناسب صفحاتك التي انشاتها واسماء الصفحات المبوبة

ثم ضع هذا الكود بتشكيلات العامة

الكود:
<iframe src="/h33-page.html" width="100%" height="300"frameBorder="0"scrolling="no"></iframe>

غير 33 برقم صفحة هذا الكود




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    
avatar
alla13
المدير
البلد : dz
الجنس : ذكر
المساهمات : 3126
http://alla13.blogspot.com

مُساهمةalla13 في 19.06.18 12:28

[adm]يغلق لاهمال العضو لأكثر من اسبوع[/adm]




توقيعalla13



صفـحتنا على الفايسبوك


قناتنا على اليوتيوب
    

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة

أفتح حسابا أو أدخل لحسابك

يتوجب عليك أن تكون عضوا لتترك ردا

إفتح حسابا في منتدانا

إنضم لأسرتنا لنشارك خبراتنا ومعارفنا مع بعض


قم بتسجيل

تسجيل الدخول

أتمتلك حسابا قم بتسجيل الدخول من هنا


أدخل

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى