أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

اضافات تضع لمسة جماليه للاستايل

مشاهدة المشاركة في الموضوع بالعرض العادي

: اضافات تضع لمسة جماليه للاستايل

30-08-2010 05:39 صباحاً

مهند

1:تأثير عند مرور الماوس على معلومات العضو
نبدء

ندخل قالب
show_subject.tpl

تعدل يدوي او تحمل القالب الي في المرفقات

اليدوي
ندخل القالب في الفرونت بيج
او اي محرر
حتى ولو نوت باد لكن للافضليه فرونت بيج
نبحث عن

CODE

<td class="tbar_writer_info" width="23%" valign="top">

نستبدله

CODE

<td class="tbar_writer_info2" width="17%" valign="top">

ونبح عن

CODE

	   class="tbar_writer_info" width="70%" valign="top" align="right"

ونستبله بــ

CODE

	   class="row2" width="70%" valign="top" align="right"

ونروح للسي اس اس
على وسم
tbar_writer_info
نحوطه كله ونقلو copy
وثاني وفي اخر ورقة السي اس اس نقلو paste
ونغير اسم
tbar_writer_info
الى
tbar_writer_info2
يعني يصير عندنا وسمين
tbar_writer_info
و
tbar_writer_info2

وبعدها
نضيف في اخر ورقة css
هذا الكود

CODE

.tbar_writer_info:hover
{
    background:#FFFFFF;
    border:1px #000000 dotted;
}

ولنعمل التأثير على الردود كمان
نروح على قالب show_reply
نبحث عن

CODE

<td class="tbar_writer_info" width="23%" valign="top">

نستبدله

CODE

<td class="tbar_writer_info2" width="17%" valign="top">

وابحث عن

CODE

	   <td class="tbar_writer_info" width="70%" name="text" colspan="2"  valign="top" align="right" onclick="switchBlock('{$Info['reply_id']}replyswitch');">

استبدله

CODE

	   <td class="row1" width="83%" name="text" colspan="2"  valign="top" align="right" onclick="switchBlock('{$Info['reply_id']}replyswitch');">

وحيعمل عندنا
ولمعاينة التأثير من هنا
ولتحميل القوالب المعدله من المرفقات
وارجو عدم الرد الى الانتهاء من كل التأثيرات

القوالب.zip تحميل zip مرات التحميل :(70)
الحجم :(4.411) KB

تم تحرير المشاركة بواسطة :مهند بتاريخ:30-08-2010 05:52 صباحاً

الساعة الآن 08:36 PM