Text Buttons

[-=XaKeP=-]

Вот хочу реализовать TextButtons для phpbb3, нужна ваша помощь.

Вобщем, если я все правильно понял, то в файле buttons.css я создаю классы для текстовых кнопок по типу:

Код: Выделить всё

.tbut { height: 24px; line-height: 20px; }

.tbut a:link, .tbut a:active, .tbut a:visited {
   font-size: 10px;
   color: #636363;
   text-decoration: none;
   padding: 3px;
   border-top: 1px solid #C2C2C2;
   border-left: 1px solid #C2C2C2;
   border-bottom: 1px solid #666666;
   border-right: 1px solid #666666;
   background-color: #E3E3E3;
}

.tbut a:hover {
   text-decoration: none;
   border-top: 1px solid #666666;
   border-left: 1px solid #666666;
   border-bottom: 1px solid #C2C2C2;
   border-right: 1px solid #C2C2C2;
}

а потом, например, в файле viewtopic_body.html строку

Код: Выделить всё

      <div class="<!-- IF S_IS_LOCKED -->locked-icon<!-- ELSE -->reply-icon<!-- ENDIF -->"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>


заменяю на такую

Код: Выделить всё

      <div class="tbut"><a href="{U_POST_REPLY_TOPIC}" title="<!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF -->"><span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></span><!-- IF S_IS_LOCKED -->{L_TOPIC_LOCKED_SHORT}<!-- ELSE -->{L_POST_REPLY}<!-- ENDIF --></a></div>

но это результата не дает. В теме отображается просто слово "Ответить" без применения стилей. Что я забыл сделать или сделал не так?

[nissin]

перезагрузить стили.

[Палыч]

перезагрузить стили.

Не забывая Обновить тему

[-=XaKeP=-]

Спасибо, работа пошла, как закончу, выложу список изменений и оформлю в виде мода.

[-=XaKeP=-]

Вобщем, вот что у меня получилось (во вложении).
Оформлять в виде мода?

[nissin]

Смотрится неплохо.
Думаю, что кому-то пригодится.

[-=XaKeP=-]

Есть минус. Слова "ЛС" "Правка" и "Цитата" я прописывал прямо в шаблонах, ибо моих знаний пхп недостаточно, чтобы завести для этого языковые переменные.

[nissin]

Правильней в языковых файлах, по образцу.

[-=XaKeP=-]

по образцу

А где этот образец? Можно поподробнее.

[nissin]

В исходных текстах

[-=XaKeP=-]

Я понимаю. Я ж говорю, я пхп почти не знаю, поэтому мне бы образец, что куда и после чего добавлять, чтоб я и в дальнейшем знал, так как думаю, это будет мой не последний мод для Олимпуса.

[Палыч]

Я ж говорю, я пхп почти не знаю,

а css у меня свиснули?

[-=XaKeP=-]

Палыч
Нет. Честное слово, сам подбирал.

[Палыч]

-=XaKeP=-
Проосто у меня даже имя класса такое же

Код: Выделить всё

.tbut a:link, .tbut a:active, .tbut a:visited {
   font-size: 10px;
   color: #006699;
   text-decoration: none;
   padding: 3px;
   border: 1px outset #006699;
   background-color: #ffffff;
}

.tbut a:hover {
   text-decoration: none;
   background-color: #EFEFEF;
   color: #DD6600;
   border: 1px inset #666666;
   }

[-=XaKeP=-]

Я это брал с phpbbguru.net
А вообще вот мои классы:

Код: Выделить всё

.tbut { height: 24px; line-height: 20px; }

.tbut a:link, .tbut a:active, .tbut a:visited {
   font-size: 10px;
   color: #066BCA;
   text-decoration: none;
   padding: 3px;
   border-top: 1px solid #066BCA;
   border-left: 1px solid #066BCA;
   border-bottom: 1px solid #066BCA;
   border-right: 1px solid #066BCA;
   background-color: white;
   height: 20px;
   font-weight: bold;
}

.tbut a:hover {
   text-decoration: none;
   border-top: 1px solid #4D98FF;
   border-left: 1px solid #4D98FF;
   border-bottom: 1px solid #4D98FF;
   border-right: 1px solid #4D98FF;
   height: 20px;
      font-weight: bold;
}
ul.tbut li{
list-style-type:none;
   padding-top: 10px;
   float: left;
   margin: 0 6px 3px 0;
   background-position: 0 100%;
}
.postbody ul.tbut {
   float: right;
   width: auto;
   padding: 0;
}