لونك المفضل
الألوان
chatالمواضيع الأخيرة
new_releasesأفضل 10 أعضاء في هذا الأسبوع
new_releasesأفضل 10 أعضاء في هذا الشهر

منتدى الابداع العربي

منتدى ابداع وتصميم عربي

عنوان الخبر

تفاصيل الخبر

عنوان الخبر

تفاصيل الخبر

اعلانات المنتدى

كلمات دليلية:

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

avatar
زائر
زائر
 نُشر في في الثلاثاء يناير 26, 2016 4:57 am

قالب البحث المميز بتقنية 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;

}
.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>



عدل سابقا من قبل JAR7 في الأربعاء فبراير 24, 2016 3:24 am عدل 1 مرات

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

Abshahad
بصمة خالدة
 نُشر في في الثلاثاء يناير 26, 2016 8:39 am

سلمت يداك لكي الف شكر

تقبلي مروري

التوقيع

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

avatar
زائر
زائر
 نُشر في في الثلاثاء يناير 26, 2016 7:30 pm

منور الموضوع

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

علي اليحياوي
عضو نشيط
 نُشر في في الإثنين فبراير 08, 2016 4:26 pm

ممتع اشكرك على الطرح المميز تحياتي لك  وردة حمراء

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

avatar
زائر
زائر
 نُشر في في الإثنين فبراير 08, 2016 4:44 pm

منور الموضوع

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

THE ROCK
عضو فعال
 نُشر في في الثلاثاء فبراير 09, 2016 1:37 am

اشكرك على الطرح المميز تحياتي لك  
التوقيع



قالب البحث المميز بتقنية css احترافي 1011_md_13129827261
قالب البحث المميز بتقنية css احترافي 1411_m10
قالب البحث المميز بتقنية css احترافي Uia_oo10
قالب البحث المميز بتقنية css احترافي Uia_oo12
قالب البحث المميز بتقنية css احترافي Dua_ui10
قالب البحث المميز بتقنية css احترافي Uia_od10

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

avatar
زائر
زائر
 نُشر في في الثلاثاء فبراير 09, 2016 7:21 am

منور الموضوع

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

hamsahaq
عضو جديد
 نُشر في في الإثنين فبراير 22, 2016 5:15 pm

جزآڪ آللهـّ آلف خيّر


علىّـآ آلموٍِضوٍِع آلمفيد وٍِ


آلرآئع بآرٍِڪ آللهـّ فيڪ
التوقيع

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

avatar
زائر
زائر
 نُشر في في الجمعة مايو 06, 2016 10:09 am

السلام عليكم ورحمة الله وبركاته
ألف شكر لكَ على هذا الموضوع المميز و المعلومات القيمة
إنـجاز أكثر رائــــــع
لكن أرجو منكَ عدم التوقف عند هذا الحد
مـنتظرين ابداعتــــــك
دمتـ ودام تألقـك
تحياتــي

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

أنا أحمد
عضو جديد
 نُشر في في الأحد مايو 08, 2016 11:16 pm

موضوع فى غاية الروعة

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

avatar
زائر
زائر
 نُشر في في السبت أغسطس 27, 2016 2:34 am

يعطيك العافية على الموضوع دمت بخير

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

1sLaM A7mEd
بصمة خالدة
 نُشر في في الأربعاء نوفمبر 23, 2016 2:51 pm

شكرا لك
طرح مميز
التوقيع

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

OuSsaMa BeDdAi
بصمة خالدة
 نُشر في في الخميس فبراير 16, 2017 10:01 pm

قالب ممتاز
شكرا لك واصل
التوقيع


If the plan doesn’t work, change the plan, but never the goal
وردة حمراء وردة حمراء

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

K!LLeR
عضو فعال
 نُشر في في الخميس أغسطس 03, 2017 3:25 pm

أإسـ عٍ ـد الله أإأوٍقـآتَكُـ بكُـل خَ ـيرٍ دآإئمـاَ تَـبهَـرٍوٍنآآ بَمَ ـوٍآضيعكـ أإلتي تَفُـوٍح مِنهآ عَ ـطرٍ أإلآبدآع وٍأإلـتَمـيُزٍ

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

 نُشر في في الإثنين أغسطس 14, 2017 12:44 am

جميل

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

Mohamed Sobhi
عضو محترف
 نُشر في في السبت يوليو 21, 2018 6:05 am

تصميم اكثر من رائع
لك منى كل تحية وردة حمراء
التوقيع


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

كاتب هذه المساهمة مطرود حالياً من المنتدى - معاينة المساهمة


اعلانات نصية