link - bbcode в виде кнопки
Использование BBCode
Код: Выделить всё
[link={TEXT}]{URL}[/link]Замена HTML
Код: Выделить всё
<style>
a.link_bb {
position: relative;
display: inline-block;
font-size: 90%;
font-weight: 700;
color: rgb(209,209,217);
text-decoration: none;
text-shadow: 0 -1px 2px rgba(0,0,0,.2);
padding: .5em 1em;
outline: none;
border-radius: 3px;
background: linear-gradient(rgb(110,112,120), rgb(81,81,86)) rgb(110,112,120);
box-shadow:
0 1px rgba(255,255,255,.2) inset,
0 3px 5px rgba(0,1,6,.5),
0 0 1px 1px rgba(0,1,6,.2);
transition: .2s ease-in-out;
}
a.link_bb:hover:not(:active) {
background: linear-gradient(rgb(126,126,134), rgb(70,71,76)) rgb(126,126,134);
}
a.link_bb:active {
top: 1px;
background: linear-gradient(rgb(76,77,82), rgb(56,57,62)) rgb(76,77,82);
box-shadow:
0 0 1px rgba(0,0,0,.5) inset,
0 2px 3px rgba(0,0,0,.5) inset,
0 1px 1px rgba(255,255,255,.1);
}
</style>
<a class="link_bb" href="{URL}" title="{TEXT}">{TEXT}</a>Подсказка
Код: Выделить всё
ссылка в виде кнопки: [link=имя кнопки]ссылка[/link]выглядеть будет так:
перейти
