Перейти к содержанию

3 вопроса(поиск, новый элемент)


johurt

Рекомендуемые сообщения

Доброго времени суток.

  • Как изменить цвет текста "Искать" в поиске?(в ipb_styles.css и ipb_search.css ничего не нашел)

    post-10851-0-93345900-1375545501.png

  • Как закрепить поиск(search) чтобы он не плавал?(при уменьшении масштаба элемент съезжает в сторону)


    margin: 30px 80px;
    }

    #main_search {
    font-size: 12px;
    color: #ffffff;
    border: 0;
    padding: 0;
    background: transparent;
    width: 130px;
    outline: 0;
    }

    #main_search.inactive {
    color: #bcbcbc;
    }

    #search_wrap {
    position: relative;
    background: #91c5cd;
    display: block;
    padding: 0 26px 0 4px;
    height: 32px;
    line-height: 25px;
    border: 1px solid #76abb5;
    -moz-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    min-width: 230px;
    }

    #adv_search {
    width: 16px;
    height: 16px;
    background: url({style_images_url}/advanced_search.png) no-repeat right 50%;
    text-indent: -3000em;
    display: inline-block;
    margin: 9px 0 4px 4px;
    }


    #search .submit_input {
    background: #91c5cd url({style_images_url}/search_icon.png) no-repeat 50%;
    text-indent: -3000em;
    padding: 0 5px; border: 0;
    border-left: 1px solid #76abb5;
    display: block;
    width: 32px;
    height: 32px;
    position: absolute;
    right: 0; top: 0; bottom: 0;
    -moz-border-radius: 0 4px 4px 0;
    border-radius: 0 4px 4px 0;
    }

    #search_options {
    font-size: 10px;
    height: 20px;
    line-height: 20px;
    margin: 6px 9px 3px 0;
    padding: 0 6px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    background: #eaeaea;
    display: inline-block;
    float: right;
    max-width: 80px;
    text-overflow:ellipsis;
    overflow: hidden;
    }

    #search_options_menucontent { min-width: 100px; white-space: nowrap; }
    #search_options_menucontent input { margin-right: 10px; }
    #search_options_menucontent li { border-bottom: 0; }
    #search_options_menucontent label { cursor: pointer; }
    #search {

  • Создал элемент, как сделать чтобы он не плавал?(при уменьшении масштаба элемент увеличивается по ширине)


    background: #515b64;
    height: 60px;
    margin: auto auto;
    margin-top: 20px;
    width: 88.6% !important;
    }
    #pilka_juosta {

post-10851-0-49778400-1375545484_thumb.p

post-10851-0-17855100-1375545494_thumb.p

Тема стандартная(IP.Board).

Изменено пользователем johurt
Ссылка на комментарий
Поделиться на другие сайты

Приподнимаю тему.

Ссылка на комментарий
Поделиться на другие сайты

По первому вопросу отвечу что тупо хтмл код между текстом вставляйте который цвет менчяет и будет вам другой цвет...

По остальным не знаю.

Изменено пользователем lg29
Ссылка на комментарий
Поделиться на другие сайты

По первому вопросу отвечу что тупо хтмл код между текстом вставляйте который цвет менчяет и будет вам другой цвет...

По остальным не знаю.

Проблема в том, что я не понимаю куда вставлять. Нажав CTRL + U в браузере не показывает этот текст. Все css и html файлы перерыл, так ничего и не нашел. Изменено пользователем johurt
Ссылка на комментарий
Поделиться на другие сайты

1)




Создал элемент, как сделать чтобы он не плавал?(при уменьшении масштаба элемент увеличивается по ширине)

Присвоить элементу фиксированную ширину.

Ссылка на комментарий
Поделиться на другие сайты

1)

 

 

Присвоить элементу фиксированную ширину.

Большое спасибо!

Поменял цвет поиска. Извиняюсь за повтор.

Сделал серый элемент как мне было нужно:

#pilka_juosta {
        margin: 0 auto;
        margin-top: 20px;
        width: 87% !important;
        min-width: 960px;
        height: 60px;
        background: #515b64;
        padding: 10px 10px;
        line-height: 120%;
}

Правильно ли я вставил код в globalTemlate?:

<head>
...
<script>
        if (window.opera) {
                (function() {
                        function removePlaceholder(e) {
                                var el = e.target;
                                if (!el.placeHolderRemoved) {
                                        el.placeHolderRemoved = true;
                                        el.value = "";
                                        el.removeAttribute("data-operaplaceholder");
                                }
                        }
                        window.addEventListener("DOMContentLoaded", function() {
                                var inputs = document.getElementsByTagName("input");
                                for (var i = 0; i < inputs.length; ++i) {
                                        var el = inputs;
                                        var ph = el.getAttribute("placeholder");
                                        if (ph && !el.hasAttribute("value")) {
                                                el.value = ph;
                                                el.removeAttribute("placeholder");
                                                el.setAttribute("data-operaplaceholder", "");
                                                el.addEventListener("click", removePlaceholder, false);
                                        }
                                }
                        }, false);
                })();
        }
</script>
...
</head>

Изменено пользователем johurt
Ссылка на комментарий
Поделиться на другие сайты

Присоединяйтесь к обсуждению

Вы можете написать сейчас и зарегистрироваться позже. Если у вас есть аккаунт, авторизуйтесь, чтобы опубликовать от имени своего аккаунта.
Примечание: Ваш пост будет проверен модератором, прежде чем станет видимым.

Гость
Ответить в этой теме...

×   Вставлено с форматированием.   Вставить как обычный текст

  Разрешено использовать не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отображать как обычную ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставлять изображения напрямую. Загружайте или вставляйте изображения по ссылке.

  • Последние посетители   0 пользователей онлайн

    • Ни одного зарегистрированного пользователя не просматривает данную страницу
×
×
  • Создать...