هذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
ممكن كود
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
رد: ممكن كود
بالنسبه للكود الاول
توجه الى لوحة الاداره - عناصر اضافيه - ادارة العناصر المستقله على المنتدى - انشاء عنصر شخصي
قم بوضع الكود التالي مع عدم استخدام جدول وضع اي عنوان واجعل صلاحياته للزوار فقط
الكود الاول
ونضع فيه الكود التالي
الان نقوم بالتعديل المناسب للروابط وللصورة اللوجو
وعدل اسم منتداك كما هو موضح بالكود
واسحب العنصر وضعه بالمنطقه المفعله لديك
وقم بتشغيل العناصر المستقله
واي مشكله بالتركيب لا تتردد في طرحها
توجه الى لوحة الاداره - عناصر اضافيه - ادارة العناصر المستقله على المنتدى - انشاء عنصر شخصي
قم بوضع الكود التالي مع عدم استخدام جدول وضع اي عنوان واجعل صلاحياته للزوار فقط
الكود الاول
- الكود:
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">
<!-- نافبار راس الوادي نت بداية -->
<ul class="menu" >
<li><a href="/" alt="منتديات راس الوادي نت " title="الصفحة
الرئيسية"><img
src="http://i76.servimg.com/u/f76/12/22/94/86/123410.gif"
/></a></li>
<li><a title="جديد مواضيع المنتدى" href="/feed/" >جديد المنتدى</a></li>
<li><a title="الاعضاء" href="#">خدماتنا ▼ </a>
<ul>
<li><a title="اطلب منتدى في بي مجانا"
href="/f39-montada" class="documents" > » vb طلبات منتديات
</a></li>
<li><a title="تطوير منتديات
احلى منتدى" href="http://www.layalyeg.com/f81-montada/f81-montada" > »
تطوير احلى منتدى </a></li>
<li><a
title=" vb لتطوير منتديات ال" href="/f64-montada" class="signout" >
» vb تطوير منتديات </a></li>
</ul>
<li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents" >أتصل بنا </a></li>
<li><a title="البحث داخل المنتدى"
href="/search"><img
src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>
<li><a
title="التسجيل في المنتدى" href="/register"><img
src="http://i76.servimg.com/u/f76/12/22/94/86/21310.png" /></a>
</ul>
<style Type="Text/css">
/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0; border: none; outline: none;}
/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
background: -o-linear-gradient(top, #494949 0%,#202020 100%);
background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
background: linear-gradient(top, #494949 0%,#202020 100%); }
.menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}
/* Links */
.menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px;
text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616;
font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }
/* Sub Menu */
.menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;}
.menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
</style>
<!--
نافبار حوف نت نهاية--><div style="left: 3px; overflow: visible;
width: 450px; position: absolute; top: 10px; height: 30px;"
align="center">
<form action="/login" method="post" dir="rtl">
<input
name="username" value="اسم العضو" onclick="if (this.value == 'اسم
العضو') this.value = '';" onblur="if (this.value == '') this.value =
'اسم العضو';" size="9" maxlength="40" type="text">
<input
name="password" value="كلمه سر" onclick="if (this.value == 'كلمه سر')
this.value = '';" onblur="if (this.value == '') this.value = 'كلمه سر';"
size="9" maxlength="32" type="password">
<input class="mainoption" name="login" value="دخول" size="9" type="submit">
<input name="autologin" checked="true" type="checkbox">
<font title="تذكر بياناتي في المرة القادمة" color="#4F4F4F" size="1" >تذكرني</font>
<a
title="استعادة كلمه السر من هنا"
href="/profile?mode=sendpassword"><font color="#3DAC0B"
size="1">| نسيت كلمة السر؟ |</font></a>
<a
title="سجل كعضو جديد" href="/register"><font color="#3DAC0B"
size="2"><b> عضو جديد</b></font></a>
</form>
</div>
ونضع فيه الكود التالي
- الكود:
<div style="left: 0px; overflow: visible; width: 100%; position: fixed; top: 0px; height: 25px;" align="left">
<!-- نافبار رأس الوادي نت بداية -->
<ul class="menu">
<li><a
href="/" alt="منتديات اسم منتداك" title="الصفحة الرئيسية"><img
src=" http://i76.servimg.com/u/f76/12/22/94/86/123410.gif" /></a></li>
<li><a title="جديد مواضيع المنتدى" href="/feed/">جديد المنتدى</a></li>
<li><a title="الاعضاء" href="#">خدماتنا ▼ </a>
<ul>
<li><a
title="اطلب منتدى في بي مجانا" href="/f39-montada"
class="documents"> » vb طلبات منتديات </a></li>
<li><a
title="تطوير منتديات احلى منتدى" href="/f51-montada"
class="messages"> » تطوير احلى منتدى </a></li>
<li><a title=" vb لتطوير منتديات ال" href="/f64-montada" class="signout"> » vb تطوير منتديات </a></li>
</ul>
</li>
<li><a title="الاعضاء" href="#">روابط مهمة ▼ </a>
<ul>
<li><a
title="عنوان الموضوع" href="رابط الموضوع" class="documents"> » وصف </a></li>
<li><a
title="عنوان الموضوع" href="الرابط هنا" class="messages"> » وصف </a></li>
<li><a title="عنوان الموضوع" href="الرابط هنا" class="signout"> » وصف </a></li>
</ul>
</li>
<li><a title="للاتصال بمدير المنتدى" href="/contact" class="documents">أتصل بنا </a></li>
<li><a
title="خيارات سريعة" href="#"><img
src="http://i49.servimg.com/u/f49/16/89/40/74/uoouo11.png"
/></a>
<ul>
<li><a
title="جميع مشاركاتي" href="/search.forum?search_id=egosearch"
class="messages"> » جميع مشاركاتي </a></li>
<li><a
title="مواضيع لم يرد عليها" href="/search.forum?search_id=unanswered"
class="signout"> » مواضيع لم يرد عليها </a></li>
<li><a
title="هنا يتم عرض المواضيع التي اضيفت بعد آخر زيارة لك"
href="/search?search_id=newposts" class="signout"> » الجديد منذ آخر
زيارة </a></li>
</ul>
</li>
<li><a
title="الرسائل الخاصة" href="/privmsg?folder=inbox"><img
src="http://i33.servimg.com/u/f33/16/83/50/82/115.png" /></a>
</li>
<li><a
title="البيانات الشخصية" href="/profile?mode=editprofile"><img
src="http://i33.servimg.com/u/f33/16/83/50/82/215.png" /></a>
</li>
<li><a
title="البحث داخل المنتدى" href="/search"><img
src="http://i33.servimg.com/u/f33/16/83/50/82/112.png" /></a>
</li></ul>
<style type="Text/css">
/* Reset */
.menu,
.menu ul,
.menu li,
.menu a {margin: 0; padding: 0; border: none; outline: none;}
/* Menu */
.menu {height: 42px; width: 100%; background: #2e2e2e;
box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3);
background: -webkit-linear-gradient(top, #494949 0%,#202020 100%);
background: -moz-linear-gradient(top, #494949 0%,#202020 100%);
background: -o-linear-gradient(top, #494949 0%,#202020 100%);
background: -ms-linear-gradient(top, #494949 0%,#202020 100%);
background: linear-gradient(top, #494949 0%,#202020 100%); }
.menu li {position: relative; list-style: none; float: right; display: block; height: 40px;}
/* Links */
.menu li a { display: block; padding: 0 8px; margin: 6px 0; line-height: 30px;
text-decoration: none; border-left: 1px solid #393942; border-right: 1px solid #161616;
font-family: Tahoma; font-weight: bo#ld; font-size: 12px; color: #bdbdbd; text-shadow: 1px 1px 1px rgba(0,0,0,.6);}
.menu li:hover > a { color: #8fde62; }
/* Sub Menu */
.menu ul { position: absolute; top: 40px; left: 0; opacity: 0; background: #1f2024;
-webkit-border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
border-radius: 0 0 5px 5px;
-webkit-transition: opacity .25s ease .1s;
-moz-transition: opacity .25s ease .1s;
-o-transition: opacity .25s ease .1s;
-ms-transition: opacity .25s ease .1s;
transition: opacity .25s ease .1s; }
.menu li:hover > ul { opacity: 1;}
.menu ul li { height: 0; overflow: hidden; padding: 0;
-webkit-transition: height .25s ease .1s;
-moz-transition: height .25s ease .1s;
-o-transition: height .25s ease .1s;
-ms-transition: height .25s ease .1s;
transition: height .25s ease .1s; }
.menu li:hover > ul li { height: 34px; overflow: visible; padding: 0;}
.menu ul li a {width: 130px; padding: 4px 0 4px 40px; margin: 0; border: none; border-bottom: 1px solid #353539;}
.menu ul li:last-child a { border: none; }
</style>
<!--
نافبار ليالي مصريه نهاية--><div style="left: 46px; overflow: visible;
width: 300px; position: absolute; top: 12px; height: 30px;"
align="center"><div style="text-align: left;"><font
color="#C0C0C0" size="2">مرحباً بك يا
<b>kimo mimo</b></font><a
href="/login?logout"><font size="2"> [ خروج ]
</font></a></div>
<style type="Text/css"></style>
</div><div
style="left: 20px; overflow: visible; width: 15px; position: absolute;
top: 7px; height: 30px;" align="center">
<script>
jQuery(document).ready(function(){
jQuery.get('/profile?mode=editprofile&page_profil=avatars', function(data) {
link = jQuery('#register .forumline td.row1 img', data).attr('src');
if(link){
jQuery('#avatar').html('<center><img src="'+link+'" alt=""></center>');
}else{
jQuery('#avatar').html('');
}
});
});
</script><div id="avatar"></div>
<style type="Text/css">
#avatar img{
max-height: 27px;
max-width: 27px;
border: 1px solid #4F4F4F;
border-radius: 4px; }
</style>
</div>
</div>
الان نقوم بالتعديل المناسب للروابط وللصورة اللوجو
وعدل اسم منتداك كما هو موضح بالكود
واسحب العنصر وضعه بالمنطقه المفعله لديك
وقم بتشغيل العناصر المستقله
واي مشكله بالتركيب لا تتردد في طرحها
رد: ممكن كود
الفتاة الموهوبة-الظل- كتب:اخي تم لكن مكتوب العضو kimo mimo
لم افهم اختي ، عموماً ممكن تضعي أستفسار بموضوع منفصل
رد: ممكن كود
تتوجه إلي لوحة الادارة - عناصر إضافية - ادارة العناصر المستقلة علي المنتدي - وسوف تجد العناصر بالمسمي "ناف بار 1 و 2" قوم بالتعديل عليهم بالضغط علي الزر الملون وبالاصفر وعدل علي الكود كما تريد
رد: ممكن كود
إذا حصلت على الجواب المقنع لسؤالك, لا تنس بتعديل موضوعك و وضع ايقونة لتسهل عمل فريق المساعدة و تحافظ على النظام في منتدى الدعم.
مواضيع مماثلة
» السلام عليكم ممكن على هذا الصورة اذا مرر الماوس على الصورة ان يكون صوت قران كريم واذ ممكن سورة يس واذا ممكن ان يكون الشيخ محمد عبد الباسط وشكر لكم
» ممكن كود جعل خلفية للبيانات الشخصية + ممكن كيفية جعل الصور المصغرة
» بس انا عايز بدل ممكن الاسم عضو يبقى الاميل يخش بي والاسم يبقى من جو زاى نظام الفيس ممكن
» ممكن تحلولى هذه المشاكل لو سمحتو بس ياريت باسرع وقت ممكن
» ممكن اعرف كيف افعل تلك الاشساء ممكن
» ممكن كود جعل خلفية للبيانات الشخصية + ممكن كيفية جعل الصور المصغرة
» بس انا عايز بدل ممكن الاسم عضو يبقى الاميل يخش بي والاسم يبقى من جو زاى نظام الفيس ممكن
» ممكن تحلولى هذه المشاكل لو سمحتو بس ياريت باسرع وقت ممكن
» ممكن اعرف كيف افعل تلك الاشساء ممكن
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: مشاكل في تنسيق مظهر أو تصميم أو صور أو الوان المنتدى :: أرشيف قسم "مشاكل في تنسيق مظهر المنتدى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى