test

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » test » гостевая » графоуни


графоуни

Сообщений 1 страница 8 из 8

1

сделать:
- фон
- заглушки для шаблонов
- баннеры
- аватар для гостя

0

2

https://forumupload.ru/uploads/001b/9b/e5/2/396151.jpg
https://forumupload.ru/uploads/001b/9b/e5/2/981839.jpg https://forumupload.ru/uploads/001b/9b/e5/2/920926.jpg https://forumupload.ru/uploads/001b/9b/e5/2/854083.jpg

0

3

https://forumupload.ru/uploads/001b/9b/e5/2/261060.jpg
https://forumupload.ru/uploads/001b/9b/e5/2/928714.jpg
https://forumupload.ru/uploads/001b/9b/e5/2/414454.jpg
https://forumupload.ru/uploads/001b/9b/e5/2/561022.jpg

0

4

#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);
}

0

5

<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>

0

6

Код:
/* ТАБЛИЦА */

/* ДОП: выпадающая навигация
-------------------------------------------------------------*/
#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);
}

0

7

/* ФОН */
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;}

0

8

/* A5.1 */
#pun {
  margin: auto;
  width: 1050px;
  float: center;
  padding: 0px 0px 0px 0px;}

0


Вы здесь » test » гостевая » графоуни


Рейтинг форумов | Создать форум бесплатно