حصريا كود البار الجديد لتغير الفوتر ويصبح مثل منتديات الفي بي تماما

اذهب الى الأسفل

حصريا كود البار الجديد لتغير الفوتر ويصبح مثل منتديات الفي بي تماما Empty حصريا كود البار الجديد لتغير الفوتر ويصبح مثل منتديات الفي بي تماما

مُساهمة من طرف DonJwaaN الجمعة مارس 04, 2011 11:47 pm

السلام عليكم ورحمة الله وبركاته

احبائي الاعضاء يسعد ايامكم بكل خير

وها انا اوفي بوعدي بكل جديد من الحصريات لكم


اولا لتعاينو الكود تفضلو


حصريا كود البار الجديد لتغير الفوتر ويصبح مثل منتديات الفي بي تماما Aq_bmp10


نأتي للكود

اولا الكود مكون من جزئين
الجزء الاول في العناصر المستقلة
لوحة الادارة
العناصر المستقلة
ادارة العناصر المستقلة علي المنتدي
انشاء عنصر جديد وضع هذا الكود
واختار مكان وضع العنصر

الكود:
<form action="" method="get" style="clear:left">

<table cellpadding="6" cellspacing="0" border="0" width="100%" class="page" align="center">
<tr>
 
        <td class="ahmed">
            <select name="styleid" onchange="switch_id(this, 'style')">
                <optgroup label="Quick Style Chooser">
                    <option value="1" class="" >-- Default Style</option>
<option value="2" class="" selected="selected">-- من تصميم احمد الجبالي -</option>

                </optgroup>
            </select>

        </td>
 
 
    <td class="ahmed" align="right" width="100%">
        <div class="smallfont">
            <strong>
  <div style="text-align: left;">                                                               
 
 <a href="رابط المنتدي/feed"><img
src="http://i66.servimg.com/u/f66/11/06/04/82/rss11.png"></a> -
 <a name="bottom" href="رابط المنتدي/stats.htm" class="copyright"
rel="nofollow">احصائيات</a>  - <a name="bottom"
href="رابط المنتدي/contact.forum" class="copyright"
rel="nofollow">إتصل بنا</a><span class="copyright">
</span>- <a name="bottom" href="رابط
 المنتدي/#top" class="copyright" rel="nofollow">اعلي</a>
</div>
            </strong>
        </div>
    </td>
</tr>
</table>



الجزء الثاني
في ورقة css

لوحة الادارة
مظهر المنتدي
الصور والالوان
الوان
ورقة css
وضع هذا الكود
الكود:

.ahmed
{

    background: #eeeeee;
    color: #5a5a5a;
    padding:3px 6px;
font-size:10px;
background:url(ضع رابط صورة الخلفية);
}
.tfoot a:link, .tfoot_alink
{

    color: #707070;
font-size:10px;
}
.tfoot a:visited, .tfoot_avisited
{

    color: #707070;
font-size:10px;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{

font-size:10px;
    color: #4f4f4f;
}
::-moz-selection {
background-color:red;
color:#FFF;
}



والي هنا اتمني ان يكون الكود عجبكم

ملاحظة : جزء من الكود من تصنيع اخوانا الغالي الامل القادم

اجمل تحية

:تحية مع الشكر:


عدل سابقا من قبل احمد الجبالي في الأربعاء مارس 09, 2011 1:57 am عدل 4 مرات (السبب : تحسين المظهر العام للموضوع)
DonJwaaN
DonJwaaN
 
 

ذكر
عدد المساهمات : 5218
معدل النشاط : 9506
السُمعة : 14

http://5admt-arab.ibda3.org/forum

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة

- مواضيع مماثلة

 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى