ninja4un

استایل جستجو

6 پست در این موضوع قرار دارد

با سلام و خسته نباشید

من میخوام توی منوی سایتم ، سمت چپش ( www.waha.ir ) یه جستجو قرار بدم مث سایت http://www.dbstheme.com/ که هم بازشو هست و توی منو قرار گرفته

آیا امکانش هست !؟ میشه لطفا راهنمایی بفرمایید!

به اشتراک گذاری این پست


لینک به پست


<div class="search-form">
<form>
<input type="text" class="stext" name="s" value="جستجو" onclick="if(this.value == 'جستجو') { this.value = '' }" onblur="if(this.value == '') { this.value = 'جستجو' }" />
<input type="submit" class="ssubmit" value="بیاب !" />
</form>
</div>


.top-bar .search-form {
float: left;
height: 50px;
text-align: center;
padding: 0 10px;
margin-top: 2px;
}
.top-bar .search-form form {
height: 35px;
background: #EEE;
margin-top: 5px;
-moz-box-shadow: inset 0px 0px 2px #AAA;
-webkit-box-shadow: inset 0px 0px 2px #AAA;
box-shadow: inset 0px 0px 2px #AAA;
padding-right: 10px;
padding-left: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transitionp: all 0.4s ease;
transition: all 0.4s ease;
}
.top-bar .search-form form:hover {
background: #FFF;
color: #333;
-moz-box-shadow: inset 0px 0px 4px #AAA;
-webkit-box-shadow: inset 0px 0px 4px #AAA;
box-shadow: inset 0px 0px 4px #AAA;
}
.top-bar .search-form .stext {
width: 40px;
height: 35px;
line-height: 35px;
font: 13px 'DBS-BYekan', B Yekan, Tahoma, Tahoma;
background: none;
border: none;
color: #222;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.top-bar .search-form .stext:focus {
width: 150px;
}
.top-bar .search-form .ssubmit {
width: 18px;
height: 30px;
font-size: 0;
background: url(../img/search.png) left 2px no-repeat;
border: none;
margin-right: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0.5;
}
.top-bar .search-form .ssubmit:hover {
opacity: 0.8;
}

به اشتراک گذاری این پست


لینک به پست

تشکر از پاسختون ،

فقط من تازه کارم زیاد سر در نمیارم !

فایل دوم که دادید برای استایل هست و تو style.css جاش هست ، کدهای اول هم فک کنم باید تو header بزارم ، من این کارو کردم ولی یه جستجو معمولی بود ، تازه توی منو هم قرار نگرفت !

میشه لطفا بیشتر راهنمایی بفرمایید ممنون

به اشتراک گذاری این پست


لینک به پست

این استایل را بذارید :


.search-form {
float: left;
height: 50px;
text-align: center;
padding: 0 10px;
margin-top: 2px;
}
.search-form form {
height: 35px;
background: #EEE;
margin-top: 5px;
-moz-box-shadow: inset 0px 0px 2px #AAA;
-webkit-box-shadow: inset 0px 0px 2px #AAA;
box-shadow: inset 0px 0px 2px #AAA;
padding-right: 10px;
padding-left: 10px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transitionp: all 0.4s ease;
transition: all 0.4s ease;
}
.search-form form:hover {
background: #FFF;
color: #333;
-moz-box-shadow: inset 0px 0px 4px #AAA;
-webkit-box-shadow: inset 0px 0px 4px #AAA;
box-shadow: inset 0px 0px 4px #AAA;
}
search-form .stext {
width: 40px;
height: 35px;
line-height: 35px;
font: 13px 'DBS-BYekan', B Yekan, Tahoma, Tahoma;
background: none;
border: none;
color: #222;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.search-form .stext:focus {
width: 150px;
}
.search-form .ssubmit {
width: 18px;
height: 30px;
font-size: 0;
background: url(../img/search.png) left 2px no-repeat;
border: none;
margin-right: 3px;
cursor: pointer;
-moz-transition: all 0.4s ease;
-ms-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
opacity: 0.5;
}
.search-form .ssubmit:hover {
opacity: 0.8;
}

به اشتراک گذاری این پست


لینک به پست

بازم تشکر ولی این اونی که من میخوام نیست

به اشتراک گذاری این پست


لینک به پست

http://jsfiddle.net/g5gQK/

به اشتراک گذاری این پست


لینک به پست

برای ارسال نظر یک حساب کاربری ایجاد کنید یا وارد حساب خود شوید

برای اینکه بتوانید نظر ارسال کنید نیاز دارید که کاربر سایت شوید

ایجاد یک حساب کاربری

