Добрый день, установил вот такой стиль http://www.stsoftware.biz/phpbb3/index. ... ca_vintage но не могу вывести кнопки ЛС и так далее в минипрофиле в темах, помогите пожалуйста в этом
Комментарии: 18

CabinetAdmin 24 сен 2014, 18:37 Сообщение

Почему-то мой фотошоп ни в какую не хочет отображать русскую раскладку этого шрифта, только инглиш... Даже в paint шрифт работает, в шопе ни в какую... :(
  • 0
Хочешь поблагодарить? Есть способы: заходи на форум, создавай темы, делись опытом и наработками, общайся!

silver073000Василий 24 сен 2014, 19:18 Сообщение

Может, всё-таки проще было бы через CSS3, подключив похожий шрифт от google? :) Я так планирую русифицировать кнопки :)
  • 0

southklad 24 сен 2014, 19:39 Сообщение

Ну как лучше я даже и не знаю, помогите по вашему усмотрению :drink:
  • 0
Изображение

silver073000Василий 26 сен 2014, 02:31 Сообщение

Игорь, подойдут такие кнопки?
Изображение
Это первоначальный вариант и хочу ещё их подогнать под своё оформление этого стиля. Если подойдут и есть желание подогнать под своё оформление, то вот процедура их установки.
Шрифт используется Comfortaa от google. В overall_header.html перед </head> добавь

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

<link href='http://fonts.googleapis.com/css?family=Comfortaa&subset=cyrillic-ext,latin' rel='stylesheet' type='text/css'>
Потом в конец темы стиля это

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

a.pager1:link, a.pager1:visited {
	font-family: Comfortaa;
	font-size: 1em;
	font-weight: bold;
	color: #5F594F;
	text-shadow: #CECBC6 0 0 1px;
	text-decoration: none;
	letter-spacing: 1px;
	display: inline-block;
	border:1px solid #AEA696;

	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
                   
	background: -moz-linear-gradient(top, rgba(228, 223, 215, 1) 0%, rgba(201, 195, 184, 1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(228, 223, 215, 1)), color-stop(100%,rgba(201, 195, 184, 1)));
	background: -webkit-linear-gradient(top, rgba(228, 223, 215, 1) 0%,rgba(201, 195, 184, 1) 100%);
	background: -o-linear-gradient(top, rgba(228, 223, 215, 1) 0%,rgba(201, 195, 184, 1) 100%);
	background: linear-gradient(top, rgba(228, 223, 215, 1) 0%,rgba(201, 195, 184, 1) 100%)
        }

a.pager1:hover {
	font-family: Comfortaa;
	color: #CE4040;
	text-shadow: red 0 0 1px;
	font-size: 1em;
	font-weight: bold;
	letter-spacing: 1px;
	display: inline-block;
	border:1px solid #AEA696;
           
	background: -moz-linear-gradient(top, rgba(118,0,249,1) 0%, rgba(65,0,142,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(118,0,249,1)), color-stop(100%,rgba(65,0,142,1)));
	background: -webkit-linear-gradient(top, rgba(118,0,249,1) 0%,rgba(65,0,142,1) 100%);
	background: -o-linear-gradient(top, rgba(118,0,249,1) 0%,rgba(65,0,142,1) 100%);
	background: linear-gradient(top, rgba(118,0,249,1) 0%,rgba(65,0,142,1) 100%);
	}
           
a.pager1:active  {
	line-height: 1px;
	padding-right: 1px;
	padding-left: 1px;
	border-style: none;
           
	background: -moz-linear-gradient(top, rgba(228,223,215,1) 0%, rgba(201,195,184,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(65,0,142,1)), color-stop(100%,rgba(118,0,249,1)));
	background: -webkit-linear-gradient(top, rgba(65,0,142,1) 0%,rgba(118,0,249,1) 100%);
	background: -o-linear-gradient(top, rgba(65,0,142,1) 0%,rgba(118,0,249,1) 100%);
	background: linear-gradient(top, rgba(65,0,142,1) 0%,rgba(118,0,249,1) 100%);
}
Ну а далее идёт присвоение класса кнопкам. Например, хочешь изменить кнопку цитаты. Во viewtopic_body.html находишь

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

                <!-- IF postrow.U_QUOTE --><li class="quote-icon"><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}"><span>{L_REPLY_WITH_QUOTE}</span></a></li><!-- ENDIF -->
и меняешь на

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

                <!-- IF postrow.U_QUOTE --><li><a href="{postrow.U_QUOTE}" title="{L_REPLY_WITH_QUOTE}" class="pager1">Цитата</a></li><!-- ENDIF -->
То есть, я убрал класс class="quote-icon", а то оно обрезало мою кнопку до размеров той, что была задумана в стиле :D Ну и ссылке a href="{postrow.U_QUOTE}" присвоил класс class="pager1"
Аналогично меняются кнопки для правки сообщения, для спасибо, если есть.
Ну а для больших кнопок типа Новая тема, Комментировать и т.д., создаётся новый класс и подгоняется оформление кнопки под стиль :) В моём примере попробуй поизменять цвета, размеры и т.д.. Может, лучше получится, чем у меня :)
Названия классов при желании тоже можно изменить на свои.
За основу взята тема Создание простых кнопок для тега <a> на CSS3
  • 0