رئيسية المعهد
رئيسية المعهد  تواصل معنا  حقوق الملكية الفكرية  اربط مدونتك بنا  محول أكواد أدسنس

 
قديم 01-10-2015, 02:23 PM   #1
givarawan
مدون جديد
 
تاريخ التسجيل: Jun 2013
المشاركات: 19
الإجابات الموجودة: 1
Question مجاب: السلايد شو توقف بعد اصافتي لقائمة للمدونة

أنا : givarawan




الموضوع الرئيسي في مشاركتي السابقة على هذا الرابط http://www.bloggerexp.com/showthread.php?t=16530 اتمنى قرائته

اما المشكلة هي بعد اضافة القائمة حدث ما يلي
1- السلايد شو توقف عن العمل.
2- كيف لي أن اغير لون القائمة ؟
3- كيف لي أن اغير ارتفاع القائمة إلى height: 40px;؟

الدعم العربي

givarawan غير متواجد حالياً   رد مع اقتباس
أفضل جواب - كتبه 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>
2 - قم باضافة الكود التالي قبل/اعلى الكود التالي ]]></b:skin>

كود 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; 
}
3 - الان ابحث عن الكود التالي /* Tabs
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
mohammedhaj
مدون جديد
 
الصورة الرمزية mohammedhaj
 
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
افتراضي رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة

أنا : mohammedhaj




اخي عم ابحث لك عن الكود وسوف ارفقه باقرب وقت ان شاء الله

الدعم العربي

mohammedhaj غير متواجد حالياً   رد مع اقتباس
قديم 01-15-2015, 09:08 PM   #3
mohammedhaj
مدون جديد
 
الصورة الرمزية mohammedhaj
 
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
Post رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة

أنا : 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>
2 - قم باضافة الكود التالي قبل/اعلى الكود التالي ]]></b:skin>

كود 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; 
}
3 - الان ابحث عن الكود التالي /* Tabs
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;}
اخيرا قم بحفظ القالب .

الدعم العربي

mohammedhaj غير متواجد حالياً   رد مع اقتباس
قديم 01-26-2015, 08:31 AM   #4
mohammedhaj
مدون جديد
 
الصورة الرمزية mohammedhaj
 
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
افتراضي رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة

أنا : mohammedhaj




شكرا لك اخي

الدعم العربي

mohammedhaj غير متواجد حالياً   رد مع اقتباس
قديم 01-26-2015, 08:32 AM   #5
mohammedhaj
مدون جديد
 
الصورة الرمزية mohammedhaj
 
تاريخ التسجيل: Jan 2013
المشاركات: 32
الإجابات الموجودة: 1
افتراضي رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة

أنا : mohammedhaj




اتمنى لك الاستفادة

الدعم العربي

mohammedhaj غير متواجد حالياً   رد مع اقتباس
قديم 02-28-2015, 11:30 PM   #6
zxcvbnm
مدون جديد
 
تاريخ التسجيل: Feb 2015
المشاركات: 1
افتراضي رد: السلايد شو توقف بعد اصافتي لقائمة للمدونة

أنا : zxcvbnm




مشكور اخى على مجهودك ومعلوماتك الرائعه

الدعم العربي

zxcvbnm غير متواجد حالياً   رد مع اقتباس
إضافة رد

مواقع النشر (المفضلة)

الكلمات الدليلية (Tags)
للمدونة, لقائمة, السلايد, اصافتي, توقف


 
أدوات الموضوع
انواع عرض الموضوع

ضوابط المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG]متاحة
كود HTML معطلة



المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
حل مشكلة توقف السلايد شو في جميع القوالب 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





لتصفح أفضل وللاستفادة القصوى من خصائص المعهد ننصحكم باستعمال :

Powered by vBulletin™ Version 3.8.7
Copyright © 2018 vBulletin Solutions, Inc. All rights reserved. منتديات
new notification by 9adq_ala7sas
Developed By Marco Mamdouh
معهد خبراء بلوجر - 2012 Google
أعلن على المعهد : اتصل بنا - منتدي كنوز - الدعم العربي - قوالب بلوجر - او او انيمي
رئيسية المعهد
الساعة الآن 01:58 PM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته
التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك
(ويتحمل كاتبها مسؤولية النشر)