بيتا
اهلا بك في شـبــ إبقى ــكـة
بيتا

بيتا مختص في تطوير المواقع و الربح من الأنترنيت والتصميم وتقنيات المواقع و محركات البحث و الوورد بريس و الصور العامه
 
الرئيسيةالرئيسية  اليوميةاليومية  المنشوراتالمنشورات  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  المجموعاتالمجموعات  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

 تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )

اذهب الى الأسفل 
كاتب الموضوعرسالة
BYTA

المـديـر العـــام


المـديـر العـــام
avatar

ذكر

عدد المساهمات : 1404
نقاط : 2437

مُساهمةموضوع: تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )   الأربعاء أبريل 13, 2011 9:40 am

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

اليكم اخوانى طريقه تغيير شكل تقييم المساهمات داخل المواضييع لتصبح بشكل جميل ومميز ومختلف عن شكلها التقليدى
الطريقه لمن لديه حق تعديل التومبيلات وايضا بأستخدام css

ملحوظه:"لمن لا يملك حق تعديل التومبيلات يمكنه استخدام كود السى اس اس لتغيير مكان التصويت فقط من اليسار الى اليمين "

الشكل النهائى للتتغير




[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


اولا الجزء الخاص بالتومبيلات
ندخل الى تومبيلت
viewtopic_body

ونبحث عن الاشارات الخاصة بالتقيم لابدالها بالصور المطلوبة
الاشارات هي
1- (+)
2- (---)
3- ( -)

لابدال الاشارات الخاصة بالتقيم بالصور
+
---- ( فاصل التقيم )
-
عليك ابدال الاشاره الخاصة بالتقيم بالكود الخاص بالصوره التي تريده


اقتباس :
<img src="ضع رابط الصوره هنا ">

وبهذا انتهى الجزء الخاص بالتومبيلات

ثانيا الجزء الخاص ب css

فى ورقه css نضع الكود الاتى

اقتباس :

.vote {
float: right;
width: 9px;
margin-right: 4px;
}

.vote .ebneleslam {

margin-right:-12px;
white-space:nowrap;
}

بعد الانتهاء يصبح الشكل النهائى للكود كما بالاعلى

تمنياتى لكم بالتوفيق
ونسألكم الدعاء عند استخدام الطريقه
ابن الاسلام
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو http://www.eb2a.org
 
تغيير شكل التقييم فى المساهمات لشكل احترافى مميز (تومبيلات + css )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
بيتا :: قسم تطوير احلى منتدى :: ركــن اكواد التومبيلات templates-
انتقل الى: