موديل المتواجدون الآن بالمربعات وبالالوان للادفانسد بورتال بشكل انيق ومطور

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



موديل المتواجدون الآن بالمربعات والالوان

المميزات
* سهولة التركيب
* التحكم بالمجموعات والالوان
* امكانية الضغط على المربعات وارسال رساله خاصه وعرص بيانات النك
* إضافة اكثر من من مجموعه حيث ان الهاك لايقتصر على المشرف العام والمراقبين والمشرفين
* عرض المتواجدون الآن واليوم بشكل انيق ومنسق


طريقة التركيب

اذهب الى 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

حمل الموديل من المرفقات واستورده للادفانسد وانشاءالله بيشتغل من احسن مايمكن

لاتنسوني من دعوه صالحه لي والوالدي

متمني لكم التوفيق