المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : الوان المجموعات المتحركة بحلتها الرائعة


said
10-31-2013, بتوقيت غرينيتش 02:24 AM
http://www.dzbatna.com/images/icons/icon30.gif ط§ظ„ظˆط§ظ† ط§ظ„ظ…ط¬ظ…ظˆط¹ط§طھ ط§ظ„ظ…طھط*ط±ظƒط© ط¨ط*ظ„طھظ‡ط§ ط§ظ„ط±ط§ط¦ط¹ط© (http://www.dzbatna.com/t1538779/)




السلام عليكم


كيف الحال بالجميع


الوان المجموعات المتحركة بحلتها الرائعة http://www.dzbatna.com/images/smilies/icon30.gif


ماعليكم سوى ان تضيفوا قالب template في تعاريف css رئيسي
تعاريف CSS الإضافية/Additional CSS Definitions
بالمربع الثاني قبل كل هذا احذف الموجود عندك وضع هذا القالب template
فالاستايل style الخاص عندك





.darkgreen
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #0A33B9;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#0A33B9;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b8.gif');
text-align:center;
}
.magenta
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #FE0309;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FDFAFB;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FC2506;
text-align:center;
}
.gold
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #08A704;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#08A704;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b8.gif');
text-align:center;
}
.aqua
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #777B7B;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#777B7B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b1.gif');
text-align:center;
}
.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FFFFFF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#BF0000;
background-image: url('http://www.nooor1.com/up/up_down/2374b10c9bcaa6.gif');
text-align:center;
}
.green
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #855005;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#855005;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b7.gif');
text-align:center;
}
.blue
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #B505CE;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#B505CE;
padding-left:0;



padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b2.gif');
text-align:center;
}
.gray
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #05EAF8;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#01096B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b8.gif');
text-align:center;
}
.fushia
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #CCCCCC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CCCCCC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.or
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #8FB300;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#016E6F;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b8.gif');
text-align:center;
}
.teal
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #FF3399;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FF3399;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b3.gif');
text-align:center;
}
.br
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #D4B578;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#846D41;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b7.gif');
text-align:center;
}
.pink
{
margin: 0px 0px 0px 0px;
width: 48;
border: 3px solid #F6631C;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#F6631C;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b3.gif');
text-align:center;
}
.black
{
margin: 0px 0px 0px 0px;
width: 48;
border: 3px solid #7DEDAF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#4CB77C;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b8.gif');
text-align:center;
}
.white
{
margin: 0px 0px 0px 0px;
width: 48;
border: 3px solid #ffffff;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#ffffff;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('altaer/color_bg.gif');
text-align:center;
}
.brown
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #8B2323;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8B2323;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b3.gif');
text-align:center;
}
.DarkBlue
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #00008B;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00008B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b2.gif');
text-align:center;
}
.DeepSkyBlue
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #00BFFF;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#00BFFF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b2.gif');
text-align:center;
}
.orang
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #CD8500;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CD8500;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b4.gif');
text-align:center;
}
.Purple
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #800080;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#800080;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b3.gif');
text-align:center;
}
.red1
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #ff0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#ff0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b3.gif');
text-align:center;
}
.qa
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #6C94EE;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#1E57DA;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b2.gif');
text-align:center;
}
.qw
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #B24646;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#B24646;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b2.gif');
text-align:center;
}
.gtraqw
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #CC9900;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC9900;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#660000;
background-image: url('ha-qtrweb/up1.jpg');
text-align:center;
}
.almder
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #E50000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#E50000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b9.gif');
text-align:center;
}
.gaqw
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #F2268C;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#F2268C;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b4.gif');
text-align:center;
}

.ga
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #CC6600;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC6600;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b5.gif');
text-align:center;
}

.hna
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#363636;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b8.gif');
text-align:center;
}

.re
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #999999;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#999999;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b8.gif');
text-align:center;
}
.rewgy
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #41A11A;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#41A11A;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b1.gif');
text-align:center;
}

.ytr
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #F7941C;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#7F0510;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b4.gif');
text-align:center;
}

.uyy
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #005951;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#005951;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b2.gif');
text-align:center;
}

.ytrhf
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #B02EAC;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#B02EAC;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b6.gif');
text-align:center;
}

.rreq1
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #660000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#660000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#660000;
background-image: url('images/b5.gif');
text-align:center;
}

.rreq32
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #BB0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#BB0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b9.gif');
text-align:center;
}

.frde
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #ECB17B;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#EE9A4D;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b5.gif');
text-align:center;
}

.gtfew
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #BCBBBB;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#BCBBBB;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b8.gif');
text-align:center;
}

.kbelm
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #68A8E0;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#68A8E0;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b2.gif');
text-align:center;
}
.gvce1
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #875A29;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#996C3B;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b5.gif');
text-align:center;
}
.sher
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #0808F7;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#0808F7;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b2.gif');
text-align:center;
}

.gvxa
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #8079C5;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#8079C5;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b6.gif');
text-align:center;
}
.asask9
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #c06080 ;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#c06080 ;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b6.gif');
text-align:center;
}
.asask9
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #c080ff ;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#c080ff ;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b6.gif');
text-align:center;
}
.nbd
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #465531;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#617447;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b1.gif');
text-align:center;
}
.brown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 3px solid #BF0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#BF0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b9.gif');
text-align:center;
}
.brorown
{
margin: 0px 0px 0px 0px;
width: 48;
border: 3px solid #C2C21A;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#CC0000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#FFE3DF;
background-image: url('images/b4.gif');
text-align:center;
}
.hte54
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #cc0000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#000000;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#EDF5CA;
background-image: url('images/b5.gif');
text-align:center;
}
.do
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #CFA83F;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#C82C33;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#CFA83F;
background-image: url('images/b5.gif');
text-align:center;
}
.nzv0
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #669999;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#669999;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#669999;
background-image: url('images/b5.gif');
text-align:center;
}
a:hover {
background-color: #D8B150;
}
.red
{
margin: 0px 0px 0px 0px;
width:48;
border: 3px solid #000000;
cursor: pointer;
font-family:MS Sans Serif;
font-size:10px;
vertical-align:middle;
letter-spacing:0;
color:#FFFFFF;
padding-left:0;
padding-right:0;
padding-top:0;
padding-bottom:0;
background-color:#BF0000;
text-align:center;
}

a:hover {
background-color: #D8B150;
}
<!--
.tborder
{
font: bold 12pt arial;
}
.infouser {
font: normal 11px &quot;MS Sans Serif&quot; ,Tahoma;
color: #000;
background-color: #FAFAFA;
letter-spacing: 0px;
vertical-align: middle;
padding: 1px 4px;
margin: 0px 0px 2px;
_margin: 0px 0px 0px;
border-top: 1px solid #420000;
border-right: 5px solid #420000;
border-bottom: 1px solid #420000;
border-left: 5px solid #420000;
-->













المربع الاول


<input type=&quot;text&quot; name=&quot;T1&quot; size=&quot;17&quot; class=&quot;sher&quot; value=&quot;


المربع الثاني


&quot; readonly style=&quot;width: 90&quot;>

ولاتنسى عند كل مجموعة تغير اسم sher لاي اسم موجود عندك بالقالب template

وايضا لا تنسى ان ترفع الصور بالاف تي بي الي عندك بمجلد vb ومجلد الصور مجلدين













للمشاهدة (http://www.roro-qtr.com/vb/index.php)




الصور في المرفقات http://www.dzbatna.com/images/smilies/icon30.gif






التعديل الأخير كان بواسطة ولد الدوحة; 21 - 04 - 2014 الساعة 00:02

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى