السلام عليكم ورحمة الله وبركاته
موديل المتواجدون الآن بالمربعات والالوان
المميزات
* سهولة التركيب
* التحكم بالمجموعات والالوان
* امكانية الضغط على المربعات وارسال رساله خاصه وعرص بيانات النك
* إضافة اكثر من من مجموعه حيث ان الهاك لايقتصر على المشرف العام والمراقبين والمشرفين
* عرض المتواجدون الآن واليوم بشكل انيق ومنسق
طريقة التركيب
اذهب الى 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 لتتوافق مع الستايل
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
حمل الموديل من المرفقات واستورده للادفانسد وانشاءالله بيشتغل من احسن مايمكن
لاتنسوني من دعوه صالحه لي والوالدي
متمني لكم التوفيق
مواقع النشر (المفضلة)