بسم الله الرحمن الرحيم
السلام عليكم ورحمه الله وبركاته
كل عام وأنتم بألف خير بمناسبة عيد الأضحى المبارك ، وعيدكم مبارك .
اليوم جبت لكم شي جديد ، او مش جديد يعني مستخدم هو التطبيق في بعض المنتديات ، لكن ما له شرح على الانترنت والمواقع التطويرية .
نشوف شو الي راح نغيره :
*************************
طيب نبدأ الشرح : -
1 - نروح للأستايلات والقوالب ، ونعمل البحث في القوالب :
2 - نبحث عن القالب :
رمز PHP:
FORUMDISPLAY
3 - نفتح القالب ، ونختار تعديل :
4 - نبحث عن ، وهما اثنتين :
رمز PHP:
src="$stylevar[imgdir_button]/newthread.gif"
نقوم بأستبدالهم باسم الكلاس الي عملناه :
رمز PHP:
class="But-YA"
5 - في نفس القالب ، نبحث عن :
رمز PHP:
<!-- controls above thread list -->
نضع فوقها مباشرة :
رمز PHP:
</br>
6 - في نفس القالب ، نبحث عن :
رمز PHP:
<table cellpadding="0" cellspacing="0" border="0" width="100%" style="margin-top:3px">
<tr valign="top">
نضع أسفلها مباشرة :
رمز PHP:
</br>
ونعمل حفظ للقالب : -
7 - نروح تعاريف CSS الإضافية/Additional CSS Definitions ، ونضع فيه اكواد ال Css ، ثم حفظ .
رمز PHP:
/* Button Css Code Start - BY : YaserArabid.Net */
.But-YA
{
background: #B01A06;
color: #FFFFFF;
font: bold 11px tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
border:none;
padding:5px;
text-decoration:none;
/* الحدود */
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari and Chrome */
border-radius: 15px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
}
.But-YA:hover{
background-color:#747474;
}
/* Button Css Code End - BY : YaserArabid.Net */
وهيك كل شي تمام . ، انا عملت ازرار بسيطة ، طبعاً انت تقدر تغير الاكواد وشكل الازرار ، واستخدمت أيضاً خاصية ال Hover .
ملاحظة : الشرح طبقتو على ازرار قالب FORUMDISPLAY ، يعني تقدر تطبق الشرح على قوالب ثانية ، مثال قالب مشاهدة الموضوع ^^ ، واي شخص يريد شرح طريقة تعديل ذلك ، يذكر بالموضوع هنا .
ملاحظة : الشرح طبقتو على ازرار قالب FORUMDISPLAY ، يعني تقدر تطبق الشرح على قوالب ثانية ، مثال قالب مشاهدة الموضوع ^^ ، واي شخص يريد شرح طريقة تعديل ذلك ، يذكر بالموضوع هنا .
أصدقاء(تطوير ويب)
0تعليقات Blogger
لا توجد تعليقات على موضوع " تغيير بعض أزرار المنتدى من الصور ، الى Css . - شرح جديد "
إرسال تعليق
التعليقات متاحه لمستخدمي حساب جوجل فقط.ولاضافة كود: أستعن بهذه الأداة السريعة Encode/HTML .