برای حساب کاربری جدید در انجمن ما ثبت نام کنید. عضویت خیلی ساده است !


ثبت نام یک حساب کاربری جدید

ورود به حساب کاربری

دارای حساب کاربری هستید؟ از اینجا وارد شوید


ورود به حساب کاربری

  • مطالب مشابه

    • توسط t-admin
      سلام دوستان.
      من از قالب shoppystore استفاده می کنم.قسمت جستجوی قالب بجز 5 کالا در کالاهای دیگه جستجو نمیکنه!!! یعنی مثلا 5 لباس رو میشه سرچ کرد و نتایج اون پنج کالا رو نشون میده اما هرچی کالای دیگه که اضافه کردم توی نتایج جستجو نشون داده نمیشن.
      البته سرچ خود سایت درست عمل میکنه.اما کالاها رو بصورت پست نشون میده که مناسب فروشگاه نیست.
      میتونید راهنمایی کنید مشکل از کجاست؟
      این کد search.php سایت هست.
      <?php $ya_header_style     = ya_options()->getCpanelValue('header_style'); ?>
      <?php get_header( $ya_header_style ) ?>
      <div class="container">
          <?php
              $post_type = isset( $_GET['search_posttype'] ) ? $_GET['search_posttype'] : '';
              if( isset( $post_type ) &&  locate_template( 'templates/search-' . $post_type . '.php' ) ){
                  get_template_part( 'templates/search', $post_type );
              }else{
                  get_template_part('templates/content');
              }
          ?>
      </div>
      <?php get_footer(); ?>
    • توسط montazer
      سلام به همه دوستان
      من از طریق افزونه (AFC (Advanced Custom Fields  چندتا زمینه دلخواه ساختم.
      حالا با استفاده از افزونه جستجو یا فیلتر نیاز دارم تا از طریق اون بتونم این زمینه های دلخواه رو هم درش درنظر بگیره. امام موفق نشدم.
      از افزونه Ultimate WP Query Search Filter و Search & Filter هم استفاده کردم. ولی نمیدونم کجای کار میلنگه.
      ممنون میشم راهنمایی کنین.
      با تشکر
    • توسط sirousjj
      سلام دوستان
      خسته نباشید
      یه افزونه یا راهکاری میخوام برای سایت وردپرس که 
      از یه مخزن تصاویر یا فایل پی دی اف جستجو کنه و یه خروجی برگردونه
      به عبارته دیگه
      کاربر یه کد دراختیارش داشته باشه
      وقتی اون کد رو سرچ میکنه داخل یه تکست باکس
      از بین تصاویر موجود داخل اون مخزن 
      تصویر متناظر با اون کد رو برگردونه براش
      فقط و فقط یه نتیجه برگردونه
      نه نتایج مشابه رو
    • توسط enyac
      با سلام
       
      من یه فروشگاه موبایل دارم  میخوام یه جستجو تو صفح اول بزارم که کاربرم بتونه  مشخصات یک گوشی رو خودش انتخاب کنه و نزدیکترین مشخصات به خواسته کاربر نمایش داده بشه
       
      مثلا بتونه برند  تعداد هسته  حافظه اصلی و حاهظه داخلی  گیفیت دوربین محدوده قیمت این جور چیزا باشه
       
      هست همچین افزونه ای
    • توسط bzdesign
      با سلام خدمت همه عزیزان
      ببخشید من یه سوال از دوستان داشتم.
      چطور میشه فرم جستجو فابریک وردپرس رو مثل همه سایتهای دیگر ajax کرد؟ البته میخوام فقط بین محصولات جستجو کنه. افزونه های زیادی برای سرچ وجود دارند ولی همشون خودشون یه فرم جستجو مخصوص خودشون رو دارند و تغییر در فرم جستجو سایت ایجاد نمیکنند. و مشکل همشون اینه که فیلد جستجوشون فوق العاده ساده و زشت و مهمتر از همه انگیلیسی هست و به محض راست چین کردن بهم میریزن. خود فیلد جستجو ajax ووکامرس هم بدرد نمیخوره. چون فقط ازش میشه تو صفحات استفاده کرد، نه تو هدر سایت.
      این قالب من هست

       
      برای درک بهتر مسله تصویر gif زیر رو با دقت ببینید. یه فیلد جستجو داره که با تایپ داخلش لیست محصولات رو با عکس نشون میده.

       
      این هم نمونه یک سایت ایرانی که همون چیزی رو که من میخوام داره. یعنی به محض تایپ کردن تو فیلد جستجو بالای سایتش نتیجه هارو سورت میکنه