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


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

وشــكــراً


*الإدارة*

ورشة التطوير

ورشة التطوير! حيث الاحتراف والجودة ينطقوا باسمنا..!!
 
الرئيسيةالرئيسية  اليوميةاليومية  مكتبة الصورمكتبة الصور  س .و .جس .و .ج  بحـثبحـث  الأعضاءالأعضاء  التسجيلالتسجيل  دخولدخول  اتصل بنا  انضم لفريق ورشتنا  
آخر المواضيع
الموضوع
تاريخ ارسال المشاركة
بواسطة
افاق السيوله للتعقيب
دورة المهارات الإرشادية والسلوكية في قيادة المرأة للسيارة
المحور العذب... أفضل فلاتر مياه بالرياض
دورة ضريبة القيمة المضافة - mharat
عروض نهاية العام التدريبية mharat
دورة سيسكو
دورة صيانة برمجيات الجوالات
قرميد ابيض قرميد احمر قرميد فلل يوجد تخفيضات 0502217259
اقتنم طقم ناديك في الدوري الاوربي 2017-2018
فرسان المجد لنقل العفش الى جميع مدن المملكه 0531112300
تسديد قروط بنكية
مصر المحروسة للحوم - الكويت
اليوم في 12:56 am
الأربعاء ديسمبر 13, 2017 11:59 pm
الأحد ديسمبر 10, 2017 12:53 am
الجمعة ديسمبر 08, 2017 3:58 pm
الخميس ديسمبر 07, 2017 2:05 pm
السبت ديسمبر 02, 2017 10:43 pm
الإثنين نوفمبر 27, 2017 1:18 am
الأحد نوفمبر 26, 2017 4:21 pm
الأربعاء نوفمبر 22, 2017 1:29 am
الإثنين نوفمبر 20, 2017 12:56 am
الأحد نوفمبر 19, 2017 5:20 pm
السبت نوفمبر 18, 2017 7:37 pm
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك
المصممة ملاك

شاطر | 
 

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

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

avatar

البيانات
دولتي :
هوايتي :
جنسي :
ذكر
مشاركاتي :
527
عمري :
14


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

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

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

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

صورة للكود :


http://i68.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

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