المشاركات

عرض المشاركات من سبتمبر, 2015

جعل القوائم قابلة للعمل على الأجهزة الذكية

صورة
هل لديك قائمة او تريد تركيب قائمة على قالبك لكنها ليست متجاوبة, هل تريد جعل اى قائمة قابلة للعمل على الاجهزة الذكية ؟ الحل بسيط وبكود سهل التركيب كل ما عليك هو استخدام الكود التالي وستصبح قائمتك قابلة للتشغيل على الهواتف والاجهزة اللوحية وبدون اى مجهود منك هناك كلمتين في الكود السابق متكررة واحده باللون الأصفر والثانية باللون الاخضر التي باللون الأصفر تستبدلها بمعرف قائمتك توضيح القوائم تبدأ بوسم قد تجد الوسم مكتوب بهذا الشكل مثلا ما يهمنا ان يكون هذا الوسم به معرف id هكذا ان وجدت المعرف وهو الكلمة بعد id تستبدلها بالكلمة الصفراء ان لم تجد اضف معرف فقط تكتب بعد ul id="word" واستبدل word باى كلمة تناسبك هذا كل شئ طيب ماذا يخص الكلمة الخضراء تخص فقط ان لو لديك قائمتين وستكرر الكود ان تستبدل الرقم 2 فيها بالرقم 3 تنسيقات ما هو معلم باللون الوردي حجم ونوع الخط الرقم 100 عرض القائمة الأرقام الحمراء هي الهوامش الخارجية للقائمة 2 اعلى - 4 يمين - 5 اسفل - 3 يسار نفس الأمر للأرقام الزرقاء لكنها للهوامش الداخلة للقائمة

الخمسة النمطية القالب الأول

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

التجاوب ومبادئ التعامل معه

صورة
سبق وقد تكلمنا عن نموذج الجوال الآن سنتحدث عن التجاوب أولأ نبدأ بـ تعريف التجاوب : التجاوب هو جعل قالب الموقع متغير الحجم بحيث يتناسب مع الشاشات والأجهزة المختلفة مثل التابلت والهواتف الذكية ما الفرق بين التجاوب ونموذج الهاتف : هناك امرين يفرقان بين نموذج الهاتف والتجاوب الاول السرعة : وهذا سيكون في صالح نموذج الهاتف حيث أنه اسرع كثيراً لانه يقوم بإلغاء أغلب الادوات وملفات الجافا وتخفيض جودة الصورة فيجعل التحميل سريع الثاني الإحترافية : وهذا سيكون في صالح التجاوب حيث انه يتم الإحتفاظ بشكل القالب وأدواته كاملة طبعاً يؤثر على السرعة لكنه يكون أكفأ في العمل لمن يحتاج الادوات تظهر لمن يتصفح بالاجهزة الذكية كيف يتم انشاء التجاوب ؟ أولا كود الميتا تاج التالي يجب ان يضاف في بداية القالب بعد الوسم ثم بعد ذلك يرجع العمل على الكود التالي @media screen and (max-width : 400 px) { اكواد الـ CSS } الكود ببساطة يعني أنه عندما تكون الشاشة بحجم 400 بيكسل يتم تفعيل هذا الستايل يعني كل ما ستضعه من اكواد الـ CSS في وسط الكود السابق سيتم تنشيطها عند وصول الشاشة لهذا الحجم يمكنك تكرار الكود مع تغيير ال...

آداة ثلاثية التبويبات للسايد بار

صورة
من أكثر الادوات المهمة لمن يحتاجون مكان في السايد بار حيث انها تجمع ثلاث ادوات في آداة واحده مما يجعل هناك مساحة لادوات أكثر في السايد بار هذه الآداة هي بتنسيق حصري لكن مدون تم الإهتمام بان تعمل الآداة على القوالب المتجاوبة دون مشاكل وان تتخذ حجم السايد بار المشكلة الوحيدة التي قد تواجهك في تركيب تلك الآداة هي ان يكون قالبك غير مهئ في منطقة السايد بار لإستخدام تلك الآداة , الآداة ستعطيك ثلاث مساحات داخل التخطيط يمكنك ان تضيف بها اى أدوات تعجبك معاينة /*Cnmu Tabbed Widget*/ .cnmusidebartabs {margin-bottom: 20px;} .cnmusidebartabs .widget {   border: 0 none !important;   box-shadow: 0 0 0 1px #ddd inset; } .cnmusidebartabs .widget h2 {display: none;} .tabs-widget {   height: 35px;   list-style: outside none none;   margin: 0;   padding: 0; } .tabs-widget li {   float:right;   list-style: outside none none;   padding: 0;   text-align: center;   width: 33.3%; } #cnmustab2 {float:left;} #cnmustab2 a {border-left: 0 none;} .tabs-widget li:first-child {margin: 0} .tabs-widget li a {   backgro...

آخر التعليقات بإعدادات مختلفة

صورة
كنا قد عرضنا سابقاً إضافة آخرالتعليقات مع الإشعارات لكن البعض يفضل ان تكون آداة داخل إضافة وليست عائمة لذلك اتيت لكم بهذه الإضافة وهي لها اعدادات تناسب الجميع وفي نفس الوقت هي خفيفة لمن لا يحب الإضافات الثقيلة إعدادات استبدل http://cnmu.blogspot.com   رابط مدونتك استبدل الرقم 10 بعدد التعليقات التي ستظهر استبدل الرقم 50 بحجم الصورة المناسب استبدل الرقم 30 بعدد الحروف التي ستظهر من التعليق استبدل true   بـ false أن لم ترد ظهور صورة المعلق استبدل false بـ true ان اردت الصور تكون مستديرة استبدل true بـ false ان اردت ان تخفي كلمة المزيد او استبدل الكلمة نفسها بتعديلها استبدل هذا اللون #444 باى لتغيير لون خلفية اسم المعلق وفي النهاية أود معرفة رايكم في المظهر الجديد وهل هو أفضل أم القديم