XF 1.5 Кнопки разного вида.

[Maestro454]

Вопрос тупой может и тупее не куда.
Собственно интересно узнать о ручной прописке кнопок для каждой ссылки.
Искал везде,но ничего не нашел =(
Вы последний шанс.
Всё что я нашел на сайтах,это коды с этими кнопками но куда прописывать не знаю =(
Кнопка #1:
Часть HTML
<a href="#" class="button">Клик</a>
Часть CSS
body {
font-family: Helvetica, Arial, sans-serif;
background: #d6d6d6;
text-align: center;
padding: 50px 0px;
}

.button {
display: inline-block;
text-decoration: none;
color: #fff;
font-weight: bold;
background-color: #538fbe;
padding: 20px 70px;
font-size: 24px;
border: 1px solid #2d6898;
}
Кнопка #2
Часть HTML
<a class="button blue big" href="#">Download</a>
<a class="button blue medium" href="#">Submit</a>
<a class="button small blue rounded" href="#">Submit</a>
Часть CSS
.button{
font:15px Calibri, Arial, sans-serif;
/* A semi-transparent text shadow */
text-shadow:1px 1px 0 rgba(255,255,255,0.4);
/* Overriding the default underline styling of the links */
text-decoration:none !important;
white-space:nowrap;
display:inline-block;
vertical-align:baseline;
position:relative;
cursor:pointer;
padding:10px 20px;
background-repeat:no-repeat;
/* The following two rules are fallbacks, in case
the browser does not support multiple backgrounds. */
background-position:bottom left;
background-image:url('button_bg.png');
/* CSS3 background positioning property with multiple values. The background
images themselves are defined in the individual color classes */
background-position:bottom left, top right, 0 0, 0 0;
background-clip:border-box;
/* Applying a default border radius of 8px */
-moz-border-radius:8px;
-webkit-border-radius:8px;
border-radius:8px;
/* A 1px highlight inside of the button */
-moz-box-shadow:0 0 1px #fff inset;
-webkit-box-shadow:0 0 1px #fff inset;
box-shadow:0 0 1px #fff inset;
/* Animating the background positions with CSS3 */
/* Currently works only in Safari/Chrome */
-webkit-transition:background-position 1s;
-moz-transition:background-position 1s;
-o-transition:background-position 1s;
transition:background-position 1s;
}
.button:hover{
/* The first rule is a fallback, in case the browser
does not support multiple backgrounds
*/
background-position:top left;
background-position:top left, bottom right, 0 0, 0 0;
}

 

[Hope]

Часть HTML в нужный шаблон, а часть CSS в шаблон EXTRA.css

 

[Maestro454]

А в какой именно?

 

[Hope]

Я же говорю:

в нужный

 

[Maestro454]

Весь код кнопок находится в buttons.css. Вы с лёгкостью сможете его поместить в существующий сайт и использовать его, что существенно облегчает задачу.
Если этого шаблона в стиле моем нет,то что делать?

 

[Mirovinger]

Шаблон EXTRA.css, использовать.

 

[Maestro454]

А в нем что искать?Вернее какой раздел?

 

[Mirovinger]

А Вы вообще знакомы с XenForo, и устройством админки?
Шаблоны находятся здесь - /admin.php?templates/.
EXTRA.css, есть в любом стиле, это специализированный шаблон, для пользовательского CSS-кода.
Если стиль не стандартный, то там может уже присутствовать код, по дефолту и если автор грамотно всё делал, он пустой.

 

[Maestro454]

Знаком,просто я никогда не менял кнопки и их отображение.
А можно в самом шаблоне сделать поиск по фразам и там уже разобраться с кодом?)

 

[Mirovinger]

Можно просто прикрутить стилизацию к нужным кнопкам, ищите, пробуйте.