ШАБЛОН ШАБЛОНА

Страница: 1

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

Поделиться12018-03-01 00:56:02

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML-->
<style>
  .fmountainbase { margin: 10px auto; width: 380px; height: 460px; overflow: hidden; border: 1px solid #ddd; padding: 10px; background: #fafafa; }
  .fmountaintop { overflow: hidden; width: 380px;  }
  .fmountaintop img { width: 380px; height: 200px; }  
  .fmountaingif { z-index: 8; overflow: hidden;height: 80px; width: 80px; padding: 10px; background: #f9f9f9; border: 1px solid #ddd; transform: rotate(45deg); position: relative; top: -65px; left: 21px; }
  .fmountaingif-2 img { width: 250px; height: 250px; transform: rotate(-45deg); position: relative; right: 20px;bottom: 50px; }
  .fmountain-overlay { width: 80px; height: 80px; border: 10px solid #f9f9f9; background: rgba(34,21,89,.2); z-index: 999; outline: 1px solid #ddd; position: relative; top: -260px; left: -10px;}
  .fmountain-title { font: 20px/40px 'Satisfy', cursive; text-align: right; padding-left: 120px; overflow: hidden;text-shadow: 1px 2px #111; padding-right: 15px; color: #aaa; background: #222f44; height: 40px; position: relative; top: -116px; border-top: 10px solid #222f44; border-top: 10px solid #f9f9f9; border-bottom: 10px solid #f9f9f9; }
  .fmtntab { float: left; }
  .fmtntab label { display: block; width: 75px; height: 20px; background: #222f44; border: 1px solid #ddd; margin: 0px; position: relative; left: 2px; top: 177px; z-index: 3; overflow: hidden; padding: 0px 5px; color: #f9f9f9; font: 11px/20px 'Economica', sans-serif; text-transform: uppercase; text-align: center; margin-right: 2px;}
  .fmtntab input[type=radio]:checked ~ label { background: #354359; z-index: 2; }
  .fmtntab input[type=radio] { display: none; }
  .fmtncontent { position: absolute; top: 0px; bottom: 0px; left: 0px; right: 0px; background: #fafafa; padding: 20px; border: 1px solid #ddd; width: 317px; height: 130px; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; opacity: 0; }
  .fmtntab input[type=radio]:checked ~ label ~ .fmtncontent { z-index: 1; transition: .5s ease-in-out; -moz-transition: .5s ease-in-out; -ms-transition: .5s ease-in-out; -o-transition: .5s ease-in-out; -webkit-transition: .5s ease-in-out; opacity: 1;}
  .fmtncontent img { width: 307px; height: 120px; border: 5px solid #f3f3f3; outline: 1px solid #ddd; }
  .fmountain-body-app { position: relative; top: -115px; margin: 0px auto; width: 359px; padding: 0px 5px 0px 0px; height: 193px; outline: 1px solid #ddd; border: 10px solid transparent; background: #f3f3f3; color: #444; font: 13px/15px 'Economica', sans-serif; text-align: justify; border-right: 5px solid transparent;  }
  .fmountain-text { width: 312px; height: 130px;  overflow: auto; font: 12px/13px 'Economica', sans-serif; color: #333; padding-right: 5px;  } 
  .fmountain-text h1 { font: 20px/20px 'Satisfy', cursive; margin-top: 10px; margin-bottom: 2px; text-align: right; padding-right: 20px; padding-left: 20px; color: #222f44; text-shadow: 1px 1px #ddd; border-bottom: 1px dashed #ddd;}
  .fmountain-text h2 { font:  14px/18px 'Economica', sans-serif; letter-spacing: 1px; text-transform: uppercase;padding: 0px 20px; display: inline-block; margin: 0px; margin-top: 7px; margin-bottom: 2px; }
  .fmountain-question { vertical-align: top; font: 14px/18px 'Economica', sans-serif; letter-spacing: 1px; text-transform: uppercase; padding: 0px 20px; width: 60px; display: inline-block; margin: 0px; }
  .fmountain-answer { font: 12px/18px 'Economica', sans-serif; text-transform: lowercase; padding: 0px 10px; width: 187px; text-align: right; display: inline-block;  }
  .fmountain-text::-webkit-scrollbar { width: 5px;  }
  .fmountain-text::-webkit-scrollbar-track { background: #ccc; border-radius: 5px; }
  .fmountain-text::-webkit-scrollbar-thumb { background: #222f44; border-radius: 5px; } 
</style>

<link href="https://fonts.googleapis.com/css?family=Economica|Satisfy" rel="stylesheet">

<div class="fmountainbase"><div class="fmountaintop"><img src="https://cdnw.nickpic.host/mLA7G1.jpg"></div>
  <div class="fmountaingif"><div class="fmountaingif-2"><img src="https://cdnw.nickpic.host/mLAf2Q.jpg"></div>
  <div class="fmountain-overlay"></div></div>
  <div class="fmountain-title">dominique appoline weasley</div>
  
  <div class="fmountain-body-app">
<div class="fmtntab"><input type="radio" id="fmtntab-1" name="fmtntab-group-1" checked>
<label for="fmtntab-1"> editorial </label>
<div class="fmtncontent">
<img src="http://placehold.it/300x120">
</div></div>

<div class="fmtntab"><input type="radio" id="fmtntab-2" name="fmtntab-group-1">
<label for="fmtntab-2"> portfolio </label><div class="fmtncontent"><div class="fmountain-text">

<h1>personal details</h1>
  <div class="fmountain-question">full name</div><div class="fmountain-answer">dominique appoline weasley</div>
  <div class="fmountain-question">nicknames</div><div class="fmountain-answer">dommy / dom / monique</div>
  <div class="fmountain-question">birthday</div><div class="fmountain-answer">## month, ####</div>
  <div class="fmountain-question">age</div><div class="fmountain-answer">## years young</div>
  <div class="fmountain-question">zodiac</div><div class="fmountain-answer">zodiac sign goes here</div>
  <div class="fmountain-question">hometown</div><div class="fmountain-answer">home town here</div>
  
  <h1>familial details</h1>

<div class="fmountain-question">parents</div><div class="fmountain-answer">name name name (##)<br /> name name name (##)</div>
<div class="fmountain-question">siblings</div><div class="fmountain-answer">name (##)<br />name(##)<br />name (##)</div>
<div class="fmountain-question">relationship</div><div class="fmountain-answer">single/married/etc.</div>
<div class="fmountain-question">partner</div><div class="fmountain-answer">name here</div>
<div class="fmountain-question">children</div><div class="fmountain-answer">children names here</div>

<h1>personality details</h1>

<div class="fmountain-question">strengths</div><div class="fmountain-answer">list out five</div>
<div class="fmountain-question">weaknesses</div><div class="fmountain-answer">list out five</div>
<div class="fmountain-question">likes</div><div class="fmountain-answer">list out</div>
<div class="fmountain-question">weaknesses</div><div class="fmountain-answer">list out</div>


</div></div></div>

<div class="fmtntab"><input type="radio" id="fmtntab-3" name="fmtntab-group-1">
<label for="fmtntab-3"> statement </label>
<div class="fmtncontent"><div class="fmountain-text">
<h1>freeform</h1>
here is a freeform area; feel free to use the headers to make it look pretty or do whatever you want.  this will -obviously - scroll as need be.

  
  
</div></div></div>


<div class="fmtntab"><input type="radio" id="fmtntab-4" name="fmtntab-group-1">
<label for="fmtntab-4"> resume </label><div class="fmtncontent"><div class="fmountain-text">

<h1>alias here</h1>
<div class="fmountain-question">timezone</div><div class="fmountain-answer">here</div>
<div class="fmountain-question">contact</div><div class="fmountain-answer">here</div>
<div class="fmountain-question">characters</div><div class="fmountain-answer">here</div>

  
</div></div></div></div></div>
<div class="fmountain-credz"><a href="http://shine.jcink.net/index.php?showuser=744">thanks evvie <3</a></div>

Поделиться22018-03-16 01:02:07

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML--><link href="https://fonts.googleapis.com/css?family=Muli:400,700|Montseratt:800" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Caveat|Covered+By+Your+Grace|Nothing+You+Could+Do|Permanent+Marker|Reenie+Beanie|Rock+Salt|Shadows+Into+Light" rel="stylesheet">

<style>
#gold-playlist{
  width: 450px;
  background: #111;
  position: relative;
  margin: 0px solid;
  overflow: hidden;
  padding-bottom: 105px;
  border-radius: 5px;
}

#gold-playlist .list{
  position: relative;
  top: 30px;
  margin-top: 15px;
  width: 370px;
  height: 90px;
  background: #1f1f1f;
  border-radius: 10px;
}

#gold-playlist .avatar{
  position: relative;
  top: 0px;
  left: -140px;
  width: 90px;
  height: 90px;
  border-radius: 100px;
  opacity: 0.9;
}
#gold-playlist img{
  width: 90px;
  opacity: 0.9;
}

#gold-playlist .title{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  top: -71px;
  left: 45px;
  width: 260px;
  height: 30px;
  color: #bbb;
  letter-spacing: 0px;
  line-height: 10px;
}
#gold-playlist .singer{
  font-family: 'Muli', cursive;
  font-size: 10px;
  font-weight: 400;
  position: relative;
  top: -86px;
  left: 45px;
  width: 260px;
  height: 10px;
  color: #777;
  letter-spacing: 0px;
  line-height: 10px;
}
#gold-playlist .bar{
  position: relative;
  top: -77px;
  left: 45px;
  width: 140px;
  height: 2px;
  background: #555;
  border-left: 80px solid #999;
}
#gold-playlist .bar2{
  position: relative;
  top: -77px;
  left: 45px;
  width: 140px;
  height: 2px;
  background: #555;
  border-left: 80px solid #555;
}
#gold-playlist .buttons{
  position: relative;
  top: -68px;
  left: 45px;
  width: 260px;
  height: 10px;
  line-height: 10px;
}

#gold-playlist .mini{
  position: relative;
  top: -121px;
  left: 160px;
  width: 260px;
  height: 0px;
  line-height: 10px;
}

#gold-playlist .header{
  position: relative;
  top: 0px;
  width: 450px;
  height: 240px;
  background: url(https://78.media.tumblr.com/7a53902b49c3c23c90702620b36948e0/tumblr_p499tezHDQ1x6122ro1_500.gif);
  background-size: 450px;
  overflow: hidden;
  border-bottom: 0.5px solid #333;
}
#gold-playlist .dark{
  position: absolute;
  top: 0px;
  width: 450px;
  height: 240px;
  background: #000;
  overflow: hidden;
  opacity: 0.3;
}

#gold-playlist .maintext{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 70px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 70px;
  left: 10px;
  width: 450px;
  height: 10px;
  color: #D4AC0D;
  letter-spacing:1px;
  line-height: 100px;
}

#gold-playlist .subtext{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 21px;
  font-weight: 800;
  text-transform: lowercase;
  position: absolute;
  top: 107px;
  left: 47px;
  width: 400px;
  height: 10px;
  color: #ccc;
  letter-spacing: 8px;
  line-height: 100px;
}
#gold-playlist .smoltext{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 25px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 21px;
  left: 31px;
  width: 400px;
  height: 10px;
  color: #ccc;
  letter-spacing: 1px;
  line-height: 100px;
}
#gold-playlist .dots{
  position: absolute;
  top: 195px;
  left: 33px;
  width: 400px;
  height: 10px;
}

#gold-playlist .cred a{
  text-decoration: none;
  position: relative;
  top: 60px;
  left: 10px;
  width: 450px;
  height: 10px;
  color: #444;
  font-family: 'Muli', sans-serif;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 10px;
  background: #111;
  padding: 8px;
}

#gold-playlist .line{
  position: relative;
  top: 75px;
  left: 0px;
  width: 370px;
  height: 10px;
  border-top: 0.5px solid #333;
  background: #111;
  line-height: 10px;
}

</style>

<center>
<div id="gold-playlist">

    <div class="header"></div>
    
    <div class="dark"> 
      <div class="smoltext">CULLEN RUTHERFORD</div>
      <div class="maintext">top</div>
      <div class="subtext">playlist</div>
    </div>
    
    <div class="list">
        <div class="avatar">
        <img src="https://i.pinimg.com/564x/65/fe/98/65fe986d3b359e65de2bb13600c088ba.jpg">
        </div>
        
        <div class="title">Human<br /></div>
        <div class="singer">Rag'n'Bone Man</div>
        <div class="mini">
          <i class="fa fa-heart" style="font-size:8px;color:#D4AC0D;margin-right:5px;"></i>
          <i class="fa fa-random" style="font-size:8px;color:#555;"></i>
        </div>
        <div class="bar2"></div>
        <div class="buttons">
          <i class="fa fa-backward" style="font-size:11px;color:#555;margin-right:17px;"></i>
          <a href="https://www.youtube.com/watch?v=L3wKzyIN1yk"><i class="fa fa-play" style="font-size:13px;color:#D4AC0D;"></i></a>
          <i class="fa fa-forward" style="font-size:11px;color:#555;margin-left:12px;"></i>
        </div>
   </div>
    
    <div class="list">
        <div class="avatar"><img src="https://i.pinimg.com/564x/9c/72/6b/9c726b93403b8ad5d280ccdefe038f73.jpg"></div>
        
        <div class="title">Open Your Eyes<br /></div>
        <div class="singer">Sad Alice Said</div>
        <div class="mini">
          <i class="fa fa-heart" style="font-size:8px;color:#555;margin-right:5px;"></i>
          <i class="fa fa-random" style="font-size:8px;color:#555;"></i>
        </div>
        <div class="bar2"></div>
        <div class="buttons">
          <i class="fa fa-backward" style="font-size:11px;color:#555;margin-right:17px;"></i>
          <a href="https://www.youtube.com/watch?v=10jU44QqYhE"><i class="fa fa-play" style="font-size:13px;color:#D4AC0D;"></i></a>
          <i class="fa fa-forward" style="font-size:11px;color:#555;margin-left:12px;"></i>
        </div>
    </div>
    
    <div class="list">
         <div class="avatar"><img src="http://sh.uploads.ru/pxlzg.jpg"></div>
         
        <div class="title">The Dawn Will Come<br /></div>
        <div class="singer">Dragon Age: Inquisition</div>
        <div class="mini">
          <i class="fa fa-heart" style="font-size:8px;color:#D4AC0D;margin-right:5px;"></i>
          <i class="fa fa-random" style="font-size:8px;color:#555;"></i>
        </div>
        <div class="bar"></div>
        <div class="buttons">
          <i class="fa fa-backward" style="font-size:11px;color:#555;margin-right:17px;"></i>
          <a href="https://www.youtube.com/watch?v=av75W-_cAWU&t=0s&list=PLTRWZTdzrGEiWi3cooYci-lnGNz5F3mDH&index=110"><i class="fa fa-play" style="font-size:13px;color:#D4AC0D;"></i></a>
          <i class="fa fa-forward" style="font-size:11px;color:#555;margin-left:12px;"></i>
        </div>
    </div>
    
    
    <div class="line"></div>
    <div class="cred"><a href="https://shine.jcink.net/index.php?showuser=29444">2018 Hanie ©</a></div>
  
</div>

Поделиться32018-03-16 02:46:27

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML-->
<link href="https://fonts.googleapis.com/css?family=Mrs+Saint+Delafield" rel="stylesheet">

<style>.rex {width: 480px; height: 260px; background-image:url(https://78.media.tumblr.com/a85b1443e77601626bd1df81759cbe8a/tumblr_omvclaasKf1s5f67so1_1280.gif); position:relative; margin: 0 auto; border-color: #b5bdd6;border-style: ridge groove groove ridge; border-width: 4px;}

.rex .rex1 {width: 480px; height: 260px; background-color: #bdbdd6; opacity: 0; transition: all 1s ease;}
.rex:hover .rex1 {opacity: 0.35;}

.rex2 {width: 450px; height:260px; font-size: 35px; font-family: 'Mrs Saint Delafield', cursive; line-height:260px; color: #324a73; text-align:center; margin: 0 auto; position:relative;}
.rex3 {width: 355px; height: 520px; background-color: #b5bdd6; margin: 0 auto; position: relative; left:-66px;top:10px;}
.rex4 {width: 295px; height: 460px; text-align:justify; position:relative; top: 30px; margin: 0 auto; padding: 0 15px; font-family: Book Antiqua; overflow-y:scroll; color: #324a73; font-size: 13px; line-height:12px;}
.rex4 p:first-letter {float: left; padding: 4px 4px; font-size: 25px;}

.rex5 {width: 120px; height: 520px; background-color: #5a8cad; position:relative; margin:-510px auto 0;left: 185px;}
.rex6 {background-image:url(http://i85.beon.ru/8/61/2146108/10/75215210/187e639e119a.jpeg); width: 120px; height: 520px;opacity: 0.3;overflow:hidden;}
</style>

<div class="rex"><div class="rex1"><div class="rex2">
All we need in this world is Love
</div></div>
</div><div class="rex3"><div class="rex4">



<p>«У каждого в жизни есть кто-то, кто никогда тебя не отпустит, и кто-то, кого никогда не отпустишь ты.»<hr>

<p>Лапушкин мой любимый! Сложно описать словами все, что хотела бы выразить - многое ты и так сам знаешь, если и не все. Но все же я в который раз хочу выразить благодарность Вселенной, что она свела нас - внезапно и негаданно, но так удачно. Ты - мое Вдохновение, которое дается свыше, чтобы направлять на лучшие поступки, придающее силы делать что-либо - и это не только о постах, сколько обо всем. Ты - моя счастливая звезда, исполняющая желания, которые до тебя никто не мог претворить в жизнь. <br>
Ты помогаешь мне идти вперед, направляя, наставляя, подсказывая. И ничего не требуешь взамен, просто делаешь то, что считаешь <i>правильным</i>. <br>
Ты талантливый  - безумно талантливый! И я горжусь тем, что могу придумывать с тобой что-то новое и интересное - сюжеты, идеи, мысли, все, что только может в голову прийти. С тобой игра идет легко и гладко, и пишется все на одном дыхании. Мне нравится, что с тобой я делаю то, чего не делала до этого - например, закрываю те же эпизоды, доигрывая их!)) <br>
Ты удивительный, замечательный и самый лучший! Никогда не перестану тебе это повторять, и искренне надеюсь, что так оно всегда и будет.<br>
P.S. приятно снова называть кого-то "лапушкой", спасибо тебе за это.<br>
<i>Люблю тебя</i>. 
<p>
Маргаритка, мой любимый цветочек! Всегда приятно найти друга-ролевика из родного города, но тебя найти было втройне приятней, ведь ты настоящее солнышко - милая, улыбчивая, ласковая и невероятно доброжелательная. Пусть не всегда все складывается в жизни гладко и легко, но мне хотелось бы, чтобы ты, моя дорогая, была счастлива. Во всем. Никогда не отчаивайся и не разочаровывайся ни в себе, ни в мире. <br>
Ты умочка, талантливая и очень хорошая. А у хороших людей в итоге все будет хорошо. Трудности нас закаляют, и в итоге приводят к чему-то, что мы заслуживаем. Я хочу в это верить. Верь и ты. <br>
Я не буду обещать, что в жизни будет все легко, нет. Но с ней точно не соскучишься. <br>
<i>Люби и будь любима</i>, Маргаритка. 
<p>
А еще я очень хочу поблагодарить дорогую администрацию форума за UNI. Мне давно не было нигде так тепло и уютно, как здесь. Это как второй дом, только ролевой. А возвращаться каждый день домой невероятно приятно, особенно туда, где тебя любят и ждут. <br>
Ребята-соседи по форуму - вы <i>лучшие</i>. Просто потому что вы есть, что вы играете, что вы пишите, создаете что-то новое, что вы творите и развиваетесь, что у вас появляются какие-то идеи, выходящие за рамки привычного мира. Вы все молодцы. Все гении. Все творцы. <br>
И это замечательно.<hr>
<p>
<center>♫ <b>Of Monsters And Men</b> – From Finner ♫</center>
</div></div><div class="rex5"><div class="rex6"></div></div>

Поделиться42018-03-17 22:21:59

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML--><link href="https://fonts.googleapis.com/css?family=Muli:400,700|Montseratt:800" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC|Caveat|Covered+By+Your+Grace|Nothing+You+Could+Do|Permanent+Marker|Reenie+Beanie|Rock+Salt|Shadows+Into+Light" rel="stylesheet">

<style>
#gold-playlist{
  width: 450px;
  background: #9fa0a5;
  position: relative;
  margin: 0px solid;
  overflow: hidden;
  padding-bottom: 105px;
  border-radius: 5px;
}

#gold-playlist .list{
  position: relative;
  top: 30px;
  margin-top: 15px;
  width: 370px;
  height: 90px;
  background: #1f1f1f;
  border-radius: 10px;
}

#gold-playlist .avatar{
  position: relative;
  top: 0px;
  left: -140px;
  width: 90px;
  height: 90px;
  border-radius: 100px;
  opacity: 0.9;
}
#gold-playlist img{
  width: 90px;
  opacity: 0.9;
}

#gold-playlist .title{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 15px;
  font-weight: 700;
  position: relative;
  top: -71px;
  left: 45px;
  width: 260px;
  height: 30px;
  color: #bbb;
  letter-spacing: 0px;
  line-height: 10px;
}
#gold-playlist .singer{
  font-family: 'Muli', cursive;
  font-size: 10px;
  font-weight: 400;
  position: relative;
  top: -86px;
  left: 45px;
  width: 260px;
  height: 10px;
  color: #777;
  letter-spacing: 0px;
  line-height: 10px;
}
#gold-playlist .bar{
  position: relative;
  top: -77px;
  left: 45px;
  width: 140px;
  height: 2px;
  background: #555;
  border-left: 80px solid #999;
}
#gold-playlist .bar2{
  position: relative;
  top: -77px;
  left: 45px;
  width: 140px;
  height: 2px;
  background: #555;
  border-left: 80px solid #555;
}
#gold-playlist .buttons{
  position: relative;
  top: -68px;
  left: 45px;
  width: 260px;
  height: 10px;
  line-height: 10px;
}

#gold-playlist .mini{
  position: relative;
  top: -121px;
  left: 160px;
  width: 260px;
  height: 0px;
  line-height: 10px;
}

#gold-playlist .header{
  position: relative;
  top: 0px;
  width: 450px;
  height: 194px;
  background: url(https://78.media.tumblr.com/505a0b93928dd4bdd6f25533ee1ba22b/tumblr_os6kucQR0k1sj0xvfo1_1280.gif);
  background-size: 450px;
  overflow: hidden;
  border-bottom: 0.5px solid #333;
}
#gold-playlist .dark{
  position: absolute;
  top: 0px;
  width: 450px;
  height: 240px;
  background: #000;
  overflow: hidden;
  opacity: 0.3;
}

