السلام عليكم 

اريد كود الازرار بشكل احترافي

لتوضيح لمرور الماوس على الرئيسية تروح كلمة الرئيسيه ويجي شكل بيت


في امان الله

وعليكم من السلام
اختر القسم المناسب في المرة المقبلة
كود ازرار رائعه مع التوهج (css+html)

stones كتب:وعليكم من السلام
اختر القسم المناسب في المرة المقبلة
كود ازرار رائعه مع التوهج (css+html)

غير شغال

MSCFC كتب:

أخي أدخل لمنتداك احفظ الصور التي تستخدمها يعني اضغط كليك يمين ثم احفظ الصورة واحفظهم ارفعهم على شكل ملف ZIP وأعطني الرابط وسأعملهم لك

لم افهم انا جديد م اعرف شي كثير

عطنى مثال نعمل لك مثله

stones كتب:عطنى مثال نعمل لك مثله

زي هذا المنتدى http://www.d7hub.com/

هذا كود من الشرح الي غير شغال
جربه

الكود:


a.mainmenu {
  border-color:#5AAD1F;color:#5AAD1F;background:#DBF075
url(http://i39.servimg.com/u/f39/16/76/93/88/camera10.png) no-repeat 10%
 10%;

}





.mainmenu {background-color:#fff;font:bold 12px tahoma;color:#999;
padding:7px;border-radius:4px;border:1px solid #DDD;margin:-10;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;transition:all 0.5s ease;
 

    padding: 7px;

    resize: both;
    overflow: auto;
 
}

فعل الصور مع الروابط من
لوحة التحكم =مظهر المنتدى
تحت
الصفحة الرئيسية وازرار التصفح

stones كتب:هذا كود من الشرح الي غير شغال
جربه

الكود:


a.mainmenu {
  border-color:#5AAD1F;color:#5AAD1F;background:#DBF075
url(http://i39.servimg.com/u/f39/16/76/93/88/camera10.png) no-repeat 10%
 10%;

}





.mainmenu {background-color:#fff;font:bold 12px tahoma;color:#999;
padding:7px;border-radius:4px;border:1px solid #DDD;margin:-10;
-webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;
  -o-transition:all 0.5s ease;transition:all 0.5s ease;
  

    padding: 7px;

    resize: both;
    overflow: auto;
  
}

فعل الصور مع الروابط من
لوحة التحكم =مظهر المنتدى
تحت
الصفحة الرئيسية وازرار التصفح

كيف افعل الصور مع الروابط

هذا الشي اختياري اذا اردت ذلك
من لوحة التحكم=مظهر المنتدى
تحت
الصفحة الرئسية وازرار التصفح

السلام عليكم ورحمة الله وبركاته
تفضل كود به زرين الرئيسية والقوانين
يضاف بالهيدر

الكود:


<div class="topbar">
<div class="cntr">
<ul class="rightlnk">
  <li class="r-icon1"><a href="/">المنتدى</a></li>
<li class="r-icon2"><a href="#">القوانين العامة</a></li>
</ul>
</div>
</div>

    <style>
.topbar {
    background-image: url("http://www.elnooronline.com/vbskaka/forum/elnooronline_kartoz/img/img_01.png");
    height: 53px;
}
.cntr {
    margin: 0 auto;
    width: 1100px;
}

.rightlnk {
    float: right;
    margin: 9px 0 0;
    list-style-type: none;
    padding: 0;       
}         
.rightlnk li {
    float: right;
    margin-left: 12px;
text-align: match-parent;     
}     

    .rightlnk a {
    background-image: url("http://i84.servimg.com/u/f84/16/46/77/76/img_1010.png");
    background-repeat: no-repeat;
    color: rgb(255, 255, 255);
    display: block;
    float: right;
    line-height: 34px;
    margin: 0 0 0 6px;
    padding: 0 28px 0 5px;
}         
.rightlnk a:hover {
    margin: 0 4px 0 2px;
    opacity: 0.7;
}
.clr {
    clear: both;
    display: block;
    height: 0;
    width: 100%;
}       
 
    </style>



تضيفة بقالب الهيدر بعد كلمة دة
{JAVASCRIPT}

دمت بخير