Güzel Arama Yapma Butonu

[ForumGlobal]

Merahaba arkadaşlar hoşbir arama kutusu ile karşınızdayım ilk önce aşağıdaki kodları global.cssden en alta yerleştirin.

Kod: Tümünü Seç Tümünü Kopyala

div#search {
    top: 15px;
    right: 5px;
    height: 26px;
    position: absolute;
    display: inline-table;
    float: right;
}

span#search_left {
    background: url(http://imageshack.com/a/img691/7153/xy9.gif) no-repeat;
    cursor: text;
    width: 3px;
    height: 26px;
    display: block;
    position: relative;
    float: left;
    top: 0;
    font-size: 2px;
}

input#search_box {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: url(http://imageshack.com/a/img809/7910/1ebw.png) no-repeat scroll 5px 50% #FFFFFF;
    border-color: #705102 #705102 #705102 -moz-use-text-color;
    border-style: solid solid solid none;
    border-width: 1px 1px 1px 0pt;
    float: left;
    font-family: Tahoma,'Trebuchet MS',Arial,sans-serif;
    height: 14px;
    opacity: 0.8;
    padding: 5px 5px 5px 25px;
    top: 0pt;
    width: 120px;
}

input#search_button {
    background: url(http://imageshack.com/a/img194/5398/con9.gif) no-repeat scroll 100% 0% transparent;
    border: 0pt none;
    color: #FFFFFF;
    cursor: pointer;
    float: left;
    font-family: Tahoma,'Trebuchet MS',Arial,sans-serif;
    height: 26px;
    padding: 4px 6px;
    top: 0pt;
    width: 90px;
}

input#search_button:hover {
    background-position: 100% 100%;
}

Sonra şablonlardan Headera girin ve aşağıdaki kodları

Kod: Tümünü Seç Tümünü Kopyala

<div id="search">
            <form action="http://forumglobal.10tl.net/search.php" method="post"><span class="noborder"><label for="search_box"><span id="search_left"> </span></label><input name="keywords" id="search_box" title="Aramak istediğiniz kelimeyi giriniz." type="text" x-webkit-speech=”x-webkit-speech” onwebkitspeechchange=”this.form.submit(); value="Aranan Kelime..?" onfocus="if(this.value == 'Aranan Kelime..?') { this.value = ''; }" onblur="if(this.value=='') { this.value='Aranan Kelime..?'; }" /><input value="Ara/Bul" name="submit-search" id="search_button" type="submit" /><input type="hidden" name="action" value="do_search" /></span></form>
        </div>

Alttaki kodların altına yapıştıralım :

Kod: Tümünü Seç Tümünü Kopyala

<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" title="{$mybb->settings['bbname']}" /></a>
                </div>
            </div>

Bu kadar eğer demoyu görmek istiyorsnaız forumglobal.10tl.net e girerek sağ üste bakabilirsiniz.

[TrLyy]

Paylaşım İçin Teşekürler

[Saint]

Scrollbar'ı verirmisin ?

[ForumGlobal]

Furkan kardeşim biraz işim var yarım saate kalmaz özel mesaj ile yollayacağım :)

[Saint]

Benimde var ama benimki bozuk