#gold-playlist .maintext{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 70px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 70px;
  left: 10px;
  width: 450px;
  height: 10px;
  color: #D4AC0D;
  letter-spacing:1px;
  line-height: 100px;
}

#gold-playlist .subtext{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 21px;
  font-weight: 800;
  text-transform: lowercase;
  position: absolute;
  top: 107px;
  left: 47px;
  width: 400px;
  height: 10px;
  color: #ccc;
  letter-spacing: 8px;
  line-height: 100px;
}
#gold-playlist .smoltext{
  font-family: 'Nothing You Could Do', cursive;
  font-size: 25px;
  font-weight: 800;
  text-transform: uppercase;
  position: absolute;
  top: 21px;
  left: 31px;
  width: 400px;
  height: 10px;
  color: #ccc;
  letter-spacing: 1px;
  line-height: 100px;
}
#gold-playlist .dots{
  position: absolute;
  top: 195px;
  left: 33px;
  width: 400px;
  height: 10px;
}

#gold-playlist .cred a{
  text-decoration: none;
  position: relative;
  top: 60px;
  left: 10px;
  width: 450px;
  height: 10px;
  color: #444;
  font-family: 'Muli', sans-serif;
  font-size: 7px;
  font-weight: 700;
  letter-spacing: 0px;
  line-height: 10px;
  background: #111;
  padding: 8px;
}

#gold-playlist .line{
  position: relative;
  top: 75px;
  left: 0px;
  width: 370px;
  height: 10px;
  border-top: 0.5px solid #333;
  background: #111;
  line-height: 10px;
}

</style>

<center>
<div id="gold-playlist">

    <div class="header"></div>
    
    <div class="dark"> 
      <div class="smoltext">CULLEN RUTHERFORD</div>
      <div class="maintext">top</div>
      <div class="subtext">playlist</div>
    </div>
    
    <div class="list">
        <div class="avatar">
        <img src="https://i.pinimg.com/564x/65/fe/98/65fe986d3b359e65de2bb13600c088ba.jpg">
        </div>
        
        <div class="title">Human<br /></div>
        <div class="singer">Rag'n'Bone Man</div>
        <div class="mini">
          <i class="fa fa-heart" style="font-size:8px;color:#D4AC0D;margin-right:5px;"></i>
          <i class="fa fa-random" style="font-size:8px;color:#555;"></i>
        </div>
        <div class="bar2"></div>
        <div class="buttons">
          <i class="fa fa-backward" style="font-size:11px;color:#555;margin-right:17px;"></i>
          <a href="https://www.youtube.com/watch?v=L3wKzyIN1yk"><i class="fa fa-play" style="font-size:13px;color:#D4AC0D;"></i></a>
          <i class="fa fa-forward" style="font-size:11px;color:#555;margin-left:12px;"></i>
        </div>
   </div>
    
    <div class="list">
        <div class="avatar"><img src="https://i.pinimg.com/564x/9c/72/6b/9c726b93403b8ad5d280ccdefe038f73.jpg"></div>
        
        <div class="title">Open Your Eyes<br /></div>
        <div class="singer">Sad Alice Said</div>
        <div class="mini">
          <i class="fa fa-heart" style="font-size:8px;color:#555;margin-right:5px;"></i>
          <i class="fa fa-random" style="font-size:8px;color:#555;"></i>
        </div>
        <div class="bar2"></div>
        <div class="buttons">
          <i class="fa fa-backward" style="font-size:11px;color:#555;margin-right:17px;"></i>
          <a href="https://www.youtube.com/watch?v=10jU44QqYhE"><i class="fa fa-play" style="font-size:13px;color:#D4AC0D;"></i></a>
          <i class="fa fa-forward" style="font-size:11px;color:#555;margin-left:12px;"></i>
        </div>
    </div>
    
    <div class="list">
         <div class="avatar"><img src="http://sh.uploads.ru/pxlzg.jpg"></div>
         
        <div class="title">The Dawn Will Come<br /></div>
        <div class="singer">Dragon Age: Inquisition</div>
        <div class="mini">
          <i class="fa fa-heart" style="font-size:8px;color:#D4AC0D;margin-right:5px;"></i>
          <i class="fa fa-random" style="font-size:8px;color:#555;"></i>
        </div>
        <div class="bar"></div>
        <div class="buttons">
          <i class="fa fa-backward" style="font-size:11px;color:#555;margin-right:17px;"></i>
          <a href="https://www.youtube.com/watch?v=av75W-_cAWU&t=0s&list=PLTRWZTdzrGEiWi3cooYci-lnGNz5F3mDH&index=110"><i class="fa fa-play" style="font-size:13px;color:#D4AC0D;"></i></a>
          <i class="fa fa-forward" style="font-size:11px;color:#555;margin-left:12px;"></i>
        </div>
    </div>
    
    
    <div class="line"></div>
    <div class="cred"><a href="https://shine.jcink.net/index.php?showuser=29444">2018 Hanie ©</a></div>
  
</div>

