|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
|
01-10-2015, 02:23 PM | #1 |
مدون جديد
تاريخ التسجيل: Jun 2013
المشاركات: 19
الإجابات الموجودة: 1
|
مجاب: السلايد شو توقف بعد اصافتي لقائمة للمدونة
الموضوع الرئيسي في مشاركتي السابقة على هذا الرابط http://www.bloggerexp.com/showthread.php?t=16530 اتمنى قرائته اما المشكلة هي بعد اضافة القائمة حدث ما يلي 1- السلايد شو توقف عن العمل. 2- كيف لي أن اغير لون القائمة ؟ 3- كيف لي أن اغير ارتفاع القائمة إلى height: 40px;؟
__________________
|
أفضل جواب - كتبه mohammedhaj |
السلام عليكم ... اخي تفضل واتمنى ان يكون هو المطلوب قبل كل شي خذ نسخة احتياطية او طبق الشرح على مدونة تجريبية . 1 - توجه للوحة التحكم وقم باضافة اداة هتمل وضيف الكود التالي : كود بلغة HTML:
<div id='menucol'> <div id='topwrapper'> <ul id='top'> <li><a href='http://YOUR URL HERE.com'>Tab 1 Title Here</a></li> <li><a href='http://YOUR URL HERE.com'>Tab 2 Title Here</a></li> <li><a class='submenucol' href='#'>Tab 3 Title Here</a> <ul> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.1</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.2</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.3</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.4</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.5</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.6</a></li> </ul> </li> <li><a class='submenucol' href='#'>Tab 4 Title Here</a> <ul> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.1</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.2</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.3</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.4</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.5</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.6</a></li> </ul> </li> <li><a class='submenucol' href='#'>Tab 5 Title Here</a> <ul> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.1</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.2</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.3</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.4</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.5</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.6</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.7</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.8</a></li> </ul> </li> <li><a href='http://YOUR URL HERE.com'>Tab 6 Title Here</a></li> </ul> <br class='clearit'/> </div> </div> كود بلغة HTML:
/* Horizontal menu with 2 columns ----------------------------------------------- */ #menucol { width:940px; height:37px; background-image: -moz-linear-gradient(top, #666666, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #666666), color-stop(1.0, #000000)); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#666666,endColorStr=#000000); border-bottom:1px solid #666666; border-top:1px solid #666666; margin:0 auto;padding:0 auto; overflow:hidden; } #topwrapper { width:940px; height:40px; margin:0 auto; padding:0 auto; } .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; } #top { width:100%; } #top, #top ul { padding: 0; margin: 0; list-style: none; } #top a { border-right:1px solid #333333; text-align:left; display: block; text-decoration: none; padding:10px 12px 11px; font:bold 14px Arial; text-transform:none; color:#eee; } #top a:hover { background:#000000; color:#F6F6F6; } #top a.submenucol { background-image: url(http://3.bp.blogspot.com/-TkveEnZCoIw/Uat7PEv8kBI/AAAAAAAADsY/iqVPPTJzvUs/s1600/arrow_white.gif); background-repeat: no-repeat; padding: 10px 24px 11px 12px; background-position: right center; } #top li { float: left; position: relative; } #top li { position: static !important; width: auto; } #top li ul, #top ul li { width:300px; } #top ul li a { text-align:left; padding: 6px 15px; font-size:13px; font-weight:normal; text-transform:none; font-family:Arial, sans-serif; border:none; } #top li ul { z-index:100; position: absolute; display: none; background-color:#F1F1F1; margin-left:-80px; padding:10px 0; border-radius: 0px 0px 6px 6px; box-shadow:0 2px 2px rgba(0,0,0,0.6); filter:alpha(opacity=87); opacity:.87; } #top li ul li { width:150px; float:left; margin:0; padding:0; } #top li:hover ul, #top li.hvr ul { display: block; } #top li:hover ul a, #top li.hvr ul a { color:#333; background-color:transparent; text-decoration:none; } #top ul a:hover { text-decoration:underline!important; color:#444444 !important; } 4 - احذف كل الاكواد تحته حتى الكود /* Columns 5 - قم باضافة الكود التالي بدل المحذوف كود بلغة HTML:
#crosscol ul {z-index: 200; padding:0 !important;} #crosscol li:hover {position:relative;} #crosscol ul li {padding:0 !important;} .tabs-outer {z-index:1;} .tabs-inner {padding: 0 0px;} |
01-15-2015, 08:55 PM | #2 |
مدون جديد
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
|
رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة
اخي عم ابحث لك عن الكود وسوف ارفقه باقرب وقت ان شاء الله
__________________
سبحان الله وبحمده سبحان الله العظيم كن خبيرا في بلوجر www.th3key.com |
01-15-2015, 09:08 PM | #3 |
مدون جديد
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
|
رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة
السلام عليكم ... اخي تفضل واتمنى ان يكون هو المطلوب قبل كل شي خذ نسخة احتياطية او طبق الشرح على مدونة تجريبية . 1 - توجه للوحة التحكم وقم باضافة اداة هتمل وضيف الكود التالي : كود بلغة HTML:
<div id='menucol'> <div id='topwrapper'> <ul id='top'> <li><a href='http://YOUR URL HERE.com'>Tab 1 Title Here</a></li> <li><a href='http://YOUR URL HERE.com'>Tab 2 Title Here</a></li> <li><a class='submenucol' href='#'>Tab 3 Title Here</a> <ul> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.1</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.2</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.3</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.4</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.5</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 3.6</a></li> </ul> </li> <li><a class='submenucol' href='#'>Tab 4 Title Here</a> <ul> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.1</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.2</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.3</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.4</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.5</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 4.6</a></li> </ul> </li> <li><a class='submenucol' href='#'>Tab 5 Title Here</a> <ul> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.1</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.2</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.3</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.4</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.5</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.6</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.7</a></li> <li><a href='http://YOUR URL HERE.com'>Sub Tab 5.8</a></li> </ul> </li> <li><a href='http://YOUR URL HERE.com'>Tab 6 Title Here</a></li> </ul> <br class='clearit'/> </div> </div> كود بلغة HTML:
/* Horizontal menu with 2 columns ----------------------------------------------- */ #menucol { width:940px; height:37px; background-image: -moz-linear-gradient(top, #666666, #000000); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #666666), color-stop(1.0, #000000)); filter: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#666666,endColorStr=#000000); border-bottom:1px solid #666666; border-top:1px solid #666666; margin:0 auto;padding:0 auto; overflow:hidden; } #topwrapper { width:940px; height:40px; margin:0 auto; padding:0 auto; } .clearit { clear: both; height: 0; line-height: 0.0; font-size: 0; } #top { width:100%; } #top, #top ul { padding: 0; margin: 0; list-style: none; } #top a { border-right:1px solid #333333; text-align:left; display: block; text-decoration: none; padding:10px 12px 11px; font:bold 14px Arial; text-transform:none; color:#eee; } #top a:hover { background:#000000; color:#F6F6F6; } #top a.submenucol { background-image: url(http://3.bp.blogspot.com/-TkveEnZCoIw/Uat7PEv8kBI/AAAAAAAADsY/iqVPPTJzvUs/s1600/arrow_white.gif); background-repeat: no-repeat; padding: 10px 24px 11px 12px; background-position: right center; } #top li { float: left; position: relative; } #top li { position: static !important; width: auto; } #top li ul, #top ul li { width:300px; } #top ul li a { text-align:left; padding: 6px 15px; font-size:13px; font-weight:normal; text-transform:none; font-family:Arial, sans-serif; border:none; } #top li ul { z-index:100; position: absolute; display: none; background-color:#F1F1F1; margin-left:-80px; padding:10px 0; border-radius: 0px 0px 6px 6px; box-shadow:0 2px 2px rgba(0,0,0,0.6); filter:alpha(opacity=87); opacity:.87; } #top li ul li { width:150px; float:left; margin:0; padding:0; } #top li:hover ul, #top li.hvr ul { display: block; } #top li:hover ul a, #top li.hvr ul a { color:#333; background-color:transparent; text-decoration:none; } #top ul a:hover { text-decoration:underline!important; color:#444444 !important; } 4 - احذف كل الاكواد تحته حتى الكود /* Columns 5 - قم باضافة الكود التالي بدل المحذوف كود بلغة HTML:
#crosscol ul {z-index: 200; padding:0 !important;} #crosscol li:hover {position:relative;} #crosscol ul li {padding:0 !important;} .tabs-outer {z-index:1;} .tabs-inner {padding: 0 0px;}
__________________
سبحان الله وبحمده سبحان الله العظيم كن خبيرا في بلوجر www.th3key.com |
01-26-2015, 08:31 AM | #4 |
مدون جديد
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
|
رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة
__________________
سبحان الله وبحمده سبحان الله العظيم كن خبيرا في بلوجر www.th3key.com |
01-26-2015, 08:32 AM | #5 |
مدون جديد
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
|
رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة
__________________
سبحان الله وبحمده سبحان الله العظيم كن خبيرا في بلوجر www.th3key.com |
02-28-2015, 11:30 PM | #6 |
مدون جديد
تاريخ التسجيل: Feb 2015
المشاركات: 1
|
رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة
|
مواقع النشر (المفضلة) |
الكلمات الدلالية (Tags) |
للمدونة, لقائمة, السلايد, اصافتي, توقف |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
أدوات الموضوع | |
انواع عرض الموضوع | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
حل مشكلة توقف السلايد شو في جميع القوالب | ismailsayad | قوالب بلوجر أجنبية | 0 | 08-28-2014 08:58 PM |
طلب كود لقائمة افقية في التدوينة، الرجاء المساعدة | ام ايهم | طلبات الدعم الفني | 5 | 07-22-2013 08:59 AM |
ما هو سبب توقف المدونين في نظرك | تائه في الزمن | النقاش الجاد | 4 | 05-07-2013 07:46 PM |
من لاحظ توقف الارشفة في الاونة الاخيرة ؟ | trollboy | طلبات الدعم الفني | 5 | 04-09-2013 03:30 PM |
مشكل توقف الأرشفة في المدونة [تمت التلبية] | عاشق النت | طلبات الدعم الفني | 8 | 08-24-2012 03:15 PM |
الساعة الآن 12:19 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |