تصميم جاهزة لأصحاب المواقع

	Sign In Sign-Up

كل ما عليك هو نسخ الكود ولصقه في محرر الهتمل

في برنامج الفرونت بيج

ملاحظة : تستطيع إجراء التعديلات على التصميم من خلال الكود فالكود ليس جامدا

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

الكووود الاول

الكووود الثاني

الكووود الثالث

الكووود الرابع

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

الكووود السادس

الكووود السابع

<html> <head> <meta http-equiv="Content-Language" content="ar-sa"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <body bgcolor="#99CCFF"> <p align="center"><font size="5"><b>بسم الله الرحمن الرحيم</b></font></p> <table border="1" width="100%" bordercolorlight="#000000" bordercolordark="#FFFFFF"> <tr> <td width="100%"> <p align="center"><font size="5"><b>بنر الموقع</b></font></p> <p> </td> </tr> </table> <p> </p> <table border="0" width="100%"> <tr> <td width="100%"> <p align="center"><b><i><font size="4">محرك البحث</font></i></b></td> </tr> </table> <table border="0" width="100%"> <tr> <td width="100%"> <p align="center"> <script language="JavaScript"></script></td> </tr> </table> <table border="0" width="100%"> <tr> <td width="33%"> <table border="1" width="100%" bordercolor="#000000"> <tr> <td width="100%" bgcolor="#336699" align="center"> <p align="center"><b>هنا اسم قسم</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله </b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center" bgcolor="#336699"><b>هنا اسم قسم</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center" bgcolor="#336699"><b>هناا اسم ركن</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> </table> </td> <td width="33%"><b> <marquee width="337" height="19" direction="right">هناااا كلمت الموقوووووووووووووقع</marquee> </b> <p> </p> <table border="0" width="100%"> <tr> <td width="100%" align="center"><b>هنا ضع اي شئ</b></td> </tr> <tr> <td width="100%" align="center"><b>هنااا ضع اي شئ</b></td> </tr> <tr> <td width="100%" align="center"><b>هنا ضع اي شئ </b></td> </tr> <tr> <td width="100%" align="center"><b>هنا ضع اي شئ</b></td> </tr> <tr> <td width="100%" align="center"><b>هناا ضع اي شئ</b></td> </tr> <tr> <td width="100%" align="center"><b>هناا ضع اي شئ</b></td> </tr> </table> <p> </p> <p> </p> <table border="0" width="100%"> <tr> <td width="100%" align="center"><b>ضع هنااا سجل زوار او شات الموقع او قوائم بريديه</b></td> </tr> <tr> <td width="100%"> <table border="1" width="100%" bordercolor="#000000" height="4"> <tr> <td width="50%" align="center" height="1"><i>**</i></td> <td width="50%" align="center" height="1"><i>**</i></td> </tr> </table> </td> </tr> </table> </td> <td width="34%"> <table border="1" width="100%" bordercolor="#000000"> <tr> <td width="100%" bgcolor="#336699" align="center"> <p align="center"><b>هنا اسم قسم</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center" bgcolor="#336699"><b>هنا اسم قسم</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله </b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" align="center"><b>وصله</b></td> </tr> </table> </td> </tr> </table> <div align="center"> <center> <table border="1" width="85%" bordercolor="#000000"> <tr> <td width="33%" align="center"><b>وصله</b></td> <td width="33%" align="center"><b>وصله</b></td> <td width="34%" align="center"><b>وصله</b></td> </tr> </table> </center> </div> <div align="center"> <center> <table border="1" width="32%" bordercolor="#000000"> <tr> <td width="100%" align="center"><b><i>هنا تضع وصله او ملاحظه</i></b></td> </tr> </table> </center> </div> <p align="center">هذا التصميم من موقع هلا00قطر </p> </body> </html>

الكووود الثامن

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

<html> <head> <meta http-equiv="Content-Language" content="ar-sa"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>New Page 1</title> </head> <body bgcolor="#99CCFF"> <p align="center"><b><font size="5">بسم الله الرحمن الرحيم</font></b></p> <p> </p> <p> </p> <table border="1" width="100%" bordercolordark="#FFFFFF" bordercolorlight="#000000"> <tr> <td width="100%"> <p align="center"><font size="5"><b>بنر الموقع هنا</b></font></p> <p> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="33%"> <table border="1" width="100%" height="425" bordercolor="#000000" bordercolordark="#000000" bordercolorlight="#FFFFFF"> <tr> <td width="100%" bgcolor="#66CCFF" height="19" align="center"><b>اسم ركن </b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#66CCFF" height="19" align="center"><b>اسم ركن</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#66CCFF" height="19" align="center"><b>اسم ركن</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="44" align="center"><font size="2"><b>هنا ضع عداد زوار او وصله او قائمه بريديه الخ00</b></font></td> </tr> </table> </td> <td width="33%"><b> <marquee width="310" height="19">..........................................................................</marquee> </b> <p> </p> <p align="center"><b> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </b> </p> <p> </p> <table border="0" width="100%"> <tr> <td width="100%" align="center"><b><font size="4">محرك بحث</font></b></td> </tr> <tr> <td width="100%"> <p align="center"> <script language="JavaScript"></script></td> </tr> </table> <p align="center"> </p> <p> </p> <p> </p> <p> </p> <p> </p> <p> </td> <td width="34%"> <table border="1" width="100%" height="197" bordercolordark="#000000" bordercolorlight="#FFFFFF"> <tr> <td width="100%" bgcolor="#66CCFF" height="19" align="center"><b>اسم ركن</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" height="19" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#66CCFF" height="16" align="center"><b>اسم ركن</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#66CCFF" height="16" align="center"><b>اسم ركن</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وصله</b></td> </tr> <tr> <td width="100%" bgcolor="#99CCFF" height="16" align="center"><b>وضله</b></td> </tr> </table> </td> </tr> </table> <p> </p> <table border="1" width="100%"> <tr> <td width="100%"> </td> </tr> </table> </body> </html>

الكووود العاشر

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>الرئيسيه</title> <meta http-equiv="Content-Language" content="ar-sa"> <meta http-equiv="Content-Type" content="text/html; charset=windows-1256"> <meta name="GENERATOR" content="Microsoft FrontPage 4.0"> <meta name="ProgId" content="FrontPage.Editor.Document"> <title>موقع المفتى</title> </head> <body bgcolor="#99CCFF"> <SCRIPT language="JavaScript">  </SCRIPT> <p align="center"><b><font size="5">بسم الله الرحمن الرحيم</font></b></p> <table border="1" width="100%" bordercolorlight="#000000" bordercolordark="#FFFFFF"> <tr> <td width="100%"> <p align="left"> </p> <p align="center"><b><font size="5">اسم موقعك او بنر موقعك</font></b></p> <p align="left"> </td> </tr> </table> <p align="center"> <A HREF="javascript:e_friend()"><b>ارسل رساله الى صديق</b></A></p> <p align="center"> <b><font color="#FF0000"> </font></b> </p> <table border="0" width="100%"> <tr> <td width="100%" align="center"><b>اختار لون الصفحه</b></td> </tr> <tr> <td width="100%" align="center"> <FORM name="back"> <SELECT name="g" onChange="change()"> <OPTION VALUE="aqua">ازرق فاتح <OPTION VALUE="green">اخضر <OPTION VALUE="orange">برتقالي <OPTION VALUE="yellow">اصفر <OPTION VALUE="purple">بنفسجي <OPTION VALUE="gray">رصاصي <OPTION VALUE="pink">وردي <OPTION VALUE="lavender">جي فاتح <OPTION VALUE="khaki">ككاوي <OPTION VALUE="skyblue">ازرق سماوي <OPTION VALUE="white" SELECTED>ابيض </SELECT> <INPUT TYPE="button" VALUE="اختار اللون"> </FORM> <script language="Javascript">  </script> </td> </tr> </table> <p align="center"> <b><font color="#FF0000"> <SCRIPT LANGUAGE="JavaScript">  </SCRIPT> </font></b> </p> <table border="0" width="100%"> <tr> <td width="100%"> <table border="0" width="100%"> <tr> <td width="100%" bgcolor="#000080"> <p align="center"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="hovercolor" value="#800000"> <param name="text" value="هنا ضع كلمه"> <param name="effect" value="reverseGlow"> </applet> </td> </tr> </table> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="100%"> <table border="0" width="100%"> <tr> <td width="50%" bgcolor="#000080"> <p align="right"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="hovercolor" value="#800000"> <param name="text" value="هنا ضع كلمه"> <param name="effect" value="reverseGlow"> </applet> </td> <td width="50%" bgcolor="#000080"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="hovercolor" value="#800000"> <param name="text" value="هنا ضع كلمه"> <param name="effect" value="reverseGlow"> </applet> </td> </tr> </table> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="100%"> <table border="0" width="100%"> <tr> <td width="33%" bgcolor="#000080"> <applet code="fphover.class" codebase="./" width="202" height="24" align="right"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="hovercolor" value="#800000"> <param name="text" value="هنا ضع كلمه"> <param name="effect" value="reverseGlow"> </applet> </td> <td width="33%" bgcolor="#000080"> <p align="center"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="hovercolor" value="#800000"> <param name="text" value="هنا ضع كلمه"> <param name="effect" value="reverseGlow"> </applet> </td> <td width="34%" bgcolor="#000080"> <applet code="fphover.class" codebase="./" width="202" height="24" align="left"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="text" value="هنا ضع كلمه"> <param name="hovercolor" value="#800000"> <param name="effect" value="reverseGlow"> </applet> </td> </tr> </table> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="100%"> <table border="0" width="100%"> <tr> <td width="33%" align="center" bgcolor="#000080"><applet code="fphover.class" codebase="./" width="202" height="24" align="left"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="hovercolor" value="#800000"> <param name="text" value="هنا ضع كلمه"> <param name="effect" value="reverseGlow"> </applet></td> <td width="33%" align="center" bgcolor="#000080"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="hovercolor" value="#800000"> <param name="text" value="هنا ضع كلمه"> <param name="effect" value="reverseGlow"> </applet> </td> <td width="34%" align="center" bgcolor="#000080"><applet code="fphover.class" codebase="./" width="202" height="24" align="right"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="text" value="هنا ضع كلمه"> <param name="hovercolor" value="#800000"> <param name="effect" value="reverseGlow"> </applet></td> </tr> </table> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="100%"> <table border="0" width="100%"> <tr> <td width="50%" bgcolor="#000080"> <p align="right"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="text" value="هنا ضع كلمه"> <param name="hovercolor" value="#800000"> <param name="effect" value="reverseGlow"> </applet> </td> <td width="50%" bgcolor="#000080"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="text" value="هنا ضع كلمه"> <param name="hovercolor" value="#800000"> <param name="effect" value="reverseGlow"> </applet> </td> </tr> </table> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="100%" bgcolor="#000080"> <p align="center"> <applet code="fphover.class" codebase="./" width="202" height="24"> <param name="color" value="#000080"> <param name="textcolor" value="#FFFFFF"> <param name="text" value="هنا ضع كلمه"> <param name="hovercolor" value="#800000"> <param name="effect" value="reverseGlow"> </applet> </td> </tr> </table> <table border="0" width="100%"> <tr> <td width="33%"> <table border="1" width="100%" bordercolor="#000000"> <tr> <td width="100%" align="center"><b>ابحث عن ايميل صديقك</b></td> </tr> <tr> <td width="100%" align="center"> <FORM METHOD="GET" ACTION= "http://query1.whowhere.lycos.com/jwz/name.wsrch"> <ul> <p align="center"> <b>اكتب اسم الشخص هنا</b> <small></small><BR> <INPUT size=15 name="name"> <BR><INPUT value="ابحث" type="submit"> </ul> </FORM> </td> </tr> </table> </td> <td width="33%"> <p align="center"> <INPUT TYPE="button" VALUE="تحديث الصفحة" onClick='parent.location="javascript:location.reload()"' style="font-family: Tahoma"></form> </p> </td> <td width="34%"> <table border="1" width="100%" bordercolor="#000000"> <tr> <td width="100%" align="center"><b><font color="#000000">جديد الموووقع</font></b></td> </tr> <tr> <td width="100%"> <b> <marquee scrolldelay="100" scro15amount="5" width="180" height="36" scrollamount="3" direction="right">هناااااا ضع جديد الموووقع</marquee> </b> <p> </p> <p> </td> </tr> </table> </td> </tr> </table> </body> </html>

الكووود الحادي عشر