Finsternis
1. В самом низу первого окна стиля прописываете классы этих ссылок, желательно сделать их несколько под названия разной ширины, иначе если надпись оказывается шире кнопки, кнопка растягивается по вертикали и получается очень некрасиво
mylinks1 {
display: inline-block;
border-top: 3px solid #31271e; /* цвет границы */
padding: 4px; /* отступ от краев */
width: 155px; /* ширина "кнопки" */
font-size: 11px; /* размер шрифта */
font-weight: bold; /* стиль шрифта, здесь жирный */
color: #31271e; /* цвет шрифта */
background: #ded5c4; /* цвет фона */
margin-left: 0px auto; /* отступ слева */
box-shadow: inset 0px 0px 15px 0px #31271e; /* параметры внутренней тени*/
}
2. В самом форуме, куда надо вставить эти кнопки, пишете:
<br>
<center>
<a class="mylinks1" href="прямая ссылка на тему или подфорум1" title="">То, что должно быть написано на кнопке1</a>
<a class="mylinks1" href="прямая ссылка на тему или подфорум2" title="">То, что должно быть написано на кнопке2</a>
<a class="mylinks1" href="прямая ссылка на тему или подфорум3" title="">То, что должно быть написано на кнопке3</a>
</center>
Как вы видели, у меня кнопки разной ширины, описаны разные классы, соотв. в самих форумах указан тот класс, который нужен для этого конкретного форума. Почему не сделала один класс с автошириной: тогда в одном ряду могут оказаться кнопки разной ширины (они растянутся под надпись), а мне так не нравится. ) Если же вас устроит такое, то ставите width: auto и пользуетесь одним классом.
Отредактировано Mirra Bell (Ср, 4 Окт 2017 09:14:51)