- الرئيسية
- ما الجديد !
-
الصفحات▼
الصفحات
[مجابه] ممكن شرح طريقة تغيير شكل الإقتباس مثل ترايد نت
-
05-09-2012 03:12 مساءً
-
معلومات الكاتب -
السلام عليكم ورحمة الله وبركاته،،
ممكن من الإخوة المختصين الكرام شرح لنا طريقة تعديل الإقتباس الموجود في الستايل الخاص بنسختنا حتي يصبح مثل
ماهو موجود في ستايل ترايد نت
لقد وجدت شرح و لكن يخص نسخة vb كتالي
الملف في المرفقات
الشرح :
1- من لوحة تحكم منتداك
إفتح تمبلت : bbcode_quote
إحذف كافة محتوياته وإستبدله بالكود
ثم قم بحفظ التمبليت
2- إرفع المجلد : quotes
بداخل مجلد images/misc
حيث يكون مسار المجلد الجديد : images/misc/quotes
3- ارفع الصورة ( viw.gif )
بداخل مجلد images/buttons
حيث يكون الصورة : images/buttons/viw.gi
فهل ممكن تطبيق هذا الشرح علي نسختنا pbboard ولكم جزيل الشكر
-
تم تحرير الموضوع بواسطة :newghanou بتاريخ: 05-09-2012 03:20 مساءً
-
-
[مجابه] ممكن شرح طريقة تغيير شكل الإقتباس مثل ترايد نت05-09-2012 06:36 مساءً [1]
-
معلومات الكاتب -
وعليكم السلام ورحمة الله وبركاته،،
يمكنك تنفيذ شكل مشابه تماماً من خلال فقط التعديل على كلاس الاقتباس في الأستايل شييت CSS دون الحاجة لكل هذه الصور والجداول وهذه التعقيدات
فقط حرر الـ CSS من خلال لوحة الادارة او من خلال ملف style.css للأستايل المراد تغيير شكل الاقتباس به
وابحث عن كلاسي الاقتباس وهما :
CODE.quotetop { background: #EFEFEF url(images/css_img_quote.gif) no-repeat left; border-bottom: 0; color: #000; font-family: Tahoma; font-weight: bold; font-size: 10px; margin: 2px auto 0 auto; padding: 8px; border: 1px solid #dbdbdb; -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; } .quotemain { background: #F7F7F7; border: 1px solid #E5E5E5; border-top: 0; font: bold 16px Arial; color: #000; padding: 4px; border: 1px solid #dbdbdb; -moz-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -webkit-box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); box-shadow: 0px 1px 0px rgba(255,255,255,1) inset, 0px 1px 0px rgba(0,0,0,0.3); -moz-border-radius: 3px; -webkit-border-radius: 3px; }
واستبدلهما بهذا :
CODE.quotetop { background: #fff url(images/lastpost.gif); background-repeat: no-repeat; background-position: 14px 3px; border-top-left-radius: 9px; border-top-right-radius: 9px; border-bottom-right-radius: 9px; border-bottom-left-radius: 9px; border: 2px solid #C6C9C9; color: #C70917; font-family: Arial; font-size: 13px; padding-right: 18px; width: 30%; margin: 15px 25px -11px 18px; position: relative; } .quotemain { background: #fff url(images/css_img_quote.gif); background-repeat: no-repeat; background-position: 10px 9px; border-top-left-radius: 14px; border-top-right-radius: 14px; border-bottom-right-radius: 14px; border-bottom-left-radius: 14px; border: 2px solid #C6C9C9; color: #000; font-family: Arial; font-weight: bold; font-size: 15px; padding-top: 20px; padding-right: 8px; padding-left: 8px; padding-bottom: 20px; }
وسيظهر لديك الشكل المطلوب ..
هذا كل شيء
-