Поделиться52018-03-18 02:29:23

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML--> <div class="post-middle">
                  <link href="https://fonts.googleapis.com/css?family=Inconsolata|Trocchi|Open+Sans" rel="stylesheet"> <style> .r2sig { background-color:white; width: 390px; height: 170px; overflow: hidden; outline: 1px solid #bbb; outline-offset: 4px; position: relative; text-align: left; } .r2over { background-image: url(http://i422.photobucket.com/albums/pp302/KatieLezz/Nature/abstract-cloudy-sky-000454-glossy-white.png); background-size: cover; width: 390px; height: 180px; position: absolute; margin-top: -180px; opacity: 0.5; -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -o-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .r2moon { background-image: url(http://67.media.tumblr.com/831d21c4398ed445a191fc8207f9b8d5/tumblr_mlrsj9NkKj1s5jjtzo1_1280.png); width: 400px; height: 400px; background-size: cover; position: absolute; margin-top: -50px; margin-left: 50px; -webkit-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; z-index: 10; } .r2bottom { outline: 4px solid #00d3d0; border-top: 4px solid #00bcb9; background-color: #00a3a0; height: 80px; margin-top: 92px; } .r2sig:hover .r2moon { margin-left: 150px; -webkit-transform: rotate(6deg); -o-transform: rotate(6deg); -moz-transform: rotate(6deg); -ms-transform: rotate(6deg); transform: rotate(6deg); } .r2l { margin-left: -300px; margin-top: 3px; -webkit-transition: ease-in-out 0.7s; -moz-transition: ease-in-out 0.7s; -ms-transition: ease-in-out 0.7s; -o-transition: ease-in-out 0.7s; transition: ease-in-out 0.7s; position: relative; z-index: 10; } .r2l a { text-decoration: none; font-family: Trocchi; color: #333; font-weight: bold; text-transform: upercase; font-size: 11px; } .r2sig:hover .r2l { margin-left: 19px; } .r2t { position: absolute; font-family: open sans; text-transform: uppercase; margin-top: 65px; width: 380px; text-align: right; font-weight: 900; font-size: 30px; letter-spacing: -0.5px; } .credit { margin-top: -19px; margin-left: 374px; font-weight: bold; font-family: open sans; font-size: 9px; width: 10px; height: 10px; position: absolute; z-index: 11; } .credit a { text-decoration: none; color: #000; } </style> <center> <div class="r2sig"> <div class="r2t">more than the moon</div> <div class="r2moon"> </div> <div class="r2bottom"> <div class="r2l"><a href="/">gallery</a> - <a href="/">tester - <a href="/">tumblr</a></a></div> </div> <div class="r2over"></div> <div class="credit"><a href="http://shine.jcink.net/index.php?showtopic=29329">PG</a></div> </div></center>  

                <P>
                    <BR><div class="sigsep"></div>
                    <br /><br />

Поделиться62018-03-18 22:54:18

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

 <!--HTML--><head><link href="https://fonts.googleapis.com/css?family=Amatic+SC|Caveat|Covered+By+Your+Grace|Nothing+You+Could+Do|Permanent+Marker|Reenie+Beanie|Rock+Salt|Shadows+Into+Light" rel="stylesheet">

<style>
#circlecontainer {background-color: #eee; background-image:url(http://s7.uploads.ru/xyvNW.png); width: 450px;	height: 230px;	overflow: hidden;}

#circlecontainer:hover #imagecircle{	margin-right: -290px;}
 #circlecontainer:hover #titlecircle {	margin-left: 30px;	color: rgba(255, 255, 255, 1);}
 #circlecontainer:hover #outerwrap {	margin-left: 25px;}#imagecircle {background-image:url(http://s3.uploads.ru/GEc3s.gif);	background-position:right;background-color: #251e1e;	width: 350px;	height: 300px;	float: right; -webkit-border-radius: 300px;	margin-top: -49px;	margin-right: -50px;	position: relative;	-webkit-transition: 0.7s ease-in-out;}

#titlecircle {	background-color:#661919;	float: left;	height: 80px;	max-width: 80px;	margin-top: 85px;	-webkit-border-radius: 100px;	padding-left:27px; padding-right: 27px;	padding-bottom: 30px;	padding-top: 20px;position: relative;	margin-left: -60px;	color: rgba(195, 195, 195, 1); font-family: 'Nothing You Could Do', cursive;	font-size: 20px;	letter-spacing: 2px;-webkit-transition: 0.7s ease-in-out; line-height: 21px; text-align: center;	}

 #outerwrap {	float: left;	margin-left: -350px; margin-top: 30px;	-webkit-transition: 0.7s ease-in-out;}
 #innerwrap {width: 335px; height: 150px;	background-color: #282828; opacity: 0.5;	border-top: 6px solid #661919; margin-top: 15px; }

 #circlecontent {	width: 300px;	height: 115px; overflow: auto;	background-color: #transparent;	color: rgba(195, 195, 195, 1); text-align: justify; font-family: Lucida Console; font-size: 10px;	line-height: 18px;padding-right: 10px; margin-top: 10px; } #circlecontent::-webkit-scrollbar { width: 3px; }

 #circlecontent::-webkit-scrollbar-track { 	background-color: #cd5355; } #circlecontent::-webkit-scrollbar-thumb {background-color: #555;}

.navdiamond { text-align: center; width: 25px; height: 25px; margin: 20px; padding: 5px; position: relative; color: #FFFFFF!important; font-family: 'Nothing You Could Do', cursive; text-decoration: none; }

 date {	font-family: abril fatface;	font-weight: 900;	font-size: 20px;} period {	font-family: abril fatface;font-size: 40px;	line-height: 1px;	color: #d05454;}
</style>
</head>

<center><div id="circlecontainer"><div id="outerwrap"><a class="navdiamond" href="http://unirole.rusff.me/profile.php?id=1000">LARA CROFT</a> X <a class="navdiamond" href="http://unirole.rusff.me/profile.php?id=1060">CULLEN RUTHERFORD</a><div id="innerwrap"><div id="circlecontent">

<date>Венеция, Италия, 18.04.18</date>

<period>.</period> Старые исследования отца приводят меня в Венецию. У меня не так много подсказок, где искать Ковчег Завета, о котором ходит столько легенд и преданий, но одно я знаю точно  - Тринити идут за мной по пятам и мне надо сделать невозможное, но успеть добраться до него раньше них. Записи  отца обрываются на списке церквей города, но, к сожалению, там неясно, что именно нужно искать. Придется надеяться на удачу, и что Господь, если он действительно существует, поможет мне.</div></div></div>

<div id="imagecircle"><div id="titlecircle">blood on my holy hands</div></div></div></center> 

                <P>
                    <BR><div class="sigsep"></div>

Поделиться72018-03-26 23:58:47

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML-->
 <style>
.cgm-aesthetics1 { border: 30px solid #f0f0f0; width:432px; 
margin: auto; background-color: #f0f0f0;  border-radius: 20px; color: #ddd;
padding: 0px; box-shadow: 0px 3px 3px #999; }
.cgm-aesthetics1b { border: 1px solid #fff; width:400px; 
margin: auto; background-color: #ddd;
border-radius: 20px; color: #ddd;
padding: 15px; box-shadow: 0px 3px 3px #999; radius: 20px; }
.cgm-aesthetics2 { height: 340px; width:200px; position: relative;
background-size: cover; background-position: center;
-webkit-transition: 2s; -moz- transition: 2s; transition: 2s;
}
.cgm-aesthetics2b { height: 340px; width:200px; position: relative;
top: -340px; left: 201px;
-webkit-transition: 2s; -moz- transition: 2s; transition: 2s;
background-size: cover; background-position: center; }
.cgm-aesthetics1 wrp1 { height: 340px; overflow: hidden; display: block;
padding-bottom: 1px;}
.cgm-aesthetics1 infr { opacity: 0; display: block; height: 340px; background-color: rgba(30, 30, 30, .5); display: block; 
line-height: 340px; font-family: 'Montserrat', sans-serif;
font-size: 12px;
-webkit-transition: 2s; -moz- transition: 2s; transition: 2s;
text-align: center; font-weight: 400; letter-spacing: 2px;
text-shadow: -1px -1px #111, -1px 1px #111, 1px -1px #111, 1px 1px #111,
2px 2px 3px #444; }
.cgm-aesthetics1 infr:hover { display: block;
background-color: rgba(30, 30, 30, .5); display: block; font-family: 'Montserrat', sans-serif;
font-size: 12px;
opacity: 1;
-webkit-transition: 2s; -moz- transition: 2s; transition: 2s;

text-align: center; font-weight: 400; letter-spacing: 2px;
text-shadow: -1px -1px #111, -1px 1px #111, 1px -1px #111, 1px 1px #111,
2px 2px 3px #000; }
.cgm-aesthetics2:hover { -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 2s; -moz- transition: 2s; transition: 2s;
}
 .cgm-aesthetics2b:hover { -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    -webkit-transition: 2s; -moz- transition: 2s; transition: 2s;
}
.cgm-aesthetics1 wrp2 { height: 201px; overflow: hidden; display: block;
padding-bottom: 1px; }
.cgm-aesthetics1 wrp2 .cgm-aesthetics2 { height: 200px; line-height: 200px;
overflow: hidden; display: block;
padding-bottom: 1px;}
.cgm-aesthetics1 wrp2 .cgm-aesthetics2b infr { height: 200px; line-height: 200px;
position: relative; top: 140px;}
.cgm-aesthetics1 wrp2 .cgm-aesthetics2 infr { height: 200px; line-height: 200px;}
.cgm-aesthetics1 wrno { display: block; height: 0px; line-height: 10px; }
.cgm-aesthetics1 tzt { display: block; height:  15px; font-size: 15px; position: relative; top: -35px; line-height: 10px;  font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: 3px; 
color:  rgba(109, 124, 114, 1); text-shadow: -1px -1px #fff, -1px 1px #fff, 1px -1px #fff, 1px 1px #fff,
2px 2px 3px #888; text-transform: lowercase; }
.cgm-aesthetics1 tzt2 { display: block; height:  15px; font-size: 15px; position: relative; top: 25px; line-height: 10px;  font-family: 'Montserrat', sans-serif; font-weight: 900; letter-spacing: 3px; 
color:  rgba(109, 124, 114, 1); text-shadow: -1px -1px #fff, -1px 1px #fff, 1px -1px #fff, 1px 1px #fff,
2px 2px 3px #888; text-align: right; text-transform: lowercase; }
</style>
<link href="https://fonts.googleapis.com/css?family=Montserrat" rel="stylesheet" type="text/css">


<div class="cgm-aesthetics1"><div class="cgm-aesthetics1b">
<wrno>
<tzt>для того, кто болен морем...</tzt>
</wrno>

<wrp2>
<div class="cgm-aesthetics2" style="background-image: url(https://i.pinimg.com/564x/ca/f7/38/caf738256546a0c7d6a9d17768c9df72.jpg);">
<infr>
  LUMEN 
 – МЕЖДУ СТРОЧЕК –
</infr>
</div>
<div class="cgm-aesthetics2b" style="background-image: url(https://i.pinimg.com/564x/fa/2d/c8/fa2dc8c2c9746da28e760e3b71a1fcae.jpg);">
  <infr>
  СПЛИН
 – ТАНЦУЙ! –
</infr>
</div>
</wrp2> 

<wrp2>
<div class="cgm-aesthetics2" style="background-image: url(https://68.media.tumblr.com/b675042e46a1dae15df3aa6324f45e51/tumblr_ol30w7kYeH1vvow54o1_1280.jpg);">
<infr>
  WORD
</infr>
</div>
<div class="cgm-aesthetics2b" style="background-image: url(https://68.media.tumblr.com/2619f9ccc77f37cf4a013c45f087e361/tumblr_olc34hgl301s5pceio2_250.jpg);">
  <infr>
  WORD
</infr>
</div>
</wrp2> 

<wrno>
<tzt2></tzt2>
</wrno>
</div></div>

Поделиться82018-04-12 01:07:48

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

[html]
<link rel="stylesheet" href="https://cdn.linearicons.com/free/1.0.0/icon-font.min.css">
<link href="https://fonts.googleapis.com/css?family=Anonymous+Pro:400,400i,700,700i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Poppins:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet">

#spring h1 {height: 30px; width: 300px; text-align: center; padding-right: 15px; background: #000000; opacity: 0.7; position: absolute; right: 25px; top: 25px; line-height: 30px; font-family: Oranienbaum; font-size: 20px; letter-spacing: 2px; text-transform: uppercase; font-style: bold; color: #c8d16e}

#spring-main {height: 240px; width: 330px; position: absolute; bottom: 25px; right: 15px; background: #000000; opacity: 0.7; overflow: none}
#spring-main::before {height: 35px; width: 330px; background: #000000; position: absolute; content: "";}

.spring-maincontainer {
margin: 10px auto;
height: auto;
width: auto;
}

.spring-maintabs {
margin: 0px auto;
position: relative;
width: 330px;
height: 300px;
}

.spring-maintab {
float: left; /* CHANGE TO DISPLAY:BLOCK FOR VERTICAL TABS */
}

/* position your tab labels in here - also use margins to space your labels - you kind of have to eye until it's centered bc the math with tabs gets confusing */
.spring-maintab label {
display: block; /* this lets you fix the label dimensions */
width: 70px;
height: 20px;
background: #F0DAD6;
border: px solid #eee;
margin-right: 5px;
position: relative;
left: 20px;
top: -3px;
z-index: 1;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-ms-border-radius: 6px;
-o-border-radius: 6px;
text-align: center;
line-height: 20px;
font-family: anonymous pro;
font-size: 8px;
text-transform: uppercase;
font-weight: 700;
font-style: italic;
letter-spacing: 1px;
color: #488167;
}

.spring-maintab input[type=radio]:checked ~ label {
background: #eee;
z-index: 2;
}

.spring-maintab input[type=radio] {
display: none; /* DON'T EDIT */
}

/* if you want tab transitions they go here */
.spring-maincontent {
position: absolute;
bottom: 70px;
left: 0px;
background: #000000;
height: 175px;
border: 15px solid #000000;
padding-right: 0px;
width: 300px;
opacity: 0.7;
-webkit-transition: 0.4s ease;
-moz-transition: 0.4s ease;
-ms-transition: 0.4s ease;
-o-transition: 0.4s ease;
font-family: Verdana; font-size: 10px; letter-spacing: 0.3px; color: #BEC6BE;
overflow: auto; text-align: center; line-height:13px;
}
.spring-maincontent b, .spring-maincontent a {font-family: Oranienbaum; text-transform: uppercase; font-style: bold; font-size: 12px; color: #c8d16e; font-weight: 700; letter-spacing: 1px;}
.spring-maincontent a {color: #C0CEC8}
.spring-maintab input[type=radio]:checked ~ label ~ .spring-maincontent {
z-index: 1; opacity: 1;
}

.spring-maincontent::-webkit-scrollbar {width: 3px}
.spring-maincontent::-webkit-scrollbar-thumb {background: #c8d16e!important}
.spring-maincontent::-webkit-scrollbar-track {background: #000000!important}

</style>

<div class="spring-maintab">
<input type="radio" id="spring-maintab-1" name="spring-maintab-group-1" checked>
<label for="spring-maintab-1">CHRONOLOGY</label>
<div class="spring-maincontent">
♦DRAGON AGE: ORIGINS♦ 
Страж собрал и спас всех спутников, выжил после Архидемона 
♦ 
Логейн жив и здоров 
♦ 
Аришок, сменивший погибшего в Киркволле - бывший спутник Стража, Стэн 
♦ 
Алистер стал королем 
♦ 
Морриган была беременна, проведен Темный Ритуал 
♦ 
Страж и Каридин уничтожил Наковальню 
♦ 
Белен стал королем 
♦ 
Страж отправил Дагну в круг 
♦ 
Архитектор оставлен в живых 
♦ 
Спасены и башня и город 
♦DRAGON AGE II♦ 
Хоук — маг 
♦ 
Близнецы живы, Карвер храмовник, Бетани - Серый Страж 
♦ 
Спутников полный комплект 
♦ 
Хоук сделала нехорошее дело, поддержала магов и сбежала 
♦ 
Какое-то время она считалась мертвой после помощи леди Лавеллан, но была спасена из Тени 
♦DRAGON AGE: INQUISITION♦ 
Селина на троне, Гаспар и Бриала живы (триумвират) 
♦ 
Инквизиция и Селина в союзе 
♦ 
Серые Стражи помогли Инквизиции 
♦ 
Верховная Жрица предположительно Кассандра, Лелиана или Вивьен (???) 
♦ 
Каллен вылечился от лириумной зависимости 
♦ 
Пока не решено, пила ли Морриган из Источника Скорби 
♦ 
Инквизиция специализируется на Тайнах 
♦ 
Инквизиция перешла под руку Виктории 
♦ 
Союза с кунари не было

</div>
</div>

<div class="spring-maintab">
<input type="radio" id="spring-maintab-2" name="spring-maintab-group-1">
<label for="spring-maintab-2">UNIVERSION</label>
<div class="spring-maincontent">
♦DRAGON AGE: ORIGINS♦ <hr>
 <a href="http://unirole.rusff.me/viewtopic.php?id=2564#p277990" target="blank" style="color: #;">the sunshine and the nightingale</a> — leliana & bethany — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=3160" target="blank" style="color: #;">Полет соловья над Орлеем</a> — leliana & tallis — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=3193#p345381" target="blank" style="color: #;">hear me running</a> — cullen & anders — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2979#p324339" target="blank" style="color: #;">you'll never know what hit you</a> — neria & iron bull —

♦DRAGON AGE II♦<hr>
 <a href="http://unirole.rusff.me/viewtopic.php?id=2719#p298201" target="blank" style="color: #;">нашим товарищам наши дрова нужны: товарищи мерзнут</a> — cullen & merril — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2944#p321305" target="blank" style="color: #;">Never Let You Down</a> — cullen & bethany — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2953#p322037" target="blank" style="color: #;">Сказка на ночь</a> — isabela & merrill —

♦DRAGON AGE: INQUISITION♦<hr>
 <a href="http://unirole.rusff.me/viewtopic.php?id=2426#p261472" target="blank" style="color: #;">start again</a> — marian & leliana — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2729#p300361" target="blank" style="color: #;">не цель и даже не средство</a> — fenris & merril — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2710#p296908" target="blank" style="color: #;">once upon a dream</a> — solas & ellana — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2415#p260101" target="blank" style="color: #;">raise</a> — fenris & ellana — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2563#p277923" target="blank" style="color: #;">just dance with me</a> — solas & ellana — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2325#p245580" target="blank" style="color: #;">endlessness</a> — marian & ellana — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2762#p303964" target="blank" style="color: #;">загадочная история одного артефакта</a> — iron bull & merril — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2838#p312288" target="blank" style="color: #;">по хрупкому льду недоверия</a> — cullen & neria — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2864#p314974" target="blank" style="color: #;">Изнанка нового бога</a> — cullen & morrigan — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2887#p317146" target="blank" style="color: #;">beyond their control</a> — cullen & iron bull — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2925#p320044" target="blank" style="color: #;">Come on to the Future</a> — cullen & ellana — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=3210" target="blank" style="color: #;">"... и се, отверзлись небеса..."</a> — cullen & leliana — 
</div>
</div>

<div class="spring-maintab">
<input type="radio" id="spring-maintab-3" name="spring-maintab-group-1">
<label for="spring-maintab-3">ALTERNATIVE</label>
<div class="spring-maincontent">
♦UNIPORTAL♦ <hr>
 <a href="http://unirole.rusff.me/viewtopic.php?id=2334#p246612" target="blank" style="color: #;">Мутные воды Города Цепей</a> — boromir & marian — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2541#p275641" target="blank" style="color: #;">on the deep deep roads</a> — boromir & bethany—

♦UNIALTER♦<hr>
 <a href="http://unirole.rusff.me/viewtopic.php?id=2730#p300365" target="blank" style="color: #;">on the alert</a> — fenris & merril — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2666#p290522" target="blank" style="color: #;">curse</a> — fenris & morrigan — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2961#p322733" target="blank" style="color: #;">над седой равниной моря ничего не происходит</a> — merril & boromir — ♦
 <a href="http://unirole.rusff.me/viewtopic.php?id=2918" target="blank" style="color: #;">Chapter one. Lyrium dreams. [DA: dystopian au]</a> — cullen & bethany & merril — 
</div>
</div>

<div class="spring-maintab">
<input type="radio" id="spring-maintab-4" name="spring-maintab-group-1">
<label for="spring-maintab-4">ARCHIVE</label>
<div class="spring-maincontent">
...coming soon...
</div>
</div>

</div>

</div>
</div>
</div>[/html]

Поделиться92018-04-28 18:26:31

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML--><div align="center">
<link href="https://fonts.googleapis.com/css?family=Amatic+SC" rel="stylesheet">

<style>.ch {width: 500px; height: 400px; background-image:url(https://78.media.tumblr.com/124c3b7ab67f956926792b7c7299bab2/tumblr_oyygnbJ3K41r6tih0o1_1280.gif); background-size:660px;background-position:center;overflow:hidden;}

.ch .ch1 {width: 400px; height: 100px; background-color:#020000; opacity: 0.8; position:relative; top:290px; transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}
.ch:hover .ch1 {height: 270px; top: 120px;transition: all 1s ease 1s;-moz-transition: all 1s ease 1s;-webkit-transition: all 1s ease 1s;}

.ch .ch2 {width: 400px; height: 98px; border-top: 5px double #1c1843;}

.ch .ch3 {width: 400px; height: 95px; font-family: 'Amatic SC', sans-serif;color: #6050ba; font-size: 40px; line-height: 110px;letter-spacing:4px;text-transform: uppercase; opacity:1; transition: all 1s ease 1.5s;-moz-transition: all 1s ease 1.5s;-webkit-transition: all 1s ease 1.5s;}
.ch:hover .ch3 {opacity:0;transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}

.ch .ch4 {width: 370px; height: 200px; padding: 5px; text-align: center; color: #d0cfd3;font-family: 'Arial', sans-serif;font-size: 11px; line-height:13px; opacity: 0; transform: scale(1.5); -webkit-transform: scale(1.5); -moz-transform: scale(1.5); transition: all 1s ease 0s; -moz-transition: all 1s ease 0s; -webkit-transition: all 1s ease 0s; position:relative; top:-90px;}
.ch:hover .ch4 {opacity:1; transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); transition: all 1s ease 1s; -moz-transition: all 1s ease 1s; -webkit-transition: all 1s ease 1s;}
.ch .ch4:first-letter, .ch .ch4 p:first-letter {color:#6050ba; font-weight: bold;}

</style>
<div class="ch"><div class="ch1"><div class="ch2"><div class="ch3">In Peace, Vigilance</div><div class="ch4">


«Присоединяйтесь к нам, братья и сестры.<br><br>
Присоединяйтесь к нам, сокрытым тенью, где мы бдим неусыпно.<br><br>
Присоединяйтесь, ибо на нас возложен долг, от которого нельзя отречься.<br><br>
И если суждено вам погибнуть, знайте - ваша жертва не будет забыта.<br><br>
И однажды мы все присоединимся к вам.»
<br><br>
<hr><br>
<a href="http://unirole.rusff.me/profile.php?id=1017" target="blank" style="color: #6050ba;">BETHANY</a> x <a href="http://unirole.rusff.me/profile.php?id=1268" target="blank" style="color: #6050ba;">LOGHAIN</a>
<br><br>
КОНЕЦ 9.31 - НАЧАЛО 9.32 ВЕКА ДРАКОНА

</div></div></div></div>


</div>

Поделиться102018-06-25 23:34:58

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML--><link href="https://fonts.googleapis.com/css?family=Lato|Work+Sans" rel="stylesheet">
<style>
#rgbb {width:500px;background-color:white;background-size: cover;height: auto;overflow: hidden;box-shadow: 2px 2px 6px #a0a0a0;border-radius:2%;}

.rgshapetop {background-image: url("https://78.media.tumblr.com/f7af95520e0f421cdc7a128d8656196a/tumblr_p47jo7aai81w22plzo4_500.gif");height: 100px;background-size:cover;width:500px;float: left;clip-path: polygon(0% 100%, 140% 0%, 0% 0%);}

.rgshapebottom {background-image: url("http://s9.uploads.ru/NRoVU.png");height: 100px;background-size:cover;width:500px;float: right;clip-path: polygon(0% 200%, 450% -250%, -30% 100%);}

.rgtextbox {height: auto;width: 400px;position:center;font-family: 'Lato', sans-serif;text-align: justify;color: #a0a0a0;padding: 10px;font-size: 12px;line-height: 130%;}

.rgbottomtext {opacity:0.7;font-family: 'Work Sans', sans-serif;position: absolute;color: #ce937b;font-size: 30px;bottom: -125px;right: 15px;text-align:right;line-height:90%;animation-name: textcolor;animation-iteration-count: infinite;animation-duration: 5s;letter-spacing: -2px;text-shadow: 1px 1px 1px white;font-style: italic;font-weight: bold;transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

@keyframes textcolor {0% {color: #b76e79;}25% {color: #aaa;}50% {color: #b76e79;}25% {color: #aaa;}100% {color: #b76e79;}}

#rgbb:hover .rgbottomtext {right: -500px;bottom: 0px;}

.rgtagtext {font-size: 0px;font-family: 'Work Sans', sans-serif;position: absolute;color: #b76e79;bottom: -200px;right: 510px;text-align:right;line-height:90%;opacity:0.7;left:auto;font-weight:bold;text-shadow:1px 1px 1px black;font-style: italic;text-transform:uppercase;letter-spacing: 1px;transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;opacity:0;}

#rgbb:hover .rgtagtext {right: 10px;opacity:0.7;bottom:-95px;font-size: 15px;}

.rgtagtextnotes {font-size: 11px;font-family: 'Work Sans', sans-serif;position: relative;color: #fff;line-height:90%;opacity:1;font-weight:bold;font-style: italic;display:inline;}

#rgbb b {font-size: 13px;color: #7a7a7a;}



</style><center>
<div id="rgbb"><div style="position:relative"><div class="rgshapetop">
</div><div class="rgfirstdiamond"></div><div class="seconddiamonddiv"><div class="seconddiamondin"><div class="seconddiamondimagein"></div></div></div><div class="rgoverlaydiamond"></div><div class="thirddiamonddiv"><div class="thirddiamondin"></div></div><div style="padding:55px;"></div><div class="rgtextbox">


<div class="qwords">
<center>♦ Я ТЕБЯ ВОЗЛЮБИЛ БОЛЕЕ ОГНЯ ♦</center>
</div>
<link href="https://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet"><style>
.qwords { background: url(https://media.giphy.com/media/M07iRQohxhHc4/source.gif) no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 400px; font-size: 25px; font-family: 'Oranienbaum', sans-serif;  color: black; line-height: 100%; text-transform: uppercase; }
</style> 


<center>
<img src="http://s5.uploads.ru/INHUL.gif">
<br><br>
Верное имя откроет дверь в сердце сверкающей пустоты.<br>
Радость моя, ты мне поверь — никто не верил в меня более, чем ты. <br>
Радость моя, подставь ладонь, можешь другой оттолкнуть меня. <br>
Радость моя, вот тебе огонь, я тебя возлюбил более огня. <p></p>
♦ — ♦<br><br>
<b>— <a href="http://unirole.rusff.me/profile.php?id=1060" style="font-size: 20px; font-family: 'Oranienbaum'; sans-serif; color: #a0a0a0; text-transform: uppercase;">cullen</a> & <a href="http://unirole.rusff.me/profile.php?id=1017" style="font-size: 20px; font-family: 'Oranienbaum'; sans-serif; color: #a0a0a0; text-transform: uppercase;">bethany</a> —</b>  
</center>
</div>

<div class="rgshapebottom"></div> 
</center>

Поделиться112018-07-16 02:51:41

Автор: borovichok
Администратор
лз:
Санса Старк, 14

And if the world should fall to winter, I’ll be your warmth if you’ll be my light .

game of thrones
Зарегистрирован: 2018-01-19
Приглашений: 0
Сообщений: 224
Уважение: [+0/-0]
Позитив: [+0/-0]
Провел на форуме:
2 дня 15 часов
Последний визит:
2023-09-27 13:41:36

Код:

<!--HTML--><link href="https://fonts.googleapis.com/css?family=Lato|Work+Sans" rel="stylesheet">
<style>
#rgbb {width:500px;background-color:#0d060c;background-size: cover;height: auto;overflow: hidden;box-shadow: 2px 2px 6px #a0a0a0;border-radius:2%;}

.rgshapetop {background-image: url("http://s8.uploads.ru/fNVl2.gif");height: 100px;background-size:cover;width:500px;float: left;clip-path: polygon(0% 100%, 140% 0%, 0% 0%);}

.rgshapebottom {background-image: url("http://sg.uploads.ru/yYj7R.gif");height: 100px;background-size:cover;width:500px;float: right;clip-path: polygon(0% 200%, 450% -250%, -30% 100%);}

.rgtextbox {height: auto;width: 400px;position:center;font-family: 'Lato', sans-serif;text-align: justify;color: #a0a0a0;padding: 10px;font-size: 12px;line-height: 130%;}

.rgbottomtext {opacity:0.7;font-family: 'Work Sans', sans-serif;position: absolute;color: #ce937b;font-size: 30px;bottom: -125px;right: 15px;text-align:right;line-height:90%;animation-name: textcolor;animation-iteration-count: infinite;animation-duration: 5s;letter-spacing: -2px;text-shadow: 1px 1px 1px white;font-style: italic;font-weight: bold;transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

@keyframes textcolor {0% {color: #b76e79;}25% {color: #aaa;}50% {color: #b76e79;}25% {color: #aaa;}100% {color: #b76e79;}}

#rgbb:hover .rgbottomtext {right: -500px;bottom: 0px;}

.rgtagtext {font-size: 0px;font-family: 'Work Sans', sans-serif;position: absolute;color: #b76e79;bottom: -200px;right: 510px;text-align:right;line-height:90%;opacity:0.7;left:auto;font-weight:bold;text-shadow:1px 1px 1px black;font-style: italic;text-transform:uppercase;letter-spacing: 1px;transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;opacity:0;}

#rgbb:hover .rgtagtext {right: 10px;opacity:0.7;bottom:-95px;font-size: 15px;}

.rgtagtextnotes {font-size: 11px;font-family: 'Work Sans', sans-serif;position: relative;color: #fff;line-height:90%;opacity:1;font-weight:bold;font-style: italic;display:inline;}

#rgbb b {font-size: 13px;color: #7a7a7a;}



</style><center>
<div id="rgbb"><div style="position:relative"><div class="rgshapetop">
</div><div class="rgfirstdiamond"></div><div class="seconddiamonddiv"><div class="seconddiamondin"><div class="seconddiamondimagein"></div></div></div><div class="rgoverlaydiamond"></div><div class="thirddiamonddiv"><div class="thirddiamondin"></div></div><div style="padding:55px;"></div><div class="rgtextbox">


<div class="qwords">
<center>♦ stepping out the mirror ♦</center>
</div>
<link href="https://fonts.googleapis.com/css?family=Oranienbaum" rel="stylesheet"><style>
.qwords { background: url(https://78.media.tumblr.com/c95abeca9e5e4593234cee259ecce399/tumblr_nkbij3hFIg1r5neevo1_500.gif) no-repeat; -webkit-background-clip: text; -webkit-text-fill-color: transparent; width: 400px; font-size: 25px; font-family: 'Oranienbaum', sans-serif;  color: black; line-height: 100%; text-transform: uppercase; }
</style> 


<center>
<img src="http://sg.uploads.ru/OwDRL.gif">
<br><br>
I'm coming home.<br>
Tell the world that I'm coming home. <br>
Let the rain wash away all the pain of yesterday. <br>
I know my kingdom awaits and they've forgiven my mistakes.<p></p>
♦ — ♦<br><br>
<b>— <a href="http://unirole.rusff.me/profile.php?id=203" style="font-size: 20px; font-family: 'Oranienbaum'; sans-serif; color: #a0a0a0; text-transform: uppercase;">boromir</a> & <a href="http://unirole.rusff.me/profile.php?id=1017" style="font-size: 20px; font-family: 'Oranienbaum'; sans-serif; color: #a0a0a0; text-transform: uppercase;">bethany</a> —</b>  
</center>
</div>

<div class="rgshapebottom"></div> 
</center>

Страница: 1