skaditest

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

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


Вы здесь » skaditest » Тестовый форум » проверка сообщений


проверка сообщений

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

1

[indent] на собственную окровавленную ладонь внимания и не обращает даже, вытирает о кусок простыни, оставляя после себя размазанные следы и не пытается заживить порез, какая в конце, концов разница? порез от осколка удачно ложится поперек белесых шрамов, что украшают его ладонь. проклятое перо, излюбленный способ воспитания матушки вальбурги. сириус щурится, пытаясь понять остаются ли видны буквы, но когда пальцы распрямляет из свежей раны вытекает новая порция крови и смывает слова его старого дома. toujours pur, почти символично, что они скрываются за кровью самого ненужного отпрыска.

[indent] римус к нему тянется, у него голова должно быть пеленой зелий еще укрыта, потому что сириус знает, люпин никогда иначе бы не потянулся к нему, не дотронулся бы до его ладони, сжимая слабыми пальцами. сириус ладонь в кулак укрывает, словно пытается прикосновение римуса на коже сохранить. ему эти месяцы, что лунатик на треклятой миссии был тяжело дались, чего стоит хотя бы громогласное увольнение из хит-визардов, эффектное и драматичное, как и все что делает сириус. он хотел было, наверное, добиваться правды благородными способами, но бюрократическая волокита удавкой затягивается на чересчур строптивой шеей и даже начальство говорит только, что все понимает, конечно, но очередного дисциплинарного наказания не избежать. сириуса показательно ставят в угол, отстраняют на пару дней от работы, чтобы следовать букве закона, мол смотрите, мы его наказали и пожурили, пригрозили сурово пальцем. его возвращают всегда на работу через минимальный срок, потому что сириус костьми ложится ради заданий, потому что у сириуса чувство страха отключается, когда он оказывается в полях, потому что сириус не чувствует ценности собственной шкуры. какая ирония, за это же ругает извечно люпина, но себя не умеет считать достойным, скрывая это умелой фальшью из шуток и дьяволских ухмылок. в эту войну выживать должны такие как лили и джеймс, нашедшие друг друга светлые люди, полные любви и доброты. такие как питер, который смог вырваться из капкана, что ему устроила жизнь. такие как римус, которые человечнее любого другого волшебника и обществу просто нужно достать, наконец, голову из задницы и осознать, что это они не достойны римуса люпина, а не наоборот. но сириус смотрит на лунатика на наспех трансфигурированной больничной койке, изломанного и заново собранного, как небрежно оставленную ребенком игрушку, и в глазах его кроме усталости видит такую привычную ненависть к себе. такую до боли знакомую. [float=right]https://64.media.tumblr.com/8d0bdd65d62a16d26897cd3b51d0bac5/e67004bd94d54cd7-2b/s100x200/fa0efbe5e23feb69cac9561d7323afb81fa62897.gifv[/float]

[indent] — еще раз такое провернешь и у поттеров появится новый классный ковер в гостиную. из волчьей шкуры, понял? — сириус не добавляет, что там же рядом будет и черная собачья шкура лежать. сириус не находит пока что слов открытиям, что успел сделать за время своих ночных дежурств у больничной койки лунатика. ему чертовски тяжело без римуса была, не знать где он и как он, но осознание, что беспокойство это отличается от постоянной тревоги за сохатого и хвоста и за лили, пришло неожиданно легко. принять его оказалось еще легче. сириус не дает названий этому даже про себя, потому что так ведь не должно быть? такие как он ведь не умеют любить? вальбурга все усилия приложила, чтобы из него это знание с корнями выкорчевать и пустить по ветру. вальбурга сделала все, чтобы сириус разучился верить. но бродяга вспоминает улыбки лили, когда она с ним делиться музыкальными пластинками, плетет для них всех браслеты дружбы и когда ее родственники отказываются приехать на свадьбу, просит сириуса довести ее до алтаря и передать в руки лучшего друга. сириус половину слов проглатывает, не соглашается сразу, потому что лили магглорожденная и может не знать значимости события, может не понимать, что по сути просит сириуса принять ее в свою семью, стать названной сестрой и скрепить их дружбу магией. лили пожимает плечами и улыбается так, что из-за облаков снова выходит солнце, она все это обсудила уже с поттером, она все знает, они приняли это решение вместе.

