/ آموزش قرار دادن باکس سرچ متفاون اولین بار در ویکی وی بی
وندا هاست
طراحی و راه اندازی وبسایت و انجمن توسط ویکی وی بی ویکی وی بی در قبال معاملات صورت گرفته با هر یک از اعضا و سفارشات طراحی خارج از این اطلاعیه هیچگونه مسئولیتی نمی پذیرد
بک لینک ها
تبلیغات شما وندا هاست
نمایش نتایج: از 1 به 1 از 1

موضوع: آموزش قرار دادن باکس سرچ متفاون اولین بار در ویکی وی بی

  1. #1
    Hose!N آنلاین نیست.
    Hose!N
    کاربر اخراجي
    497نوشته2,246مورد پسند

    تاریخ عضویت
    Apr 2013
    شماره عضویت
    1515
    پسندیده است
    2,186 پست
    بلاگ
    2 پست
    میزان امتیاز
    2256
    wikivb.ir

    آموزش قرار دادن باکس سرچ متفاون اولین بار در ویکی وی بی

    درود

    دیدم باکس های سرچ معمولی دیگه تکراری شده گفتم یه باکس حرفه ای واستون بزارم

    در استایل people باکس سرچ متفاوتی رو شاهد بودید

    به هدر بروید

    کد:
    <div id="SearchC"></div>
    <div id="Search">
    <div id="RightSearch"></div>
    <form class="navbar_search" target="_blank" action="http://www.google.com/search" method="get"><input id="pn" type="hidden" value="wikivb.ir" name="sitesearch"></input>
    <span class="textboxcontainer"><span><input class="Searchs" type="text" tabindex="99" name="q" onfocus="if (this.value == 'جستجو در گوگل ...') this.value = '';" onblur="if (this.value == '') this.value = 'جستجو در گوگل ...';" value="جستجو در گوگل ..."></input></span></span>
    <input type="hidden" value="wikivb.ir" name="domains"></input>
    </form></div>
    
    </div>
    </div>
    اضافه کنید

    به additional.css برید

    و آخرش اضافه کنید
    کد:
    #SearchC{
    background: url(adrese ax) no-repeat;
    width:33px;
    height:33px;
    float:left;
    margin-left:15px;
    margin-top:196px;
    cursor:pointer;
    }
    
    #RightSearch{
    width:0;
    height:0;
    border-style:solid;
    border-width:7px 5px 7px;
    border-color:#333333 transparent transparent transparent;
    content:"";
    float:left;
    margin-left:-12px;
    margin-top:10px;
    transform:rotate(90deg);
    -ms-transform:rotate(90deg);
    -webkit-transform:rotate(90deg);
    }
    
    #Search {
    display:none;
    background:#333333;
    
    width: 219px;
    height: 33px;
    float:left;
    margin-top:196px;
    margin-left:5px;
    -webkit-border-radius:3px;
    -moz-border-radius:3px;
    border-radius:3px;
    }
    
    .Searchs{
    width: 195px;
    height: 28px;
    float:left;
    margin-left:27px;
    border: none;
    background:none;
    font-family:Byekan;
    font-size:14px;
    color:#a3a3a3;
    }
    اون جاهایی رو که قرمز کردم با میل خودتون مشخص کنید(مکان قرار گیری)

    و آخر به
    کد:
    headinclude_bottom
    برید
    و آخرش اضافه کنید
    کد:
    <script>
     $(document).ready(function(){
    $('#SearchC').toggle(function() {
    
        $("#Search").fadeIn(300);
    
    
    }, function() {
        $("#Search").fadeOut(300);
    
    });
    });
    نکته:قبل از این آموزش باکس اصلی سرچ رو از navbar پاک کنید

    5 نفر از اعضا پست Hose!N را پسندیده اند



  2. نوين وردپرس تبلیغات شما

اطلاعات موضوع

کاربرانی که در حال مشاهده این موضوع هستند

در حال حاضر 1 کاربر در حال مشاهده این موضوع است. (0 کاربران و 1 مهمان ها)

کلمات کلیدی این موضوع

مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی مجوز های ارسال و ویرایش

  • شما نمیتوانید موضوع جدیدی ارسال کنید
  • شما امکان ارسال پاسخ را ندارید
  • شما نمیتوانید فایل پیوست کنید.
  • شما نمیتوانید پست های خود را ویرایش کنید
  •  
خرید بک لینک
مرجع تخصصی و رایگان ویبولتین در ایران | ویکی وی بی