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


أهلاً بكً في ورشة التطوير، لقد دخلت المنتدى بصفتك زائر فإذا كنت عضو فأرجو منك تسجيل الدخول وإذا كنت زائراً أتمنى منك التسجيل في المنتدى .

وشــكــراً


*الإدارة*
ورشة التطوير
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته


أهلاً بكً في ورشة التطوير، لقد دخلت المنتدى بصفتك زائر فإذا كنت عضو فأرجو منك تسجيل الدخول وإذا كنت زائراً أتمنى منك التسجيل في المنتدى .

وشــكــراً


*الإدارة*

ورشة التطوير

ورشة التطوير! حيث الاحتراف والجودة ينطقوا باسمنا..!!
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  اتصل بنا  انضم لفريق ورشتنا  
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
علامات الوقف تعريفها وأنواعها ووظائفها
علامات الوقف تعريفها وأنواعها ووظائفها
كيف يتم كتابة نص اقناعي؟
دليلك الشامل للسياح العرب المسافرون لأهم مدن السياحة في كل من الشمال التركي واسطنبول
تمويل شخصي اضافي بدون تحويل راتب
المتجر العجيب للتسوق عبر الانترنت و تخفيضات كبيرة
العلاج البديل
توفير جميع انواع الطابوق في المنطقة الشرقية - المملكه العربية السعودية
تبحث عن شركة كاميرات مراقبة ؟ هذه هي الأفضل
علاج نوبات الهلع والاكتئاب والتوتر والرهاب الاجتماعي بدون ادوية
عرض خاص على حفائض بامبرز مجيا مقاس ٣ ، ٤ ، ٤+ ، ٥ ، ٦
كاميرا مراقبة لاسلكية داخلية متحركة على الجوال صوت وصورة ليلية نهارية
الجمعة سبتمبر 22, 2023 12:20 pm
الجمعة سبتمبر 22, 2023 12:20 pm
السبت أغسطس 19, 2023 1:34 pm
الثلاثاء مايو 22, 2018 12:19 am
الخميس مايو 17, 2018 2:50 pm
السبت مايو 05, 2018 3:13 pm
الخميس مايو 03, 2018 2:45 pm
الخميس مايو 03, 2018 2:34 am
الأحد أبريل 22, 2018 2:24 am
الثلاثاء أبريل 17, 2018 1:50 am
الأربعاء أبريل 11, 2018 3:57 pm
الأربعاء أبريل 11, 2018 3:27 am













شاطر
 

 كود البحث المميز بتقنية css احترافي

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل 
كاتب الموضوعموضوع
المعلومات
الكاتب:
AmEr T6wer
اللقب:
مؤسس الورشة
الصورة الرمزية

AmEr T6wer

البيانات
دولتي :
كود البحث المميز بتقنية css احترافي Soudia10
هوايتي :
كود البحث المميز بتقنية css احترافي Sports10
جنسي :
ذكر
مشاركاتي :
527
عمري :
20


الإتصالات
الحالة:
وسائل الإتصال:
http://www.Wr-T6wer.Alafdal.nethttps://www.facebook.com/100008855800377https://twitter.com/LoayAloqbiLololoay10
مُساهمةموضوع: كود البحث المميز بتقنية css احترافي   كود البحث المميز بتقنية css احترافي Emptyالخميس يونيو 30, 2016 5:24 pm

قالب البحث المميز بتقنية css احترافي

القالب يحمل مساحة زوم ويزيد من عرض صندوق البحث 

بالاضافة يعمل البحث بصفحة جديدة بدلا من نفس الصفحة 

صورة للكود :

كود البحث المميز بتقنية css احترافي 1437-011
https://i.servimg.com/u/f68/16/46/77/76/1437-011.gif

طريقة التركيب يتم اضافة كود css الاتي فوق كلمة </head> بقالب overall_header


الكود:

  <style>
body
{
margin: 0px 0px 0px 0px;
padding: 0px;
}
.nn2{
 background-color:#EDEDED;
 background-repeat:repeat;
 height:35px;
 width:100%;
 border-bottom: 1px solid rgb(206, 204, 204);
}
    
.LeftTopHeaderSearch {
    float: left;
    padding: 5px;
    margin: 0px;
}

.LeftTopHeaderSearchinput {
    background-color: #FFF;
    color: #AAAAAA;
    padding: 0px 6px;
    margin: 0px;
    border: none;
    border-radius: 0px 4px 4px 0px;
    -webkit-border-radius: 0px 4px 4px 0px;
    -moz-border-radius: 0px 4px 4px 0px;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif;
    font-size: 12px;
    font-weight: bold;
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    height: 28px;
    width: 140px;
}

.LeftTopHeaderSearchinput:focus {
    -moz-transition: width 0.5s ease-out;
    -webkit-transition: width 0.5s ease-out;
    transition: width 0.5s ease-out;
    width: 170px;
}

.LeftTopHeaderSearchbutton {
    float: left;
    background-color: #FAFAFA !important;
    color: #C9C9C9 !important;
    padding: 0px 3px !important;
    margin: 0px !important;
    border: none !important;
    border-radius: 4px 0px 0px 4px !important;
    -webkit-border-radius: 4px 0px 0px 4px !important;
    -moz-border-radius: 4px 0px 0px 4px !important;
    font-family: "Droid Arabic Kufi", Tahoma, Calibri, Verdana, Geneva, sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    width:40px !important;
    height: 28px !important;
}
</style>


ونبحث عن {JAVASCRIPT} ونضيف تحته مباشرة
الكود الاتي :


الكود:
<div class="nn2">

<div class="LeftTopHeaderSearch">
<form action="search" target="_blank">
<input type="hidden" name="ie" value="Windows-1256" >
<input type="hidden" name="sitesearch" value="" >
<input type="hidden" name="hl" value="fr" />
<input class="LeftTopHeaderSearchinput" type="text" placeholder="إبحث في المنتدى" name="search_keywords" size="30" >
<input class="LeftTopHeaderSearchbutton" type="submit" name="go" value="بحث" >
</form>
   
</div></div>


علما سيكون البحث بهذه الطريقة اعلى الواجهة

اذا تريده اسفل الواجهة تضيف الكود هنا اسفل الكود الاتي :


الكود:
<!-- BEGIN switch_logo_right -->
 <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td>
 <!-- END switch_logo_right -->
 </tr>
 </table>


توقيع : AmEr T6wer




الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.Wr-T6wer.Alafdal.net https://www.facebook.com/100008855800377 https://twitter.com/LoayAloqbi Lololoay10
 
كود البحث المميز بتقنية css احترافي
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» [كود HTML] الدخول الجديد بتقنية متقدمة (مثل الإبداع العربي)
» [كود تومبيلات] البيانات الشخصية بشكل احترافي من صنع Yassine Bablil
» javascript + css عمل نافذة منبثقة للصور بالمساهمات بشكل احترافي
» كود البحث داخل القسم بشكل إحترافي
» كود تغيير شكل التقييم في المساهمات لشكل احترافي مميز (تومبيلات + css )

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
ورشة التطوير :: التقنيات العامة :: معرض الأكواد-
انتقل الى: