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

حياكم الله يااخوة وبياكم,, اسعد الله اوقاتكم بالخير والعافية

اليوم جايب لكم شرح وتركيب المتواجدين داخل مربعات منقطة ومتحركة

لا اعلم اذا كان هناك من الاعضاء سبقني وشرح الطريقة


الشرح



انسخ الكود هذا

أضيف كود يوضع في اخر تعاريف CSS الإضافية/Additional CSS Definitions

كود PHP:
.red  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 2px solid #FF1515;  
cursor: pointer;  
font-family:MS Sans Serif;   
font-size:10px;   
vertical-align:middle;   
letter-spacing:0;   
color:#FF1515;   
padding-left:0;   
padding-right:0;   
padding-top:0;   
padding-bottom:0;   
background-color:#FFE3DF;  
background-image: url('altaer/red.gif');   
****-align:center;  
}  

.green  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 2px solid #006600;  
cursor: pointer;  
font-family:MS Sans Serif;   
font-size:10px;   
vertical-align:middle;   
letter-spacing:0;   
color:#006600;   
padding-left:0;   
padding-right:0;   
padding-top:0;   
padding-bottom:0;   
background-color:#FFE3DF;  
background-image: url('altaer/green.gif');   
****-align:center;  
}  

.blue  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 2px solid #0000FF;  
cursor: pointer;  
font-family:MS Sans Serif;   
font-size:10px;   
vertical-align:middle;   
letter-spacing:0;   
color:#0000FF;   
padding-left:0;   
padding-right:0;   
padding-top:0;   
padding-bottom:0;   
background-color:#FFE3DF;  
background-image: url('altaer/blue.gif');   
****-align:center;  
}  

.gray  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 2px 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');   
****-align:center;  
}  

.fushia  
{  
margin: 0px 0px 0px 0px;  
width:48;  
border: 2px solid #FF66CC;  
cursor: pointer;  
font-family:MS Sans Serif;   
font-size:10px;   
vertical-align:middle;   
letter-spacing:0;   
color:#FF66CC;   
padding-left:0;   
padding-right:0;   
padding-top:0;   
padding-bottom:0;   
background-color:#FFE3DF;  
background-image: url('altaer/color_bg.gif');   
****-align:center;  
}  

.orang  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 2px solid #FF9900;  
cursor: pointer;  
font-family:MS Sans Serif;   
font-size:10px;   
vertical-align:middle;   
letter-spacing:0;   
color:#FF9900;   
padding-left:0;   
padding-right:0;   
padding-top:0;   
padding-bottom:0;   
background-color:#FFE3DF;  
background-image: url('altaer/orang.gif');   
****-align:center  
}  

.teal  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 2px solid #008080;  
cursor: pointer;  
font-family:MS Sans Serif;   
font-size:10px;   
vertical-align:middle;   
letter-spacing:0;   
color:#008080;   
padding-left:0;   
padding-right:0;   
padding-top:0;   
padding-bottom:0;   
background-color:#FFE3DF;  
background-image: url('altaer/color_bg.gif');   
****-align:center;  
}  

.brown  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 2px 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('altaer/color_bg.gif');   
****-align:center;  
}  

.pink  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 2px solid #CC33FF;  
cursor: pointer;  
font-family:MS Sans Serif;   
font-size:10px;   
vertical-align:middle;   
letter-spacing:0;   
color:#CC33FF;   
padding-left:0;   
padding-right:0;   
padding-top:0;   
padding-bottom:0;   
background-color:#FFE3DF;  
background-image: url('altaer/color_bg.gif');   
****-align:center;  
}  

.black  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 2px solid #000000;  
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:#FFE3DF;  
background-image: url('altaer/black.gif');   
****-align:center;  
}  

.white  
{  
margin: 0px 0px 0px 0px;  
width: 48;  
border: 2px 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');   
****-align:center;  
} 

وضع هذا الكود في المستطيل الاول في اي مجموعة مع مرعاة تغيير اللون blue الى اللون المختار للمجموعة


<input type="****" name="T1" size="17" class="blue" value="

==========================

يوضع هذا الكود في المستطيل الثاني في اي مجموعة وهو خاص للمربعات المنقطة

" readonly style="border-style:dotted; border-width:1px; width: 90">

============================

وبعد ذلك تقوم برفع ملف المرفق إلى داخل منتداك (vb)
مثال


لاتنسونا من دعواتكم