إنشاء شريط منزلقة Slidebar مع الصور على واجهة منتدالك
صفحة 1 من اصل 1 • شاطر
إنشاء شريط منزلقة Slidebar مع الصور على واجهة منتدالك
يمكنك إضافة شريط الشريحة المستخدم عادة كعرض توضيحي للصورة ، كما يمكن استخدامه كإعلان في منتداك.
التركيب :
لوحة التحكم >> مظهر المنتدى >> الصفحة الرئيسية >> تشكيلات عامة >> وضع اعلان فى الضفحة الرئسية .....انسخ الكود التالى و ضعه فى محرر html
حيث أن :
: IMAGE الصورة التى ستظهر فى القائمة استبدل بعنوان url الخاص بالصورة التي تريد ظهورها. جميع الصيغ المدعومة.
: LINK هو الرابط الذى سيوجهك الى الصفحة او الموضوع عند النقر على الصورة.
: TITLE العنوان الذي سيظهر عندما تقف بالماوس فوق الصورة.
كيف يمكنني إضافة مجموعة أخرى من الشرائح؟
فقط ابحث عن الرمز:
واستبدالها
التركيب :
لوحة التحكم >> مظهر المنتدى >> الصفحة الرئيسية >> تشكيلات عامة >> وضع اعلان فى الضفحة الرئسية .....انسخ الكود التالى و ضعه فى محرر html
- الكود:
<link href="http://jquerytools.github.io/media/css/scrollable-horizontal.css" type="text/css" rel="stylesheet" /><link href="http://jquerytools.github.io/media/css/scrollable-buttons.css" type="text/css" rel="stylesheet" /><script src="http://cdn.jquerytools.org/1.2.7/full/jquery.tools.min.js" type="text/javascript"></script>
<!-- HTML structures -->
<div style="margin:0 auto; width: 634px; height:120px;">
<!-- "previous page" action --><a class="prev browse left"></a>
<!-- root element for scrollable -->
<div id="scrollable" class="scrollable">
<!-- root element for the items -->
<div class="items">
<!-- grupo 1 -->
<div>
<a href="LINK_1"><img title="TITULO_1" src="IMAGEM_1" /></a> <a href="LINK_2"><img title="TITULO_2" src="IMAGEM_2" /></a> <a href="LINK_3"><img title="TITULO_3" src="IMAGEM_3" /></a> <a href="LINK_4"><img title="TITULO_4" src="IMAGEM_4" /></a>
</div>
<!-- Fim do grupo 1 -->
<!-- grupo 2 -->
<div>
<a href="LINK_5"><img title="TITULO_5" src="IMAGEM_5" /></a> <a href="LINK_6"><img title="TITULO_6" src="IMAGEM_6" /></a> <a href="LINK_7"><img title="TITULO_7" src="IMAGEM_7" /></a> <a href="LINK_8"><img title="TITULO_8" src="IMAGEM_8" /></a>
</div>
<!-- fim do grupo 2 -->
<!-- grupo 3 -->
<div>
<a href="LINK_9"><img title="TITULO_9" src="IMAGEM_9" /></a> <a href="LINK_10"><img title="TITULO_10" src="IMAGEM_10" /></a> <a href="LINK_10"><img title="TITULO_10" src="IMAGEM_10" /></a> <a href="LINK_10"><img title="TITULO_10" src="IMAGEM_10" /></a>
</div>
<!-- fim do grupo 3 -->
<!-- Adicione aqui mais códigos -->
</div>
</div>
<!-- "next page" action --><a class="next browse right"></a>
</div>
<!-- javascript coding --><script>
jQuery(function() {
// initialize scrollable
jQuery(".scrollable").scrollable();
});
</script>
حيث أن :
: IMAGE الصورة التى ستظهر فى القائمة استبدل بعنوان url الخاص بالصورة التي تريد ظهورها. جميع الصيغ المدعومة.
: LINK هو الرابط الذى سيوجهك الى الصفحة او الموضوع عند النقر على الصورة.
: TITLE العنوان الذي سيظهر عندما تقف بالماوس فوق الصورة.
كيف يمكنني إضافة مجموعة أخرى من الشرائح؟
فقط ابحث عن الرمز:
- الكود:
<!-- Adicione aqui mais códigos-->
واستبدالها
- الكود:
<!-- grupo Nº -->
<div>
<a href="LINK_ Nº"><img src="IMAGEM_ Nº" title="TITULO_ Nº" /></a>
<a href="LINK_ Nº"><img src="IMAGEM_ Nº" title="TITULO_ Nº" /></a>
<a href="LINK_ Nº"><img src="IMAGEM_ Nº" title="TITULO_ Nº" /></a>
<a href="LINK_ Nº"><img src="IMAGEM_ Nº" title="TITULO_ Nº" /></a>
</div>
<!--Fim do grupo Nº-->
ـــــــــــــــــــ التوقيع ــــــــــــــــــــ
سبحان الله وبحمدة .....سبحان الله العظيم
| |
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
أمس في 8:21 pm من طرف salima202
» مقاول تركيب ساندوتش بانل
الثلاثاء يوليو 23, 2024 8:55 pm من طرف moslema_r
» تصميم تطبيق جوال لمدرسة
الثلاثاء يوليو 23, 2024 7:17 am من طرف mona mohamed
» مظلات وسواتر في الرياض
السبت يوليو 20, 2024 7:54 pm من طرف moslema_r
» تطبيقIncogniton لإدارة ملفات تعريف متعددة للمتصفح
الخميس يوليو 18, 2024 3:29 pm من طرف زاكااا
» سواتر حديد
الثلاثاء يوليو 16, 2024 7:28 pm من طرف moslema_r
» تصميم تطبيق جوال لتوصيل المياه
الثلاثاء يوليو 16, 2024 9:53 am من طرف mona mohamed
» تصميم تطبيق جوال لصيانة المكيفات
الأحد يوليو 14, 2024 8:00 am من طرف mona mohamed
» هناجر ومستودعات الرياض
السبت يوليو 13, 2024 8:38 pm من طرف moslema_r
» مظلات لكسان
الثلاثاء يوليو 09, 2024 7:13 pm من طرف moslema_r