Гость
Статистика Форума
Последнии темы Популярные темы Лучшие пользователи Новые пользователи
» [22.02.2019] Потерянная судьба (0)
» [22.02.2019] Белый "Информер Комментарий" ri... (4)
» [20.02.2019] Скроллбар по "экрану" rip Барме... (0)
» [19.02.2019] Информер "Новые Комментарии" ri... (5)
» [19.02.2019] Достижения для вашего сайта! (2)
» [18.02.2019] Флудилка (20)
» [17.02.2019] Нужна помощь с аякс окном (2)
» [16.02.2019] Beautiflly Faction Commander (0)
» [13.02.2019] Lost earth project mod (0)
» [12.02.2019] Красиво анимированные социальные кнопки r... (0)
» Тайники и подсказки (82)
» FAQ прохождения по локациям DOPPELGANGER 7.63 Ti... (50)
» Русскоязычное руководство по моду Frackin' U... (38)
» Фоны для сталкерского сайта (33)
» [DMX] Народное творчество (24)
» Ui Icon Equipment (UIE) - Все иконки для игры Ст... (23)
» Capital-Rp Wikia Code (22)
» ГИД Прохождение остальных квестов ОП - 2 (21)
» CoC Вылеты и их решение (21)
» Флудилка (20)
» Xemordio (3231)
» Infe[R]nos (35)
» Бармен (17)
» StraNNik (13)
» NL-Vincenz (12)
» Waldemar (12)
» Duzeppa26 (5)
» Ghosteron (5)
» ZION (1)
» ekaterinayuakovec (1)
» [22.02.2019] maxvladbabkin
» [21.02.2019] blablabla_827
» [20.02.2019] михайлович
» [15.02.2019] aleck1962
» [15.02.2019] maks4678596557
» [14.02.2019] rustam-badrutdinov
» [11.02.2019] ekaterinayuakovec
» [09.02.2019] amora617delpachi
» [09.02.2019] wrafalskiy
» [02.02.2019] Waldemar

  • Страница 1 из 1
  • 1
Форум » Web-Раздел » Скрипты для uCoz » CSGO Killfeed CSS
CSGO Killfeed CSS
Xemordio Offline Дата: Вторник, 15.01.2019, 15:52 | Сообщение # 1
Администратор
Звание: Маршал [?]
Сообщений: 3231

HTML:

Код
<link href='https://fonts.googleapis.com/css?family=Rajdhani:600' rel='stylesheet' type='text/css'>
<div class="container">
  <div class="killFeed">
    <a href="" class="killer">Xemordio</a>
    <div class="weapon ak47"></div>
    <div class="headshot"></div>
    <div class="wallbang"></div>
    <a href="" class="killed">storM</a>
  </div>
</div>
<div class="container">
  <div class="killFeed">
    <a href="" class="killer">Xemordio</a>
    <div class="weapon ak47"></div>
    <div class="headshot true"></div>
    <div class="wallbang"></div>
    <a href="" class="killed">storM</a>
  </div>
</div>
<div class="container">
  <div class="killFeed">
    <a href="" class="killer">Xemordio</a>
    <div class="weapon usp"></div>
    <div class="headshot"></div>
    <div class="wallbang true"></div>
    <a href="" class="killed">storM</a>
  </div>
</div>
<div class="container">
  <div class="killFeed">
    <a href="" class="killer">Xemordio</a>
    <div class="weapon ak47"></div>
    <div class="headshot"></div>
    <div class="wallbang"></div>
    <a href="" class="killed">man3 joking its storM again</a>
  </div>
</div>
<div class="container">
  <div class="killFeed">
    <a href="" class="killer">Xemordio</a>
    <div class="weapon awp"></div>
    <div class="headshot true"></div>
    <div class="wallbang true"></div>
    <a href="" class="killed">Mrots</a>
  </div>
</div>

<!-- made by -->
<div class="madeBy">made by: tompud</div>

CSS:

Код
body {
  font-size: 20px;
  font-family: 'Rajdhani', sans-serif;
  background: #010A13;
}

.madeBy {
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: 0 auto;
  margin-bottom: 69px;
  text-align: center;
  color: #fff;
  font-family: Helvetica;
  font-size: 9px;
  letter-spacing: 2px;
}

/*//////////////////////////////////////////////////////*/

a {
  text-decoration: none;
}

.container {
  text-align: center;
}

.killFeed {
  margin-top: 15px;
  min-width: 100px;
  position: relative;
  display: inline-block;
  height: 40px;
  background: rgba(0,0,0,0.5);
  border: 2px #B50000 solid;
  border-radius: 6px;
  padding: 0 10px;
  transform: scale(1);
  transition: .1s;
}

.killFeed:hover {
  transform: scale(1.01);
  box-shadow: 0 0 10px rgba(111, 0, 0, 0.5);
}

.killer {
  color: #ECCE51;
  line-height: 40px;
  display: inline-block;
  margin-right: 10px;
  float: left;
}

.weapon {
  float: left;
}

.weapon.ak47 {
  margin-top: 8px;
  height: 25px;
  width: 80px;
  background: url(http://i.imgur.com/fZlAs4p.png) no-repeat;
  background-size: cover;
  float: left;
}

.weapon.usp {
  margin-top: 8px;
  height: 25px;
  width: 80px;
  background: url(http://i.imgur.com/dT1EGjU.png) no-repeat;
  background-size: cover;
  float: left;
}

.weapon.awp {
  margin-top: 8px;
  height: 25px;
  width: 80px;
  background: url("http://i.imgur.com/i5Euh7o.png") no-repeat;
  background-size: cover;
  float: left;
}

.headshot.true {
  margin: 8px 0px 0px 10px;
  height: 22px;
  width: 22px;
  background-image: url(https://www.steamid.co.uk/images/headshot.png);
  background-size: cover;
  float: left;
}

.wallbang {
  float: left;
}

.wallbang.true {
  margin: 8px 0px 0px 10px;
  height: 22px;
  width: 22px;
  background: url(http://i.imgur.com/FmmFb28.png);
  background-size: cover;
  float: left;
}

.headshot {
  float: left;
}

.killed {
  margin-left: 10px;
  color: #71A6FF;
  line-height: 40px;
  display: inline-block;
  float: left;
}


https://codepen.io/tompud/pen/RrQpqG
Дата регистрации: 22.07.2017
Форум » Web-Раздел » Скрипты для uCoz » CSGO Killfeed CSS
  • Страница 1 из 1
  • 1
Поиск:

20:06