[float=left]https://64.media.tumblr.com/8d0bdd65d62a16d26897cd3b51d0bac5/e67004bd94d54cd7-2b/s100x200/fa0efbe5e23feb69cac9561d7323afb81fa62897.gifv[/float] [indent] сириус вперед подается, словно кто-то за нити дергает, словно не отдает уже отчета в собственных действиях, кто-то другой принимает бразды правления и сириусу плевать. он не пытается сделать вид, что хотел только лишь поправить подушку или взять очередное зелье с прикроватного столика. он от зеленых глаз римуса оторваться не может и готов поклясться, что видит в них всполохи янтаря (подарки лунатика), застывает на полсекунды, ответы на незаданные вопросы пытаясь найти и друга целует. снова.

[indent] здесь и сейчас все другое, не как в тот, далекий первый раз, о котором они заставили себя забыть. нет ни состояния полудремы, ни тяжести в руках и ногах от выпитого алкоголя, ни сырости и холода школьных коридоров. но римус на вкус все равно отдает шоколадом и огневиски, обжигает губы и оставляет на них приторную сладость, такую до боли знакомую, такую желанную. сириус ладонью зарывается в волосы люпина, к себе ближе притягивая, прикусывает слегка зажившую едва губу и по месту укусу сразу же языком проводит, будто бы извиняясь за причиненную боль.

[indent] — домой, да, — сириус себя заставляет дыхание в норму привести, не показывать дрожащих от напряжения пальцев. сириус делает вид, что случившееся абсолютно нормально, почти обыденно. он римусу протягивает две бутыли с бодрящей настойкой и заставляет выпить, — тебе понадобится, лунатик, — они аппарируют прочь.

0

2

skadi написал(а):

на собственную окровавленную ладонь внимания и не обращает даже, вытирает о кусок простыни, оставляя после себя размазанные следы и не пытается заживить порез, какая в конце, концов разница? порез от осколка удачно ложится поперек белесых шрамов, что украшают его ладонь. проклятое перо, излюбленный способ воспитания матушки вальбурги. сириус щурится, пытаясь понять остаются ли видны буквы, но когда пальцы распрямляет из свежей раны вытекает новая порция крови и смывает слова его старого дома. toujours pur, почти символично, что они скрываются за кровью самого ненужного отпрыска.

на собственную окровавленную ладонь внимания и не обращает даже, вытирает о кусок простыни, оставляя после себя размазанные следы и не пытается заживить порез, какая в конце, концов разница? порез от осколка удачно ложится поперек белесых шрамов, что украшают его ладонь. проклятое перо, излюбленный способ воспитания матушки вальбурги. сириус щурится, пытаясь понять остаются ли видны буквы, но когда пальцы распрямляет из свежей раны вытекает новая порция крови и смывает слова его старого дома. toujours pur, почти символично, что они скрываются за кровью самого ненужного отпрыска.

Код:
[align=center][url=http://evilams.rusff.me/][img]https://forumstatic.ru/files/001b/bb/0c/50933.gif[/img][/url][/align]

0

3

старое

- в начале было слово
- гостевая путь твой, и уповай на него
: гостевая
: от сюжета
: нужные/хочу видеть
- организация  ...знание надмевает
: связь с амс
: банк
: новости

- ищите, и найдете
- личные темы ..один для всех вход в жизнь
: выяснение отношений
: шаблон анкеты
- начало игры нет цены, и нет меры доброте
: шаблон эпизода

- не всегда будет мрак
- флуд какое общение у волка с ягненком?
: флуд
: музыка
: мысли
: бутылочка
- конкурсы испытание вашей веры
: лотерея

- невидимое вечно
- реклама
- архив

0

4

скрыть

[html]

<div class="f_timeline-wrap">
    <h4 class="f_timeline-year">
      <div class="f_timeline-mark"></div>
      1500 год
    </h4>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <h4 class="f_timeline-year">
      <div class="f_timeline-mark"></div>
      1660 год
    </h4>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <h4 class="f_timeline-year">
      <div class="f_timeline-mark"></div>
     1877 год
    </h4>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <h4 class="f_timeline-year">
      <div class="f_timeline-mark"></div>
      1990 год
    </h4>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <h4 class="f_timeline-year">
      <div class="f_timeline-mark"></div>
      1992 год
    </h4>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <h4 class="f_timeline-year">
      <div class="f_timeline-mark"></div>
      2000 год
    </h4>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <h4 class="f_timeline-year">
      <div class="f_timeline-mark"></div>
      2023 год
    </h4>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <div class="f_timeline-item closed">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <div class="f_timeline-item">
      <div class="f_timeline-mark"></div>
      <a href="ссылка_на эпизод">Кто придумал каблуки</a>
      <p>Первые «стилеты» с острым носом и каблучком пошиты в Италии в начале 50-хх годов прошлого столетия. По прошествии нескольких лет подобная обувь прочно обосновалась в коллекциях именитых дизайнеров того времени. В 1953 Роже Вивьер пошил необычайные туфельки на каблучке с драгоценными камнями. Они должны были украшать ноги английской принцессы на коронации. Модель вызвала настоящий «бум» и прочно укрепила позиции «шпильки». </p>
    </div>
    <div class="f_timeline-item closed">
    <div class="f_timeline-mark"></div>
      <a href="http://dragonageone.mybb.ru/viewtopic.php?id=1128">The Shepherd’s lost and his home is far</a>
      <p>Известия из Тевинтера приходят не самые радостные. Дориан обеспокоен. Фенрис обеспокоен еще сильнее, потому что его сердце где-то там, в Империи, пока он в Антиве. Но, естественно, просто взять и уйти молча как вариант не рассматривается — это уже дезертирством попахивает.</p>
    </div>[/html]

0

5

плюсик спойлера

Код:
.post-content .spoiler-box > div:after {    
content: '+';
    font-size: 17px;
    float: right;
    margin: 19px -20px 0 0px;
    transition: all .8s;
opacity: 0.6;}

.post-content .spoiler-box > div.visible:after {  transform: rotate(45deg);}

0

6

30 макс верх
45 низ макс

0

7

Код:
/* плеер в шапку
-------------------------------------------------------------*/
#app-cover {
position: absolute;
    display: block;
    margin: 0;
    z-index: 999;
    /* border: 1px solid black; */
    /* background: #1a1b1d; */
    padding: 0px 4px 15px 4px;
    border-radius: 0px;
    top: -6px;
    left: 730px;
    width: 300px;
    height: 22px;
}

#player {
position: relative;
  height: 100%; 
    z-index: 3;
    display: inline-flex;
    padding: 0px;
    justify-content: space-between;
}

#player-track {
    /* position: absolute; */
    top: 0px;
    right: 0px;
    left: 0px;
    padding: 0px;
    /* background-color: #edf; */
    transition: 0.3s ease top;
    z-index: 1;
    width: 200px;
}

#track-time {
  height: 15px;
  margin-bottom: 3px;
  overflow: hidden;
}

#current-time {
  float: left;
}

#track-length {
  float: right;
}

#current-time,
#track-length {
  color: transparent;
  font-size: 11px;
  background-color: transparent;
  border-radius: 10px;
  transition: 0.3s ease all;
}

#track-time.active #track-length {
  color: var(--punmain);
  background-color: transparent;
}

#track-time.active #current-time {
  color: transparent;
}

#s-area,
#seek-bar {
  position: relative;
  height: 4px;
  border-radius: 4px;
}

#s-area {
  background-color: #c2cdd4;
  cursor: pointer;
}

#ins-time {
  position: absolute;
  top: -29px;
  color: #fff;
  font-size: 12px;
  white-space: pre;
  padding: 5px 6px;
  border-radius: 4px;
  display: none;
}

#s-hover {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  opacity: 0.2;
  z-index: 2;
}

#ins-time,
#s-hover {
  background-color: var(--decor);
}

#seek-bar {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  width: 0;
  background-color: var(--decor);
  transition: 0.2s ease width;
  z-index: 1;
}

.namename {
display: flex;
    /* width: 250px; */
    /* height: 40px; */
    gap: 6px;
    position: absolute;
    color: var(--punmain);
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: flex-start;
    text-transform: uppercase;
    font-size: 9px;
    font-family: var(--ftmain);
    font-weight: bold;
}

#player-content {
position: relative;
    height: 75%;
    /* background-color: #fff; */
    z-index: 2;
    /* border: #404040 1px solid; */
    width: 90px;
}

#player-controls {
height: 100%;
    margin: 11px 25px 0 288px;
    float: right;
    overflow: hidden;
    gap: 5px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    align-items: center;
}

.control {
    width: auto;
    float: left;
  padding: 12px 0;
}

.buttonp {
    /* width: 10px; */
    /* height: 10px; */
    padding: 3px;
    border-radius: 0px;
    cursor: pointer;
    display: flex;
    justify-content: center;
    flex-direction: row;
}

.buttonp i {
display: block;
    font-size: 10px;
    text-align: center;
    line-height: 1;
    color: var(--punmain);
    font-family: 'Font Awesome 5 Pro';
    font-weight: 900;
}

.buttonp,
.buttonp i {
  transition: 0.2s ease all;
}

.buttonp:hover {
  background-color: #d6d6de;
}

.buttonp:hover i {
  color: #fff;
}

.backward:before {
    content: "\f04a";
}
.play:before {
    content: "\f04b";

}
.pause:before {
    content: "\f04c";
}
.forward:before {
    content: "\f04e";
}

/* конец
-------------------------------------------------------------*/


Код:
<!--плеер--> 
<div id="app-cover">
  <div id="player">
    <div id="player-track">
<div class="namename">
      <div id="album-name"></div>
      <div id="track-name"></div>
</div>
      <div id="track-time">
        <div id="current-time"></div>
        <div id="track-length"></div>
      </div>
      <div id="s-area">
        <div id="ins-time"></div>
        <div id="s-hover"></div>
        <div id="seek-bar"></div>
      </div>
    </div>
    <div id="player-content">
      <div id="player-controls">
        <div class="control">
          <div class="buttonp" id="play-previous">
            <i class="backward"></i>
          </div>
        </div>
        <div class="control">
          <div class="buttonp" id="play-pause-button">
            <i class="play"></i>
          </div>
        </div>
        <div class="control">
          <div class="buttonp" id="play-next">
            <i class="forward"></i>
          </div>
        </div>
      </div>
    </div>
  </div>
</div>

<!--плеер скрипт--> 
<script>
$(function () {
  var playerTrack = $("#player-track"),
   bgArtwork = $("#bg-artwork"),
    bgArtworkUrl,
    albumName = $("#album-name"),
    trackName = $("#track-name"),
    albumArt = $("#album-art"),
    sArea = $("#s-area"),
    seekBar = $("#seek-bar"),
    trackTime = $("#track-time"),
    insTime = $("#ins-time"),
    sHover = $("#s-hover"),
    playPauseButton = $("#play-pause-button"),
    i = playPauseButton.find("i"),
    tProgress = $("#current-time"),
    tTime = $("#track-length"),
    seekT,
    seekLoc,
    seekBarPos,
    cM,
    ctMinutes,
    ctSeconds,
    curMinutes,
    curSeconds,
    durMinutes,
    durSeconds,
    playProgress,
    bTime,
    nTime = 0,
    buffInterval = null,
    tFlag = false,
    albums = [
      "Ruelle",
      "Me & You",
      "Electro Boy",
      "Home",
      "Proxy (Original Mix)"
    ],
    trackNames = [
      "- deep end ",
      "- Alex Skrindo",
      "- Kaaze",
      "- Jordan Schor",
      "- Martin Garrix"
    ],
    albumArtworks = ["_1", "_2", "_3", "_4", "_5"],
    trackUrl = [
      "https://forumstatic.ru/files/001b/bf/03/83803.mp3",
      "https://raw.githubusercontent.com/himalayasingh/music-player-1/master/music/1.mp3",
      "https://raw.githubusercontent.com/himalayasingh/music-player-1/master/music/3.mp3",
      "https://raw.githubusercontent.com/himalayasingh/music-player-1/master/music/4.mp3",
      "https://raw.githubusercontent.com/himalayasingh/music-player-1/master/music/5.mp3"
    ],
    playPreviousTrackButton = $("#play-previous"),
    playNextTrackButton = $("#play-next"),
    currIndex = -1;

  function playPause() {
    setTimeout(function () {
      if (audio.paused) {
        playerTrack.addClass("active");
        albumArt.addClass("active");
        checkBuffering();
        i.attr("class", "fas fa-pause");
        audio.play();
      } else {
        playerTrack.removeClass("active");
        albumArt.removeClass("active");
        clearInterval(buffInterval);
        albumArt.removeClass("buffering");
        i.attr("class", "fas fa-play");
        audio.pause();
      }
    }, 300);
  }

  function showHover(event) {
    seekBarPos = sArea.offset();
    seekT = event.clientX - seekBarPos.left;
    seekLoc = audio.duration * (seekT / sArea.outerWidth());

    sHover.width(seekT);

    cM = seekLoc / 60;

    ctMinutes = Math.floor(cM);
    ctSeconds = Math.floor(seekLoc - ctMinutes * 60);

    if (ctMinutes < 0 || ctSeconds < 0) return;

    if (ctMinutes < 0 || ctSeconds < 0) return;

    if (ctMinutes < 10) ctMinutes = "0" + ctMinutes;
    if (ctSeconds < 10) ctSeconds = "0" + ctSeconds;

    if (isNaN(ctMinutes) || isNaN(ctSeconds)) insTime.text("--:--");
    else insTime.text(ctMinutes + ":" + ctSeconds);

    insTime.css({ left: seekT, "margin-left": "-21px" }).fadeIn(0);
  }

  function hideHover() {
    sHover.width(0);
    insTime.text("00:00").css({ left: "0px", "margin-left": "0px" }).fadeOut(0);
  }

  function playFromClickedPos() {
    audio.currentTime = seekLoc;
    seekBar.width(seekT);
    hideHover();
  }

  function updateCurrTime() {
    nTime = new Date();
    nTime = nTime.getTime();

    if (!tFlag) {
      tFlag = true;
      trackTime.addClass("active");
    }

    curMinutes = Math.floor(audio.currentTime / 60);
    curSeconds = Math.floor(audio.currentTime - curMinutes * 60);

    durMinutes = Math.floor(audio.duration / 60);
    durSeconds = Math.floor(audio.duration - durMinutes * 60);

    playProgress = (audio.currentTime / audio.duration) * 100;

    if (curMinutes < 10) curMinutes = "0" + curMinutes;
    if (curSeconds < 10) curSeconds = "0" + curSeconds;

    if (durMinutes < 10) durMinutes = "0" + durMinutes;
    if (durSeconds < 10) durSeconds = "0" + durSeconds;

    if (isNaN(curMinutes) || isNaN(curSeconds)) tProgress.text("00:00");
    else tProgress.text(curMinutes + ":" + curSeconds);

    if (isNaN(durMinutes) || isNaN(durSeconds)) tTime.text("00:00");
    else tTime.text(durMinutes + ":" + durSeconds);

    if (
      isNaN(curMinutes) ||
      isNaN(curSeconds) ||
      isNaN(durMinutes) ||
      isNaN(durSeconds)
    )
      trackTime.removeClass("active");
    else trackTime.addClass("active");

    seekBar.width(playProgress + "%");

    if (playProgress == 100) {
      i.attr("class", "fa fa-play");
      seekBar.width(0);
      tProgress.text("00:00");
      albumArt.removeClass("buffering").removeClass("active");
      clearInterval(buffInterval);
    }
  }

  function checkBuffering() {
    clearInterval(buffInterval);
    buffInterval = setInterval(function () {
      if (nTime == 0 || bTime - nTime > 1000) albumArt.addClass("buffering");
      else albumArt.removeClass("buffering");

      bTime = new Date();
      bTime = bTime.getTime();
    }, 100);
  }

  function selectTrack(flag) {
    if (flag == 0 || flag == 1) ++currIndex;
    else --currIndex;

    if (currIndex > -1 && currIndex < albumArtworks.length) {
      if (flag == 0) i.attr("class", "fa fa-play");
      else {
        albumArt.removeClass("buffering");
        i.attr("class", "fa fa-pause");
      }

      seekBar.width(0);
      trackTime.removeClass("active");
      tProgress.text("00:00");
      tTime.text("00:00");

      currAlbum = albums[currIndex];
      currTrackName = trackNames[currIndex];
      currArtwork = albumArtworks[currIndex];

      audio.src = trackUrl[currIndex];

      nTime = 0;
      bTime = new Date();
      bTime = bTime.getTime();

      if (flag != 0) {
        audio.play();
        playerTrack.addClass("active");
        albumArt.addClass("active");

        clearInterval(buffInterval);
        checkBuffering();
      }

      albumName.text(currAlbum);
      trackName.text(currTrackName);
      albumArt.find("img.active").removeClass("active");
      $("#" + currArtwork).addClass("active");

      bgArtworkUrl = $("#" + currArtwork).attr("src");

      bgArtwork.css({ "background-image": "url(" + bgArtworkUrl + ")" });
    } else {
      if (flag == 0 || flag == 1) --currIndex;
      else ++currIndex;
    }
  }

  function initPlayer() {
    audio = new Audio();

    selectTrack(0);

    audio.loop = false;

    playPauseButton.on("click", playPause);

    sArea.mousemove(function (event) {
      showHover(event);
    });

    sArea.mouseout(hideHover);

    sArea.on("click", playFromClickedPos);

    $(audio).on("timeupdate", updateCurrTime);

    playPreviousTrackButton.on("click", function () {
      selectTrack(-1);
    });
    playNextTrackButton.on("click", function () {
      selectTrack(1);
    });
  }

  initPlayer();
});

</script>
<!--плеер конец-->

0

8

[html]
<style>.bg {
width: 896px;
    min-height: 200px;
    background: url(https://forumstatic.ru/files/001b/bf/03/51502.png) no-repeat top, url(https://forumstatic.ru/files/001b/bf/03/44596.png) no-repeat bottom, url(https://forumstatic.ru/files/001b/bf/03/15734.png);
    box-sizing: border-box;
    padding: 10px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
gap: 10px;
}

.c1, .c2 {
width: auto;
    height: 760px;
    display: inline-flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 10px;
font-family: alice;
    color: #bdb6b3;
}

.fcb {
width: 400px;
    height: 220px;
    display: inline-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: space-evenly;
    box-shadow: 0 0 0 1px #251822 inset, 0 0 0 2px #938d8b59 inset, 0 5px 10px 0 #1f141ccf inset, 0 -5px 10px 0 #1f141ccf inset;
    color: #bcb9b7;
    border-radius: 4px;
    background-color: #64394075;
    border: 1px solid #938e8a33;
}

.fchead {
    text-align: center!important;
    writing-mode: tb-rl;
    transform: rotate( 180deg);
    height: 100%;
    width: 36px;
    font-size: 22px;
    border-left: 1px solid #c1bab738;
    text-transform: uppercase;
}

.fct {
padding: 25px 5px 5px 5px!important;
margin-top: 15px!important;
    color: #c7c3c1;
    height: 150px;
    overflow: auto;
    width: 300px;
    font-size: 11px;
    line-height: 200%;
    text-transform: lowercase;
    transition: all .3s linear 0s;
}

.fct a {
color: #929758!important;
    text-shadow: 1px 0px 0px black;
    font-weight: bolder!important;
    font-size: 11.5px;
    text-transform: uppercase;
}

.fct a:hover {
opacity: 0.8;
color: #987a38!important;
}

.fct a:before {
    content: '•';
    color: #929758;
    padding: 6px;
    font-size: 20px;
     text-shadow: none!important;
}

</style>

<div class="bg">
<div class="c1">
<div class="fcb"><div class="fchead">a - b - c - d</div>
<div class="fct"><a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br></div></div>
<div class="fcb"><div class="fchead">e - f - g - h</div>
<div class="fct"><a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br></div></div>
<div class="fcb"><div class="fchead">i - j - k - l</div>
<div class="fct"><a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br></div></div>
<div class="c2">
<div class="fcb"><div class="fchead">m - n - o - p</div>
<div class="fct"><a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br></div></div>
<div class="fcb"><div class="fchead">q - r - s - t </div>
<div class="fct"><a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br></div></div>
<div class="fcb"><div class="fchead">u - v - w - x - y - z</div>
<div class="fct"><a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br>
<a href="ссылка">name surname</a> - name surname play<br></div></div></div></div>
[/html]

0

9

[html]
<style>.bgg {
    width: 896px;
    height: 540px;
    background: url(https://forumstatic.ru/files/001b/bf/03/51502.png) no-repeat top, url(https://forumstatic.ru/files/001b/bf/03/44596.png) no-repeat bottom, url(https://forumstatic.ru/files/001b/bf/03/15734.png);
    box-sizing: border-box;
    padding: 10px;
    margin: auto 25px!important;
}

.g0 {
padding: 12px 0px;
    margin: auto 40px;
}

.gtt {
     padding: 10px;
    margin: 5px 80px;
    width: 700px;
    height: 80px;
    text-align: justify;
    color: #bcb7ae;
    overflow-x: auto;
    box-shadow: 0 5px 10px 0 #1f141ccf inset, 0 -5px 10px 0 #1f141ccf inset;
    border-radius: 4px;
    background-color: #64394075;
    border: 1px solid #938e8a33;
}

.ggt {
padding: 12px 5px;
    width: 700px;
    margin: auto 90px;
    text-align: justify;
    overflow-x: auto;
    box-shadow: 0 5px 10px 0 #1f141ccf inset, 0 -5px 10px 0 #1f141ccf inset;
    color: #bcb7ae;
    border-radius: 2px;
    background-color: #64394075;
    border: 1px solid #938e8a33;
}

.g2 {
    display: inline-flex;
    flex-direction: row;
    gap: 4px;
}

.gblock {
    width: 276px;
    height: 210px;
    padding: 0px;
    margin: 15px 6px;
}

.ghead {
text-align: center!important;
    font-size: 15px;
    text-transform: uppercase;
    font-family: alice;
    color: #9b938f;
    margin-bottom: 5px;
}

.gtxt {
    padding: 20px 3px 0px 3px;
    height: 170px;
    box-shadow: 0 0 0 1px #251822 inset, 0 0 0 2px #938d8b59 inset, 0 5px 10px 0 #1f141ccf inset, 0 -5px 10px 0 #1f141ccf inset;
    color: #bcb7ae;
    border-radius: 4px;
    background-color: #64394075;
    border: 1px solid #938e8a33;
    overflow: auto;
}

.gtxt bt {
    text-transform: uppercase;
    font-family: alice;
    font-weight: bolder;
}

.gtxt dd {
    border-radius: 2px;
    background-color: #7a433ab8;
    padding: 2px;
    text-align: center;
    font-weight: bold;
    width: 100px;
    margin: 4px 60px 4px 70px;
}

.gtxt hr {
width: 60%;
    margin: 4px 50px 4px 50px;
    opacity: 0.5;
}

.gtxt a, .g1 a {
color: #929758!important;
text-shadow: 1px 0px 0px black;
font-weight: bolder!important;
font-size: 9px;
text-transform: uppercase;
}

.gtxt a:hover, .g1 a:hover {
opacity: 0.8;
color: #987a38!important;
}

.gtxt a:before, .g1 a:before {
content: '•';
color: #929758;
padding: 6px;
text-shadow: none!important;
}

.g1 {
    display: inline-flex;
    gap: 4px;
    flex-direction: row;
    flex-wrap: nowrap;
    align-content: center;
    justify-content: center;
    width: 800px;
    height: 15px;
    padding: 4px 0px 0px 0px;
    margin: 4px 40px;
}

</style>

<div class="bgg">
<div class="g0"><img src="https://forumupload.ru/uploads/001c/0d/aa/8/112633.gif"></div>
<! -- ВАЖНЫЕ ССЫЛКИ -->
<div class="g1"><a href="">сюжет</a> <a href="">сюжет</a> <a href="">сюжет</a> <a href="">сюжет</a></div>
<! -- ТЕКСТ ГОСТЕВАЯ -->
<div class="gtt">роль / внешность можно придержать на три дня и продлить до двух раз подряд.
гостям придерживаем на сутки, но можно впоследствии перебить роль на три дня.
выкупить внешность или роль можно в банке.
>роль / внешность можно придержать на три дня и продлить до двух раз подряд.
гостям придерживаем на сутки, но можно впоследствии перебить роль на три дня.
выкупить внешность или роль можно в банке.
>роль / внешность можно придержать на три дня и продлить до двух раз подряд.
гостям придерживаем на сутки, но можно впоследствии перебить роль на три дня.
выкупить внешность или роль можно в банке.
>роль / внешность можно придержать на три дня и продлить до двух раз подряд.
гостям придерживаем на сутки, но можно впоследствии перебить роль на три дня.
выкупить внешность или роль можно в банке.</div>

<div class="g2">
<! -- ВНЕШНОСТИ -->
<div class="gblock">
<div class="ghead">внешности</div>
<div class="gtxt"><bt><center>выкупленные</center></bt>
<hr>
<bt><center>придержанные</center></bt>
<dd>14.02</dd>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<dd>16.02</dd>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br></div>
</div>
<div class="gblock">
<! -- РОЛИ -->
<div class="ghead">роли</div>
<div class="gtxt"><bt><center>выкупленные</center></bt>
<hr>
<bt><center>придержанные</center></bt>
<dd>14.02</dd>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<dd>16.02</dd>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br></div>
</div>
<div class="gblock">
<! -- ПРОЧЕЕ. СПОСОБНОСТИ. ДОЛЖНОСТИ. -->
<div class="ghead">прочее</div>
<div class="gtxt"><bt><center>выкупленные</center></bt>
<hr>
<bt><center>придержанные</center></bt>
<dd>14.02</dd>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<dd>16.02</dd>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br>
<a href="ссылка">имя фамилия</a> - ник <br></div>
</div></div>
</div>

[/html]

0


Вы здесь » skaditest » Тестовый форум » проверка сообщений


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