شكل التصميم الاول
.................................................................................................................................................................
الكود الاول
..................................................................................................................................................................
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>Vouchers</title> <style> @media print { .noprint { display: none; } .pagebreak { page-break-after: always; } } </style> </head> <body> <table cellspacing="0" border="2" BORDERCOLOR="#000000" align="left" bgcolor="#FAF7FA" dir="rtl" width=359 > <tr> <td align="center" lang="ar-eg" colspan="4"> <b>Smiley NET Internet</b></td> </tr> <tr> <td align="center" style="font-weight:" width="95"><b>اسم المستخدم </b></td> <td align="center" colspan="2"><b>%u_username%</b></td> <td align="center" rowspan="2" width="123"><b> %u_moneyPaid%</b></td> </tr> <tr> <td align="center" style="font-size:12px" width="95"><b><font size="3">كلمة المرور</font></b></td> <td align="center" style="font-size:12px" colspan="2"><b><font size="3">%u_password%</font></b></td> </tr> <tr> <td colspan="2" align="center"> <b>للمساعدة :771847143 </b> </td> <td colspan="2" align="center"><b>smiley.net </b> </td> </tr> </table> </body> </html>
................................................................................................................................................................
شكل التصميم الثاني
................................................................................................................................................................
الكود الثاني
.........................................................................................
| Header: |
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>ALSABAHI</title> <style> @media print { .noprint { display: none; } .pagebreak { page-break-after: always; } } body { padding: 0; margin:0; min-width: 700px; color: #303F50; font-size: 10px; font-family: Arial, 'Arial Unicode MS', Helvetica, Sans-Serif; line-height: 85%; } .kangndo table, table.kangndo { border-collapse: collapse; margin: 2px; } .kangndo th, .kangndo td { padding: 2px; border: solid 1px #E2341D; vertical-align: top; text-align: center; } .vertical-text { transform: rotate(90deg); padding: 4px; float: right; font-size: 15px; margin-top: 8px; width: 10px; color: #E2341D; } </style> </head> <body>
Row
<body> <table class="kangndo" style=" border:0px initial initial; display: inline-block;width: 200px; height:92px"> <tbody> <tr> <td style="width: 190px; text-align: center;"> <font size="1"><b> <span style="font-weight: font-size: 11px; font-family: Tahoma;"> شبكة </span><span lang="ar-sa">سمايلي نت </span><span lang="ar-ye"> اللاسلكية</span></b></font> <br> <table class="kangndo" style="background-color:#FFFFFF; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;"> <tbody> <tr> <td style="width: 50%; text-align: center;"><span lang="ar-ye"> %u_limitUptime%</td> <td style="width: 50%; text-align: center;"> <font size="0"><b>الوقت</b></font></td> </tr> <tr> <td style="width: 50%; text-align: center;"> <span lang="ar-ye"> %u_timeLeft%</td> <td style="width: 50%; text-align: center;"><font size="0"><b>الصلاحية</b></font></td> </tr> </tbody> </table> <table class="kangndo" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;"> <tbody> <tr><td style="background-color:#ffffff; width: 50%; text-align: center;"> <font size="2"> <span style="font-family: Tahoma"><b>%u_username%</b></span></font></td> <td style="width: 50%; text-align: center;"> <b>اسم المستخدم</b></td></span> </td> </tr> <tr> <td style="background-color:#ffffff; width: 50%; text-align: center;"> <font size="2"> <span style="font-family: Tahoma"><b>%u_password%</b></span></font></td> <td style="width: 50%; text-align: center;"><span style="color: font-family: Tahoma;"> <font size="2"> <b><span style="<font size="2"> كلمة المرور</span></b></font></td> </tr> </tbody> </table> <table class="kangndo" style="border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 100%; margin-right: auto; margin-left: auto;"> <tbody> <tr> <td style="text-align: center;"><span style="color: font-family: Tahoma;"><font size="1"><b> للتواصل : </span> <span style="font-family: Tahoma">771847143</b></font></td></span> </span></tr> </tbody> </table> </td> <td style="background-color:#FFFFFF; width: 10px; text-align: center;"> <div align="center" class="vertical-text"><font size="2"><b>RY %u_moneyPaid%</b></div></td> </tr> </tbody> </table>
ليست هناك تعليقات:
إرسال تعليق