منتديات شط العرب
 كود البحث المميز بتقنية css احترافي 613623
عزيزي الزائر / عزيزتي الزائرة يرجي التفضل بتسجبل الدخول اذا كنت عضو معنا
او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي
سنتشرف بتسجيلك
شكرا  كود البحث المميز بتقنية css احترافي 829894
ادارة المنتدي  كود البحث المميز بتقنية css احترافي 103798


آخر عُضو مُسجل هو Hicham 
الرئيسيةالمنشوراتالتسجيلدخول

شاطر | 
 

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل 
كاتب الموضوعرسالة
ZAYDOON
 
 
ZAYDOON

<b>العمر</b> العمر : 34

 كود البحث المميز بتقنية css احترافي Vide
مُساهمةموضوع: كود البحث المميز بتقنية css احترافي    كود البحث المميز بتقنية css احترافي I_icon_minitimeالأربعاء 5 أكتوبر - 16:57

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

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

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

صورة للكود

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







طريقة التركيب يتم اضافة كود 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>





منقول من قسم الدعم لاحلى منتدى للفائدة


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

shatalarab_iraq@yahoo.com



بعديش ... بعديش ... بعديش
بعديش راجع حزين .. بصدرك اهات وأنين
جاي تتأمل سماحي تاني كل ذيج السنين
لك ما بقى بقلبي حنين ... روحي ذبلت من زمان
وقلبي تاركته السنين لان خالي من الحنان
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://shatalarab.ahlamontada.net
 

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

(( مَا يَلْفِظُ مِنْ قَوْلٍ إِلَّا لَدَيْهِ رَقِيبٌ عَتِيدٌ))


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

Powered by phpbb2 ® Ahlamontada.com
جميع الحقوق محفوظة لمنتديات شط العرب العراقية Copyright 2008 - 2016 © shatalarab.ahlamontada.net
المشاركات المنشورة بالمنتدى لاتعبر بالضرورة عن رأي إدارة المنتدى ولا تمثل إلا رأي أصحابها فقط
 التبــــــادل النصـــــي

منتديات امبراطورية الاسلام شركة اوريجينال منتديات عروس البصرة
منتديات احلى عالم جدعان
تعلم الالمانية - مجاني اعـــــــــلان نـصـي اعـــــــــلان نـصـي
اعـــــــــلان نـصـي اعـــــــــلان نـصـي اعـــــــــلان نـصـي اعـــــــــلان نـصـي
اعـــــــــلان نـصـي اعـــــــــلان نـصـي اعـــــــــلان نـصـي اعـــــــــلان نـصـي
© phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | آخر المواضيع