يرجى عدم اضافة اي موضوع الا في قسمه الخاص حتى لاتتعرض عضويتك للتوقف النهائي

يرجى عدم اضافة اي موضوع الا في قسمه الخاص حتى لاتتعرض عضويتك للتوقف النهائي


متجر ام جهاد 0543221247

شركة استضافه حلم


lnformation 



شركة راحة فيشن للعطلات ماليزيارفع الصور


 #1  
قديم10-19-2016, 11:10 PM
fatmafatma غير متصل
Senior Member
 
تاريخ الانتساب: Oct 2016
مشاركات: 100
fatma على طريق التميز و النجاح
افتراضيشرح كيفية جعل القوائم قابلة للعمل على الأجهزة الذكية

كيفية القوائم قابلة للعمل الأجهزة
هل لديك قائمة او تريد تركيب قائمة على قالبك لكنها ليست متجاوبة, هل تريد جعل اى قائمة قابلة للعمل على الاجهزة الذكية ؟
الحل بسيط وبكود سهل التركيب كل ما عليك هو استخدام الكود التالي وستصبح قائمتك قابلة للتشغيل على الهواتف والاجهزة اللوحية وبدون اى مجهود منك


<style type="text/css">
.cnmunav2 {
color: #444;
display: none;
float: right;
font: 14px tahoma;
margin: 2px 4px 5px 3px;
padding: 2px 4px 5px 3px;
width: 100px;
}
@media screen and (max-width : 700px) {
#maymenu {display: none;}
.cnmunav2 {display:block;}
}
</style>
<script>
//<![CDATA[

window.cnmunav=function(){"use strict";var e=function(e,t){function c(e){var t;if(!e)e=window.event;if(e.target)t=e.target;else if(e.srcElement)t=e.srcElement;if(t.nodeType===3)t =t.parentNode;if(t.value)window.location.href=t.va lue}function h(e){var t=e.nodeName.toLowerCase();return t==="ul"||t==="ol"}function p(e){for(var t=1;document.getElementById("cnmunav"+t);t++);retu rn e?"cnmunav"+t:"cnmunav"+(t-1)}function d(e){a++;var t=e.children.length,n="",l="",c=a-1;if(!t){return}if(c){while(c--){l+=o}l+=" "}for(var v=0;v<t;v++){var m=e.children[v].children[0];if(typeof m!=="undefined"){var g=m.innerText||m.textContent;var y="";if(r){y=m.className.search(r)!==-1||m.parentNode.className.search(r)!==-1?f:""}if(i&&!y){y=m.href===document.URL?f:""}n+=' <option value="'+m.href+'" '+y+">"+l+g+"</option>";if(s){var b=e.children[v].children[1];if(b&&h(b)){n+=d(b)}}}}if(a===1&&u){n='<option value="">'+u+"</option>"+n}if(a===1){n='<select class="cnmunav2" id="'+p(true)+'">'+n+"</select>"}a--;return n}e=document.getElementById(e);if(!e){return}if(!h (e)){return}if(!("insertAdjacentHTML"in window.document.documentElement)){return}document. documentElement.className+=" js";var n=t||{},r=n.activeclass||"active",i=typeof n.autoselect==="boolean"?n.autoselect:true,s=typeo f n.nested==="boolean"?n.nested:true,o=n.indent||"←" ,u=n.label||"- القائمة -",a=0,f=" selected ";e.insertAdjacentHTML("afterend",d(e));var l=document.getElementById(p());if(l.addEventListen er){l.addEventListener("change",c)}if(l.attachEven t){l.attachEvent("onchange",c)}return l};return function(t,n){e(t,n)}}();$(document).ready(functio n(){cnmunav('maymenu');});
//]]>
</script>
هناك كلمتين في الكود السابق متكررة
واحده باللون الأصفر والثانية باللون الاخضر
التي باللون الأصفر تستبدلها بمعرف قائمتك
توضيح القوائم تبدأ بوسم <ul> قد تجد الوسم مكتوب بهذا الشكل مثلا
<ul class="menu">ما يهمنا ان يكون هذا الوسم به معرف id
هكذا <ul id="resmenu">
ان وجدت المعرف وهو الكلمة بعد id تستبدلها بالكلمة الصفراء
ان لم تجد اضف معرف فقط تكتب بعد ul
id="word" واستبدل word باى كلمة تناسبك
هذا كل شئ طيب ماذا يخص الكلمة الخضراء تخص فقط ان لو لديك قائمتين وستكرر الكود ان تستبدل الرقم 2 فيها بالرقم 3
تنسيقات

