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

اضافات تضع لمسة جماليه للاستايل 1:تأثير عند مرور الماوس على معلومات العضو نبدء ندخل

1:تأثير عند مرور الماوس على معلومات العضو نبدء ندخل قالب show_subject.tpl تعدل يدوي او تحمل القالب الي في المرفقات اليدوي ندخل القالب ف



look/images/icons/i1.gif اضافات تضع لمسة جماليه للاستايل
  30-08-2010 05:39 صباحاً  
معلومات الكاتب ▼
انضم في : 11-07-2010
رقم العضوية : 586
المشاركات : 2,310
الدولة : العراق
الجنس :
تاريخ الميلاد : 11-12-1995
الدعوات : 3
الإنذارات : 1
قوة السمعة : 4,012
موقعي : زيارة موقعي
العضو غائب كن في الطريق عفيف الخطى شريف السماع كريم النظر وكن رجلاً ان اتوا بعده يقولون مر وهذا الاثر
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=&quot;tbar_writer_info&quot; width=&quot;70%&quot; valign=&quot;top&quot; align=&quot;right&quot;


ونستبله بــ
CODE
	   class=&quot;row2&quot; width=&quot;70%&quot; valign=&quot;top&quot; align=&quot;right&quot;


ونروح للسي اس اس
على وسم
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 صباحاً




الساعة الآن 07:11 AM