كروت هوتس بوت مجاناً

اتصميم الاصل قبل التعديل

Code:

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>Vouchers</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:

<table class="kangndo" style=" display: inline-block; background-color:#E2341D; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; width: 200px; height:120px;">
<tbody>
<tr>
<td style="width: 190px; text-align: center;"><span style="font-weight: bold; color: rgb(255, 255, 255); font-size: 11px; font-family: Tahoma;">HOTSPOT VOUCHER</span><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;">Package</td>
<td style="width: 50%; text-align: center;">%u_actualProfileName%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Data limit</td>
<td style="width: 50%; text-align: center;">%u_limitDownload%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Time Limit</td>
<td style="width: 50%; text-align: center;">%u_limitUptime%</td>
</tr>
<tr>
<td style="width: 50%; text-align: center;">Validity</td>
<td style="width: 50%; text-align: center;">%u_timeLeft%</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="width: 50%; text-align: center;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Username</span></td>
<td style="width: 50%; text-align: center;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Password</span></td>
</tr>
 <tr>
<td style="background-color:#FFFFFF; width: 50%; text-align: center;"><span style="color: rgb(163, 180, 200); font-family: Tahoma;">%u_username%</span></td>
<td style="background-color:#FFFFFF; width: 50%; text-align: center;"><span style="color: rgb(163, 180, 200); font-family: Tahoma;">%u_password%</span></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="width: 40%; text-align: left;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">4Mbps Speed</span></td>
<td style="width: 60%; text-align: right;"><span style="color: rgb(255, 255, 255); font-family: Tahoma;">Call: 082 324 660655</span></td>
</tr>
</tbody>
</table>
</td>
<td style="background-color:#FFFFFF; width: 10px; text-align: center;"><div align="center" class="vertical-text" >Rp&nbsp;%u_moneyPaid%</div></td>
</tr>
</tbody>
</table>

Simply edit texts in red according to the preferences or language

Footer:

</body></html>

Break:

<p class="noprint" style="font-size: 10px">   ................ page break ................ </p> <p class="pagebreak">&nbsp;</p>

Result:

If the background color not appear, make sure on the Print >> Page setup Options is checked.

Best Regards,

وهاذابعد التعديل

شكل الكرت بعد التعديل + الكود مجاناً

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

..................................................................................................................................................

الاول

<!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>

.........................................................................................................................

الثاني

<body>

<table class="kangndo" style=" display: inline-block;background-color:#E2341;

border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial;

border-color: initial; width: 200px; height:92px;"> <tbody>

<tr>

<span style="font-weight: font-size: 11px; font-family: Tahoma;"> <font size="1"><b>شبكة السعيدة الاسلكية</b></font></span>

<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;"><font size="0"><b>%u_actualProfileName%</b></td>

<td style="width: 50%; text-align: center;"> <font size="0"><b>الرصيد</b></font></td> </tr>

<tr>

<td style="width: 50%; text-align: center;"> <font size="0"><b>%u_timeLeft%</b></font></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;"> <span style="color: rgb(254, 5,12);

font-family: Tahoma;"><font size="2"><b>%u_username%</b></span></font></td>

<span style="color: rgb(254, 5,12); <font size="2"> <b>اسم المستخدم</b></font></td></span> </td> </tr>

<tr>

<td style="background-color:#ffffff; width: 50%; text-align: center;"> <span style="color: rgb(254, 5,12);

font-family: Tahoma;"><font size="2"><b>%u_password%</b></span></font></td>

<font size="2"><span style="color: rgb(254, 5,12);<font size="2"> <b>كلمة المرور</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="width: 45%; text-align: left;"><span style="color:

font-family: Tahoma;"><font size="1"><b> للخروج S.com </b></font></td></span> <td style="width: 55%;

text-align: right;"><span style="color: font-family: Tahoma;"><font size="1"><b> Tel: 715556583 </b></font></td></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>

..........................................................

الثالث

</body></html>

...............................................

الرابع

<p class="noprint" style="font-size: 10px"> ................ page break ................ </p> <p class="pagebreak"> </p>

.....................

..........

اتمني انه يعجبكم

واحب اسمع منكم افكار جديده للكروت

وانا هقوم بتصميمها بأذن الله

منتظر اقتراحاتكم

تم النشر من قبل / بسام الصباحي

نرجومنكم الاعجاب بصفحتي بل فيس بوك والمشاركة

- See more at: http://13assam2.blogspot.com/2016/01/blog-post_5.html#sthash.lprXnAFO.dpuf

هل أعجبك الموضوع ؟

ليست هناك تعليقات:

إرسال تعليق

مدونة Li-Fi

مدونة Li-Fi عبارة عن مدونة تقنية يوجد مقرها في اليمن , و قد تم تأسيسها من طرف "بسام الصباحي " , و من أهم أهدفها المساهمة في إثراء و تعزيز المحتوى العربي . لاي فاي تهتم بكل ما له علاقة بالحواسيب بمختلف أنواعها (مكتبية أو محمولة أو لوحية) , بالإضافة إلى الهواتف الذكية الاندرويد و الايفون وحتى ابتكارات الحصرية في .....العالم العربي .Li-Fi ...

كروت هوتس بوت مجاناً

كروت هوتس بوت مجاناً

اتصميم الاصل قبل التعديل

Code:

Header: الرأس

Row:

Footer:

Break:

Result:

شكل الكرت بعد التعديل + الكود مجاناً

انسخ الكود من هنا ..................................................................................................................................................

الاول

مواضيع ذات صله كروت يوزر منجر

ليست هناك تعليقات:

إرسال تعليق

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

..................................................................................................................................................

مواضيع ذات صله
كروت يوزر منجر