ما هو معلم باللون الوردي حجم ونوع الخط
الرقم 100 عرض القائمة
الأرقام الحمراء هي الهوامش الخارجية للقائمة
2 اعلى - 4 يمين - 5 اسفل - 3 يسار
نفس الأمر للأرقام الزرقاء لكنها للهوامش الداخلة للقائمة


كلمات البحث

العاب ، برامج ، سيارات ، هاكات ، استايلات





avp ;dtdm [ug hgr,hzl rhfgm ggulg ugn hgH[i.m hg`;dm l;l;

رد مع اقتباس
إضافة رد

دالّة الموضوع
مكمك

أدوات الموضوع
طريقة العرض

ضوابط المشاركة
غير مصرّح لك بنشر موضوع جديد
غير مصرّح لك بنشر ردود
غير مصرّح لك برفع مرفقات
غير مصرّح لك بتعديل مشاركاتك

وسوم vB : نشيط
كود [IMG] : نشيط
كود هتمل : خامل



=-رفع الصور - مركز الخليج--رفع الصور-][group buy seo tools-seo group buy][
 


 

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

Bookmark and Share


التوقيت حسب جرينتش . الساعة الآن 09:59 PM.

أقسام المنتدى

القسم العام | الركن العام للمواضيع العامة | سؤال وجواب , ركن الإستفسارات العامة | دروس عامة و عالم التصاميم | ركن مواقع التواصل الإجتماعي | ركن التجارة الإلكترونية | معرض الصور العامة وتصاميم الاعضاء | ركن ملحقات التصميم | ركن طلبات التصميم | ركن مشاكل وحلول وطلبات ملحقات التصميم | ركن مشاكل وطلبات مواقع التواصل الإجتماعي | ركــن لجنــــة قبـــــول الوسطاء | ركن عروض الوسطاء المعتمدين | طلبات الشراء من الوسطاء المعتمدين | أقسام البرامج والاتصالات | ركن البرامج العامة المشروحة | الألعاب الإلكترونية | ركن الاتصالات والهواتف المتحركة | عالم الفضائيات | ركن مشاكل وحلول وطلبات البرامج | ركن تنزيل الالعاب الالكترونية | Apple ابل | Android اندرويد | BlackBerry بلاك بيري | Windows Phone ويندوز فون | الراوترات واجهزة E-life | قسم تطوير المنتديات | ركن تطوير المنتديات | ركن استايلات vBulletin | ركن XenForo | ركن المشاكل والحلول والطلبات | قسم تطوير المواقع | ركن تطوير المواقع | دروس تصميم مواقع الويب | ركن لغات البرمجه | ركن تقنيات المواقع SEO و XML و RSS و محركات البحث | ركن نادي Google | ركن مشاكل وحلول واستفسارات المواقع | ركن المجلات الإلكترونيه وبرامج إدارة المحتوى | ركن بلوجرblogger | الوورد بريس WordPress | ركن الحماية من الثغرات | ركن القوالب والتصاميم الجاهزه | ركن مشاكل أكواد التصميم | ركن مشاكل وحلول واستفسارات لغات البرمجه | مشاكل وحلول واستفسارات ركن تقنيات المواقع SEO و Google | Google AdWords | استفسارات AdSense ادسنس | سوق الاستضافه | ركن عروض شركات الاستضافة | دروس ومشاكل وحلول الاستضافه | ركن لجنة سوق الإستضافة | ركــن طلبـات الإستضافـه للأعضاء | ركن طلبات الدعم الفني والبرمجه والتصميم للشركات المعتمده | ركن دروس الأستضافة | ركن حلول مشاكل الاستضافة | شكاوي وملاحظات سوق الإستضافه | القسم التجاري | ركــن التبادل الإعلاني والتجاري | ركن عروض وطلبات النطاقات | ركن التبادل الاعلاني والتجاري للمواقع المجانية | ركن عروض التصاميم والدعم الفني والبرمجة | ركن طلبات التصاميم والدعم الفني والبرمجة | ركن أدلة المواقع | ركن شروحات وأخبار واستفسارات النطاقات | [القسم الاداري] | ركن الشكاوي والملاحظات | ركن المواضيع المخالفه والمكرره |



Powered by: vBulletin® Version 3.8.9 Beta 1 Copyright ©2000-2018, Jelsoft Enterprises Ltd.
Translated By alkahf©2002-2018
This Forum usedArshfny Mod byislam servant