Не нравятся результаты поиска? Попробуйте другой поиск!
dle-faq.ru FAQ (все вопросы) Стили (CSS) подскажыте пожалуйста наченаюшему

подскажыте пожалуйста наченаюшему


     08.06.2014    Стили (CSS)    1187

вопрос
как мне подключить кнопу css к {login} не как не получается

Ответил: golden_eagle_god


Судя по контексту вопроса, нужно стилизировать кнопку входа пользователя. Делается это очень просто.

Для начала открываем шаблон login.tpl, ищем там нашу кнопку (например в оригинальном дизайне выглядит так):
<button class="fbutton" onclick="submit();" type="submit" title="Войти"><span>Войти</span></button>


Присваиваем этой кнопке свой класс (по умолчанию fbutton). После этого в CSS шаблона пишем:
.имя класса{
    -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
    -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
    box-shadow:inset 0px 1px 0px 0px #ffffff;
    background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
    background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
    background-color:#ededed;
    -webkit-border-top-left-radius:6px;
    -moz-border-radius-topleft:6px;
    border-top-left-radius:6px;
    -webkit-border-top-right-radius:6px;
    -moz-border-radius-topright:6px;
    border-top-right-radius:6px;
    -webkit-border-bottom-right-radius:6px;
    -moz-border-radius-bottomright:6px;
    border-bottom-right-radius:6px;
    -webkit-border-bottom-left-radius:6px;
    -moz-border-radius-bottomleft:6px;
    border-bottom-left-radius:6px;
    text-indent:0;
    border:1px solid #dcdcdc;
    display:inline-block;
    color:#777777;
    font-family:arial;
    font-size:15px;
    font-weight:bold;
    font-style:normal;
    height:50px;
    line-height:50px;
    width:100px;
    text-decoration:none;
    text-align:center;
    text-shadow:1px 1px 0px #ffffff;
}

И у вас будет стилизированная кнопка. Удачи!

Комментарии пользователей (6)

vitnet
218

2173 | 930

vitnet - 9 июня 2014 00:09 - Эксперт


bpetruk007
1

10 | 2

bpetruk007 - 9 июня 2014 00:37 - Юзер

Можно поконкретнее? Где именно, для чего и т.д.

cucer96
12

cucer96 - 9 июня 2014 02:48 - Юзер


дела в том что мне надо вот эту кнопку добавить к {login} тоесть чтобы она была вместо текста панэль пользовотеля тоесть чтобы там небыло такой простой надпеси а вот такая красивая кнопка

Sokolov
92 | 9

Sokolov - 9 июня 2014 09:50 - Юзер

Сами стили туда вставляй в {login} через <style></style>

bpetruk007
1

10 | 2

bpetruk007 - 9 июня 2014 10:53 - Юзер

Насколько я понял Вы говорите о панели авторизации на сайте. То, что будет выводить на сайте тэг {login} можно настроить в файле шаблона login.tpl. Соответственно, как писали выше, настройте этот шаблон, вставьте туда кнопку и задайте ей стили.

Artyom91
2

157 | 21

Artyom91 - 9 июня 2014 11:04 - Юзер

Вы шутите? Автор не знает русского языка, куда ему знать язык программирования? Ему нужно разложить, добавить стили, написать инструкцию что и куда вставлять, мне лень :)

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы