شرح كيفية عمل شريط الادوات "الازرار"تحت الهيدر بشكل خرافي ورائع .
بسم الله الرحمن الرحيم
السلام عليكم و رحمة الله و بركاته
____________________________________________
أولاً : الشرح منقول من منتدى الجود سوفت للبرامج ، و الموضوع الأصلي هنا
باسم الله تعالى نبدأ
سيتم عمل الشريط كما في الصور التالية إن شاء الله تعالى
فقمت بعمل شرح لكم لكي تستفيدوا و ما تنسوني من الدعاء بظهر الغيب لي و لجميع المسلمين
تابع الشرح التالي .
انسخ الكود التالي
وقم بتحديد اسم مجلد الاستايل mnshawaty-hon-style
واضغط على ctrl+f
ثم قم باستبداله باسم مجلد الاستايل الذي ترغب تركيب الشريط عليه
واضغط على Replace all أو استبدال الكل
كما في الصورة
ومن ثم قم بنسخ الكود كاملاً وإذهب الى لوحة التحكم في المنتدى
الاستايلات و القوالب ثم التحكم بالاستايلات ثم التحكم في الاستايل المرغوب وضع الشريط فيه
وإنزل الى اسفل الصفحة والصق الكود في خانة التخصيص في الاستايل css كما في الصورة
ثم اصعد الى أعلى الصفحة نحو header
وبعد
( طبعاً بإمكانك وضع في اي مكان من الهيدر حسب المكان المناسب إن شاء الله تعالى )
فمثلاً : ضع الكود في أسفل قالب الهيدر
الصق الكود التالي
على سطح مجلد الاستايل مثلاً
tahasoft.com_1/nav_bg.png
و يمكنك تغيير لون الصورة لتتناسب مع الاستايل عن طريق فتحها بالفوتوشوب و الضغط على Ctrl + u
____________________________________________
و السلام عليكم و رحمة الله و بركاته
و لا تنسوا الدعاء بظهر الغيب لي و لجميع المسلمين
سبحانك اللهم و بحمدك ، أشهد أن لا إله إلا أنت ، أستغفرك و أتوب إليك
السلام عليكم و رحمة الله و بركاته
____________________________________________
أولاً : الشرح منقول من منتدى الجود سوفت للبرامج ، و الموضوع الأصلي هنا
باسم الله تعالى نبدأ
سيتم عمل الشريط كما في الصور التالية إن شاء الله تعالى
فقمت بعمل شرح لكم لكي تستفيدوا و ما تنسوني من الدعاء بظهر الغيب لي و لجميع المسلمين
تابع الشرح التالي .
انسخ الكود التالي
.mnshawaty-hon-style
{
background:url(mnshawaty-hon-style/ss2.gif);
font-family:tahoma;
font-size:11px;
}
.tep1 {
height: 40px;
width: 50%;
background:url(mnshawaty-hon-style/f_bg_02.gif) top repeat-x;
font-family:tahoma;
font-size:11px;
font-weight:normal;
text-align:right;
color:#FFFFFF;
}
.tep2 {
height: 40px;
width: 50%;
background:url(mnshawaty-hon-style/f_bg_02.gif) top repeat-x;
font-family:tahoma;
font-size:11px;
font-weight:normal;
text-align:left;
color:#FFFFFF;
valign:bottom;
}
.tep2 a:link {
color: #ffffff;
}
.tep2 a:visited {
color: #FFFF66;
}
.tep2 a:hover {
color: #ffffff;
}
.tep2 a:active {
color: #ffffff;
}
.had2 {
background-image: url('mnshawaty-hon-style/had-bag.gif');
}
.had3 {
background-image: url('mnshawaty-hon-style/fade.gif');
}
ul#menu
{
margin:0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:30px;
font-size:12px;
font-weight:bold;
background:transparent url(mnshawaty-hon-style/nav_bg.png) repeat-x top left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #000000;
border-top:1px solid #000000;
}
ul#menu li
{
display:block;
float:right;
margin:0;
padding:0;
}
ul#menu li a
{
display:block;
float:left;
color:#ffffff;
text-decoration:none;
font-weight:bold;
padding:8px 20px 0 20px;
}
ul#menu li a:hover
{
color:#FFFFFF;
height:22px;
background:transparent url(mnshawaty-hon-style/nav_bg.png) 0px -30px no-repeat;
}
ul#menu li a.current
{
display:inline;
height:22px;
background:transparent url(mnshawaty-hon-style/nav_bg.png) 0px -30px no-repeat;
float:left;
margin:0;
}
.infouser {
font: normal 11px "MS Sans Serif" ,Tahoma;
color: #000;
background-color: #FFF;
letter-spacing: 0px;
vertical-align: middle;
padding: 1px 4px;
border:1px dotted #6A581C;
margin: 0px 0px 2px;
_margin: 0px 0px 0px;
}
.avataruser img {
border:1px dotted #6A581C;
margin: 10px auto 0;
padding: 5px;
}وقم بتحديد اسم مجلد الاستايل mnshawaty-hon-style
واضغط على ctrl+f
ثم قم باستبداله باسم مجلد الاستايل الذي ترغب تركيب الشريط عليه
واضغط على Replace all أو استبدال الكل
كما في الصورة
ومن ثم قم بنسخ الكود كاملاً وإذهب الى لوحة التحكم في المنتدى
الاستايلات و القوالب ثم التحكم بالاستايلات ثم التحكم في الاستايل المرغوب وضع الشريط فيه
وإنزل الى اسفل الصفحة والصق الكود في خانة التخصيص في الاستايل css كما في الصورة
ثم اصعد الى أعلى الصفحة نحو header
وبعد
( طبعاً بإمكانك وضع في اي مكان من الهيدر حسب المكان المناسب إن شاء الله تعالى )
فمثلاً : ضع الكود في أسفل قالب الهيدر
الصق الكود التالي
على سطح مجلد الاستايل مثلاً
tahasoft.com_1/nav_bg.png
و يمكنك تغيير لون الصورة لتتناسب مع الاستايل عن طريق فتحها بالفوتوشوب و الضغط على Ctrl + u
____________________________________________
و السلام عليكم و رحمة الله و بركاته
و لا تنسوا الدعاء بظهر الغيب لي و لجميع المسلمين
سبحانك اللهم و بحمدك ، أشهد أن لا إله إلا أنت ، أستغفرك و أتوب إليك
انت فهمت علي مو هيك
انت فهمت علي مو هيك
شفلي الكود زابط أم لا ، و إذا مو زابط زكاتك زبطلي ياه
اهلاً ملاحظتك بمحلها
والصضور معدلة
بس انا سمحت للأخ عمار مو مشكلة
المهم
اخي احمد
تأكد من اسم الصور المجود في الكود يعني مشكلتك هي بالصور ورابطها بالكود اكيد تاكد منه منيح
والسلام عليكم ....
جزاك الله خيراً على ردك الجميل
و هذا الكود ملطوش من استايل طه سوفت المطور الأول ، يعني من زماااان
بس أنا جربت طبقها و مشي الحال و كل شيء تمام ، و لكن عندما رفعت هذه الصورة إلى مجلد الاستايل لم تظهر !
و لقد ظهر الشريط على هذا الشكل
هل عندكم حل لهذه المشكلة ؟؟
هذا الكود ملطوش من ستايل طه سوفت المطور الثاني وليس جديد
على كل حال شكراً لكل من ساهم في هذا العمل والشكر موصول إلى محمد نشواتي
الذي يبدو أنه له يد في هذا الموضوع