Кот в сапогах
- Подпись автора
Если ты лишен возможности быть таким как все, то будь УНИКАЛЬНЫМ!
[html]
<style>
div {
text-align: left; /* Позиционирование кнопок: left, center, right */
}
a {
display: inline-block;
text-decoration: none !important;
padding: 11px; /* Отступ от текста до края кнопки */
margin: 0 1.5px !important; /* Отступ между кнопками */
color: #FFFFFF !important; /* цвет текста */
font-weight: 600; /* жирность шрифта; 400 по умолчанию */
border-radius: 7px; /* закругление кнопки */box-shadow: inset 1px 1px 2px rgba(255, 255, 255, 1), inset -1px -1px 2px rgba(0, 0, 0, 0.35), 1px 1px 2px rgba(0, 0, 0, 0.4); /* тень кнопки */
}
a:active { /* Нажатая кнопка */
box-shadow: inset -0.5px -0.5px 1px rgba(255, 255, 255, 1), inset 0.5px 0.5px 1px rgba(0, 0, 0, 0.35); /* тень кнопки */
}
.btn-1 { background:
-webkit-linear-gradient(90deg, hsla(223.02, 0%, 0%, 1) 0%, hsla(223.02, 0%, 0%, 0) 100%),
-webkit-linear-gradient(90deg, hsla(173.21, 0%, 40.82%, 1) 100%, hsla(173.21, 0%, 40.82%, 0) 100%);
background:
linear-gradient(0deg, hsla(223.02, 0%, 0%, 1) 0%, hsla(223.02, 0%, 0%, 0) 100%),
linear-gradient(0deg, hsla(173.21, 0%, 40.82%, 1) 100%, hsla(173.21, 0%, 40.82%, 0) 100%); } /* цвет кнопки */
.btn-2 { background:
-webkit-linear-gradient(90deg, hsla(223.02, 0%, 0%, 1) 0%, hsla(223.02, 0%, 0%, 0) 100%),
-webkit-linear-gradient(90deg, hsla(173.21, 0%, 40.82%, 1) 100%, hsla(173.21, 0%, 40.82%, 0) 100%);
background:
linear-gradient(0deg, hsla(223.02, 0%, 0%, 1) 0%, hsla(223.02, 0%, 0%, 0) 100%),
linear-gradient(0deg, hsla(173.21, 0%, 40.82%, 1) 100%, hsla(173.21, 0%, 40.82%, 0) 100%); } /* цвет кнопки */
.btn-3 { background:
-webkit-linear-gradient(90deg, hsla(223.02, 0%, 0%, 1) 0%, hsla(223.02, 0%, 0%, 0) 100%),
-webkit-linear-gradient(90deg, hsla(173.21, 0%, 40.82%, 1) 100%, hsla(173.21, 0%, 40.82%, 0) 100%);
background:
linear-gradient(0deg, hsla(223.02, 0%, 0%, 1) 0%, hsla(223.02, 0%, 0%, 0) 100%),
linear-gradient(0deg, hsla(173.21, 0%, 40.82%, 1) 100%, hsla(173.21, 0%, 40.82%, 0) 100%); } /* цвет кнопки */
</style>
<div><a href="https://farfaraway.rolfor.me/viewtopic.php?pid=202#p202" class="btn-1">Финансово-техническая тема персонажа</a>
<a href="https://farfaraway.rolfor.me/viewtopic.php?pid=14018#p14018 " class="btn-2">Анкета</a>
<a href="https://vk.com/lissalightsome" class="btn-3">Я в ВК</a></div>
[/html]Совсем не важен каков у меня лик, важно то, что его суть не меняется...
