сделать:
- фон
- заглушки для шаблонов
- баннеры
- аватар для гостя
графоуни
Сообщений 1 страница 8 из 8
Поделиться12022-10-01 06:23:38
Поделиться42022-10-29 18:44:32
#navigblock {
width: 182px;
margin-left: 421px;
top: 39px;
z-index: 99999;
background: var(--black);
border: 1px solid var(--base-bg2);
position: absolute;
box-sizing: border-box;
}
.spirit-navigation.spirit-navigation_hover, .spirit-navigation2.spirit-navigation_hover{
opacity: .8
}
.spirit-navigation {
cursor: pointer;
transition: all .3s cubic-bezier(.64,.51,.55,1.16) 0s, transform .2s ease;
padding:5px 0px;
width: 182px;
text-align: center;
font-size: 12px;
text-transform: uppercase;
z-index: 9999;
color: var(--white);
border: 1px solid var(--base-bg2);
margin-top: 7px;
font-weight: 600;
box-sizing: border-box;
}
.sslka {
margin: 10px;
display: flex;
flex-wrap: wrap;
gap: 5px;
flex-direction: column
}
#pun .sslka a {
border: 1px solid;
border-image: linear-gradient(180deg, #5184ff, #a189ff, #f28cff, #ff8be2);
border-image-slice: 1;
transition: all 0.3s linear 0s;
display: block;
padding: 6px 25px;
text-transform: uppercase;
width: auto;
font-family: roboto;
font-size: 11px;
font-weight: 300;
color: var(--white);
text-align: center;
box-sizing: border-box;
}
#pun .sslka a:hover { background-color:var(--black) !important;
border: 1px solid var(--borders) !important;
color: var(--links);
}
Поделиться52022-10-29 18:49:26
<div class="spirit-navigation spirit-navigation_hover" id="navig-batton">навигация</div>
<div id="navigblock" style="display: block;"><div class="sslka">
<a href="http://repatriates.rusff.me/viewtopic.php?id=37#p3973"><small>информация о мире</small></a>
<a href="http://repatriates.rusff.me/viewtopic.php?id=36#p3972"><small>сюжет + хронология</small></a>
<a href="http://repatriates.rusff.me/viewtopic.php?id=34#p3967"><small>организации</small></a>
<a href="http://repatriates.rusff.me/viewtopic.php?id=46#p3997"><small>занятые внешности</small></a>
<a href="http://repatriates.rusff.me/viewtopic.php?id=11#p19"><small>биржа труда</small></a>
<a href="http://repatriates.rusff.me/viewtopic.php?id=38#p3989"><small>правила и фак</small></a>
<a href="http://repatriates.rusff.me/viewtopic.php?id=39#p3990"><small>нужные персонажи</small></a>
</div></div>
Поделиться62022-10-29 18:50:25
/* ТАБЛИЦА */ /* ДОП: выпадающая навигация -------------------------------------------------------------*/ #etyu{ float:left; margin-top: 374px; margin-left: 91px; width:100%; list-style:none; margin-bottom:10px; } #etyu li{ float:left; margin-right: 10px; position: relative; display:block; } /* БЛОК БЕЗ НАВЕДЕНИЯ */ #etyu li a{ display:block; padding: 5px 15px; /* отступ */ width:250px; color: #000; /* цвет текста */ background: #e0e0e0; /* цвет фона */ font-family: 'CyGrotesk'!important; text-decoration: none; /* подчеркивания */ text-transform: uppercase!important; letter-spacing: 0.7px; font-size:13px!important; border-bottom-left-radius: 20px; border-bottom-right-radius: 20px; border-top-left-radius: 20px; border-top-right-radius: 20px; border: 0px solid #e0e0e0; } /* БЛОК ПРИ НАВЕДЕНИИ */ #etyu li a:hover{ color:#000; background:#bf7592; background:rgba(191, 117, 146, 0.75); } #etyu ul{ list-style:none; position:absolute; left:-9999px; opacity:0; /* прозрачность */ -webkit-transition:0.25s linear opacity; } #etyu ul li{ padding-top:1px; float:none;} #etyu ul a{ white-space:nowrap; display:block; } #etyu li:hover ul{ left:0; opacity:1; } #etyu li:hover a{ background:#000; background:rgba(191, 117, 146, 0.75); } #etyu li:hover ul a{ text-decoration:none; -webkit-transition:-webkit-transform 0.075s linear;} #etyu li:hover ul li a:hover{ background:#333; background:rgba(51,51,51,0.75); -moz-transform:scale(1.05); -webkit-transform:scale(1.05); }
Поделиться72022-12-28 02:24:48
/* ФОН */
html, body { background:
url() no-repeat;
background-position: top center;
background-attachment: fixed;
background-color: #000;
}
/* ШАПКА */
#pun-title table {
background-image : url(https://forumstatic.ru/files/001b/9b/e5/51391.jpg);
background-repeat : no-repeat;
background-position: top center;
border: none;
width: 1050px;
height: 280px;
margin-left: -50px;}
Поделиться82022-12-28 02:28:54
/* A5.1 */
#pun {
margin: auto;
width: 1050px;
float: center;
padding: 0px 0px 0px 0px;}