Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Все вопросы » Общие вопросы » Как установить кнопку на сайт?

Как установить кнопку на сайт?


     18.10.2014    button, class, css    Все вопросы » Общие вопросы    2540

вопрос
Здравствуйте, хочу установить сгенерированную кнопку на CSS3 и в итоге не хочет читать стили кнопки то есть кнопка просто как обычная ссылка без каких либо эффектов.

Вот код кнопки для примера:

Это в Html:
я вставлял это в main.tpl

<a href="#" class="button"/>Превью</a>


Это в CSS:
я вставлял это в style.css

.button{
text-decoration:none;
text-align:center;
padding:11px 32px;
border:solid 4px #004F72;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius: 4px;
font:18px Arial, Helvetica, sans-serif;
font-weight:bold;
color:#E5FFFF;
background-color:#3BA4C7;
background-image: -moz-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -webkit-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -o-linear-gradient(top, #3BA4C7 0%, #1982A5 100%);
background-image: -ms-linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1982A5', endColorstr='#1982A5',GradientType=0 );
background-image: linear-gradient(top, #3BA4C7 0% ,#1982A5 100%);  
-webkit-box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;
-moz-box-shadow: 0px 0px 2px #bababa,  inset 0px 0px 1px #ffffff;  
box-shadow:0px 0px 2px #bababa, inset 0px 0px 1px #ffffff;  
  
  /* http://itpride.net/css3buttons */
}



Жду вашей помощи!

Ответил: Decart


Возможно происходит конфликт с уже существующим классом .button, попробуйте в файле style.css заменить данный класс на .newbutton или любой другой.
Не забудьте изменить в main.tpl:
<a href="#" class="button"/>Превью</a>

на:
<a href="#" class="newbutton"/>Превью</a>

Также почистите кэш в браузере и в самой админке сайта.

3 комментария

SX2
Эксперт

SX2 - 18 октября 2014 09:11 -


Все работает! Кеш чистили?

Самая сложная часть работы – решиться приступить к ней.

Attyla
Юзер

Attyla - 18 октября 2014 10:05 -

Первый совет+Попробуйте задать другое имя класса например .testbutton вместо .button

Dimas777
Юзер

Dimas777 - 18 октября 2014 14:44 -

Все разобрался,всем спс.

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

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

наверх