Moh'd S Hammoudeh ..
الجنس : تاريخ التسجيل : 03/02/2010 العمر : 33
بطاقة الشخصية احترام القوانين: (3/3)
| موضوع: اشكال ولا اروع لخمس صناديق بحث خاصة بموقعك او مدونتك او منتداك اختر الكود وثبته رائع جدا السبت مارس 09, 2013 2:39 am | |
|
السلام عليكم ورحمة الله اليوم اتينا لكم بالكود الرائع والاغلب يبحث عنه .... وهو عبارة عن صندوق بحث ملون وحسب استايل موقعك او منتدك او مدونتك صورة للكود مثال للكود خصائص الكود :
- 5 تصاميم انيقة وبألوان رائعة - سهل الاستخدم - سريع التحميل - دقيق البحث 1- الشكل الاول : - الكود:
-
<!--algantel.com --> <style type="text/css"> #exe-searchbox{background:url(http://2.bp.blogspot.com/-8Khpb3lvlkw/TqBZnRPaR5I/AAAAAAAAAj8/OBUsJJlhATo/s1600/Yellow-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;} form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;} form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;} form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;} </style> <div id="exe-searchbox"> <form id="exe-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="بحث..." onclick='if (this.value == "بحث...") {this.value = ""}' onblur='if (this.value == "") {this.value = "بحث...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div> <!--algantel.com -->
2- الشكل الثاني - الكود:
-
<!--algantel.com --> <style type="text/css"> #exe-searchbox{background:url(http://2.bp.blogspot.com/-YK8N1e-QfCc/TqBZoFG7nYI/AAAAAAAAAkE/PHRUhGRfaZU/s1600/Black-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;} form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;} form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;} form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;} </style> <div id="exe-searchbox"> <form id="exe-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="بحث..." onclick='if (this.value == "بحث...") {this.value = ""}' onblur='if (this.value == "") {this.value = "بحث...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div> <!--algantel.com -->
3- الشكل الثالث - الكود:
-
<!--algantel.com --> <style type="text/css"> #exe-searchbox{background:url(http://1.bp.blogspot.com/-rWeiYWCmHIk/TqBZooXrghI/AAAAAAAAAkM/Fvm-gfaIuf8/s1600/Blue-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;} form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;} form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;} form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;} </style> <div id="exe-searchbox"> <form id="exe-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="بحث..." onclick='if (this.value == "بحث...") {this.value = ""}' onblur='if (this.value == "") {this.value = "بحث...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div> <!--algantel.com -->
4- الشكل الرابع - الكود:
-
<!--algantel.com --> <style type="text/css"> #exe-searchbox{background:url(http://3.bp.blogspot.com/-vxXsk24PYUc/TqBZpWE4scI/AAAAAAAAAkU/_0dLPsFRHYQ/s1600/Green-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;} form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;} form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;} form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;} </style> <div id="exe-searchbox"> <form id="exe-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="بحث..." onclick='if (this.value == "بحث...") {this.value = ""}' onblur='if (this.value == "") {this.value = "بحث...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div> <!--algantel.com -->
5- الشكل الخامس - الكود:
-
<!--algantel.com --> <style type="text/css"> #exe-searchbox{background:url(http://2.bp.blogspot.com/-r9ZPNWJubic/TqBZp-73XNI/AAAAAAAAAkc/_qnbg8EXakU/s1600/Red-Search-Engine.png) no-repeat scroll center center transparent;width:310px;height:100px;disaply:block;} form#exe-searchform{display: block;padding-top:51px; padding-left:30px;;margin:0;} form#exe-searchform #s{padding-top:3px; padding-left:1px; width: 208px; font-size:14px; vertical-align:top; border:none; background:transparent;} form#exe-searchform #sbutton{padding-top:10px; padding-right:25px; height:15px; width:15x; border:none; background:transparent;} </style> <div id="exe-searchbox"> <form id="exe-searchform" action="/search" method="get"> <input type="text" id="s" name="q" value="بحث..." onclick='if (this.value == "بحث...") {this.value = ""}' onblur='if (this.value == "") {this.value = "بحث...";}'/> <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div> <!--algantel.com -->
*ملاحظة الكود يوضع في اي مكان يقبل لغة ال html .... اذا لاحظت اي مشكلة في ابعاد الكود او اي خطأ افعلا ما يلي قم بإستدعاء الكود من خلال فريم frame .... اي قم بعمل صفحة html جديدة بموقعك او منتداك وضع الكود السابق طبعا من احد الاشكال السابقة في صفحة ال html ولا تنسى ان تضع في بداية الكود الرمز الاتي لتفادي اللغة الغريبة في صفحات ال html - الكود:
-
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> وقم بحفظ الصفحة والان اذهب للمكان الذي تريد ان يظهر الكود به وضع الكود الاتي <iframe marginwidth="0" src=" ضع هنا رابط صفحة ال html التي انشأتها" marginheight="0" frameborder="0" height="100"" scrolling="no" width="310"></iframe> انتهى الشرح واي استفسا فلا تترددوا بسؤالنا يسمح النقل مع ذكر المصدر موقع جنتل الاردن | |
|