[Product] الذين قامو بوضع مشاركات بالمربعات والالوان (مجموعة المربعات)

[NetDemon]

السلام عليكم ورحمة الله وبركاته
الاخوه الافاضل كما وعدناكم بالمجموعه الخاصه في المتواجدون الآن واليوم والاعضاء الذين لهم مشاركات والاحصائيات والشرح الكامل لجديد المنتدى
اولاً احب اعطيكم فكره كامله عن الهاكات
الهاكات تتميز بالسرعه العاليه وراعينا تخفيف الاكواد وضغطها بقدر الامكان حيث انها لاتتعدا اسطر
وايضاً اذا اكتملت المجموعه باذن الله راح تلاحظ ان اعضائك يتلونون حتى في داخل مواضيعهم ومشاركاتهم بنفس الالوان
صوره للهاك
http://members.lycos.co.uk/gulfsons/hack305posts.gif
مثال على الهاك والمجموعه الكامله
http://www.gulfson.com/vb
الموضوع الاصلي
http://www.gulfson.com/vb/showthread.php?t=4259
طريقة التركيب
قم بتحميل ملف البرودكت ومن ثم قم باستدعائه من لوحة التحكم
اذا كنت مركب المتواجدون الآن الذي يتبع هذه المجموعه لاتحتاج ان تضيف هذا الكود وان لم تقم اتبع هذه التعليمات
من خلال لوحة التحكم اذهب الى
الستايلات اذا كانت لوحتك عربي او Style Manager اذا كانت لوحتك اجنبيه
ثم اختار من القائمة المنسدلة للستايل المختار
الرئيسي css اذا كانت لوحتك عربي او Main css اذا كانت لوحتك اجنبيه
ومن ثم اتجه الى
Additional CSS Definitions
واضف التالي
ملاحظه لاتمسح القديم فقط قم بالاضافه

.gulfsonaa
{
padding: 1px;
BORDER-TOP: 1px ridge #E8E3CF;
BORDER-LEFT: 1px ridge #E8E3CF;
BORDER-RIGHT: 1px ridge #FDF7EB;
BORDER-BOTTOM: 1px ridge #FDF7EB;
background-color:#E8E3CF;
background-image: url("images/bg_2.jpg");
text-align: center;
color:#513407;
font: 10px MS Sans Serif,tahoma;
cursor: hand;
width: 80px;
height: 20px
}
.gulfsonab
{
padding: 1px;
BORDER-TOP: 1px ridge #E8E3CF;
BORDER-LEFT: 1px ridge #E8E3CF;
BORDER-RIGHT: 1px ridge #FDF7EB;
BORDER-BOTTOM: 1px ridge #FDF7EB;
background-color:#E8E3CF;
background-image: url("images/bg_2.jpg");
text-align: center;
color:#0012FF;
font: 10px MS Sans Serif,tahoma;
cursor: hand;
width: 80px;
height: 20px
}
.gulfsonad
{
padding: 1px;
BORDER-TOP: 1px ridge #E8E3CF;
BORDER-LEFT: 1px ridge #E8E3CF;
BORDER-RIGHT: 1px ridge #FDF7EB;
BORDER-BOTTOM: 1px ridge #FDF7EB;
background-color:#E8E3CF;
background-image: url("images/bg_2.jpg");
text-align: center;
color:#0F7432;
font: 10px MS Sans Serif,tahoma;
cursor: hand;
width: 80px;
height: 20px
}
.gulfsonac
{
padding: 1px;
BORDER-TOP: 1px ridge #E8E3CF;
BORDER-LEFT: 1px ridge #E8E3CF;
BORDER-RIGHT: 1px ridge #FDF7EB;
BORDER-BOTTOM: 1px ridge #FDF7EB;
background-color:#E8E3CF;
background-image: url("images/bg_2.jpg");
text-align: center;
color:#513407;
font: 10px MS Sans Serif,tahoma;
cursor: hand;
width: 80px;
height: 20px
}
لتتوافق مع الستايل Additional CSS Definitions شرح اكواد

================================================== =====================
لتتوافق مع الستايل Additional CSS Definitions شرح اكواد
padding: 1px;
================================================== ===============================
=BORDER-RIGHT: 1px inset; =
=BORDER-TOP: 1px inset; هذه المجموعه من خلالها تعديل سماكة المربع او حفره للداخل=
=BORDER-LEFT: 1px inset; =
=BORDER-BOTTOM: 1px inset; =
================================================== ===============================
background-color:#E8E3CF; لون خلفية المربع
background-image: url("images/bg_2.jpg"); صورة لخلفية المربع مع مراعاة تحديد دايركتري الستايل
text-align: center; توسيط الخط او جعله على ايمن المربع او على اليسار
color:#513407; لون الخط
font: 10px MS Sans Serif,tahoma; نوع الخط وحجمه
cursor: hand; نوع الماوس وهذا ماراح تحتاجه
width: 80px; عرض المربع
height: 20px; طول المربع
================================================== =======================
حمل البرودكت (http://www.gulfson.com/index.php?ind=downloads&op=download_file&ide=74&file=product_posted_today.zip)