шаблон хронологии

вставляется в первое сообщение после анкеты

Код:

<!--HTML-->

<link href='https://fonts.googleapis.com/css?family=Handlee|Fugaz+One' rel='stylesheet' type='text/css'>

<div id="sharks">
 <div class="sharksg"></div>
 <input type="checkbox" id="toggle-1">
 <label for="toggle-1"></label>
 <div class="sharkfl">имя фамилия</div>
 <div class="sharkeh">
   <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908"><div class="sharkeh1">название</div></a>
 </div>
 <div class="sharky">
   <span>active</span>
   <p><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <p><span>comms</span>
   <p><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
       <p><span>finished/dead</span>
   <p><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
 </div>
</div>


<style>
#sharks {height: 330px; width: 330px; 
background: #68361a; /* Old browsers */
background: -moz-linear-gradient(45deg, #68361a  34%, #c7e363 100%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(34%,#68361a), color-stop(100%,#c7e363));
background: -webkit-linear-gradient(45deg, #68361a 34%,#c7e363 100%); 
background: -o-linear-gradient(45deg,  #68361a 34%,#c7e363 100%); 
background: -ms-linear-gradient(45deg,  #68361a 34%,#c7e363 100%); 
background: linear-gradient(45deg,  #68361a 34%,#c7e363 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68361a', endColorstr='#c7e363',GradientType=1 ); 
margin: 10px auto; border: 10px solid #fcfcfc; box-shadow: 0 0 5px rgba(0,0,0,0.5); position: relative; overflow: hidden}
.sharksg {height: 330px; width: 330px; position: absolute; background: url(http://funkyimg.com/i/23Lkh.jpg); opacity: 0.35}
#sharks input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
display: none;
}
#sharks label {cursor: crosshair; position: absolute; height: 110px; width: 110px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 10px solid #fcfcfc; background-image: url(http://placehold.it/110); z-index: 3; left: 100px; top: 70px; transition: 0.5s ease-in-out 0.65s; -webkit-transition: 0.5s ease-in-out 0.65; -moz-transition: 0.5s ease-in-out 0.65; background-size: 110px 110px; background-repeat: no-repeat}
.sharkfl {font-family: fugaz one; text-transform: lowercase; width: 330px; height: 30px; text-align: center; color: #fff; position: absolute; top: 210px; line-height: 30px; font-size: 28px;   text-shadow:
  -1px -1px 0 #68361a ,  
   1px -1px 0 #C7E363,
   -1px 1px 0 #C7E363,
    1px 1px 0 #68361a;
}
.sharky {height: 180px; width: 270px; background: white; border-left: 10px solid #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff; border-right: 5px solid #fff; padding-right: 5px; position: absolute; left: 20px; bottom: -200px; font-family: arial; text-align: justify; font-size: 10px; line-height: 12px; color: #777; overflow: auto; transition: 0.6s ease-in-out;-webkit- transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out }
.sharky span {font-family: fugaz one; text-transform: lowercase; font-size: 25px; color: #68361a; line-height: 25px}
.sharky a {font-family: handlee; text-transform: uppercase; font-size: 10px; text-decoration: none; color: #C7E363}
.sharky b {color: #68361a;}
.sharky::-webkit-scrollbar {width: 5px}
.sharky::-webkit-scrollbar-thumb {border: 1px solid #C7E363; background: white}

.sharkeh {height: 70px; width: 205px; position: absolute;  top: -65px; right: 20px; -webkit-transition: 0.5s ease-in-out}
.sharkeh1 {font-family: fugaz one; color: #fff; 
text-align: center; font-size: 40px; text-transform: lowercase; color: #fff; line-height: 70px;}
.sharkeh2 {height: 10px; width: 203px; background: rgba(255,255,255,0.9); border: 1px solid #68361a; position: absolute; text-align: center; font-family: arial; text-transform: uppercase; top: 50px; font-size: 8px; color:  #68361a; line-height: 11px}
.sharkeh2 a {text-decoration: none; color: #68361a}
#sharks input[type=checkbox]:checked ~ label {top: -10px; left: -10px; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transition: 0.5s ease-in-out 0.4s; -webkit-transition: 0.5s ease-in-out 0.4s; -moz-transition: 0.5s ease-in-out 0.4s; }
#sharks input[type=checkbox]:checked ~ .sharkfl {top: 345px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
#sharks input[type=checkbox]:checked ~ .sharky {bottom: 20px; transition: 0.6s ease-in-out 0.65s; -webkit-transition: 0.6s ease-in-out 0.65s; -moz-transition: 0.6s ease-in-out 0.65s; }
#sharks input[type=checkbox]:checked ~ .sharkeh {top: 10px; transition: 0.5s ease-in-out 0.55s; -webkit-transition: 0.5s ease-in-out 0.55s; -moz-transition: 0.5s ease-in-out 0.55s;}
</style>

Код:

[c*ode]<!--H*TML-->

<link href='https://fonts.googleapis.com/css?family=Handlee|Fugaz+One' rel='stylesheet' type='text/css'>

<div id="sharks">
 <div class="sharksg"></div>
 <input type="checkbox" id="toggle-1">
 <label for="toggle-1"></label>
 <div class="sharkfl">имя фамилия</div>
 <div class="sharkeh">
   <a href="http://z10.invisionfree.com/Shadowplay/index.php?showuser=13908"><div class="sharkeh1">название</div></a>
 </div>
 <div class="sharky">
   <span>active</span>
   <p><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <p><span>comms</span>
   <p><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
       <p><span>finished/dead</span>
   <p><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
   <br><a href="ссылка">название</a> - с <b>имя игрока</b>
 </div>
</div>


<style>
#sharks {height: 330px; width: 330px; 
background: #68361a; /* Old browsers */
background: -moz-linear-gradient(45deg, #68361a  34%, #c7e363 100%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(34%,#68361a), color-stop(100%,#c7e363));
background: -webkit-linear-gradient(45deg, #68361a 34%,#c7e363 100%); 
background: -o-linear-gradient(45deg,  #68361a 34%,#c7e363 100%); 
background: -ms-linear-gradient(45deg,  #68361a 34%,#c7e363 100%); 
background: linear-gradient(45deg,  #68361a 34%,#c7e363 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#68361a', endColorstr='#c7e363',GradientType=1 ); 
margin: 10px auto; border: 10px solid #fcfcfc; box-shadow: 0 0 5px rgba(0,0,0,0.5); position: relative; overflow: hidden}
.sharksg {height: 330px; width: 330px; position: absolute; background: url(http://funkyimg.com/i/23Lkh.jpg); opacity: 0.35}
#sharks input[type=checkbox] {
position: absolute;
top: -9999px;
left: -9999px;
display: none;
}
#sharks label {cursor: crosshair; position: absolute; height: 110px; width: 110px; -webkit-border-radius: 100%; -moz-border-radius: 100%; border-radius: 100%; border: 10px solid #fcfcfc; background-image: url(http://placehold.it/110); z-index: 3; left: 100px; top: 70px; transition: 0.5s ease-in-out 0.65s; -webkit-transition: 0.5s ease-in-out 0.65; -moz-transition: 0.5s ease-in-out 0.65; background-size: 110px 110px; background-repeat: no-repeat}
.sharkfl {font-family: fugaz one; text-transform: lowercase; width: 330px; height: 30px; text-align: center; color: #fff; position: absolute; top: 210px; line-height: 30px; font-size: 28px;   text-shadow:
  -1px -1px 0 #68361a ,  
   1px -1px 0 #C7E363,
   -1px 1px 0 #C7E363,
    1px 1px 0 #68361a;
}
.sharky {height: 180px; width: 270px; background: white; border-left: 10px solid #fff; border-top: 10px solid #fff; border-bottom: 10px solid #fff; border-right: 5px solid #fff; padding-right: 5px; position: absolute; left: 20px; bottom: -200px; font-family: arial; text-align: justify; font-size: 10px; line-height: 12px; color: #777; overflow: auto; transition: 0.6s ease-in-out;-webkit- transition: 0.6s ease-in-out; -moz-transition: 0.6s ease-in-out }
.sharky span {font-family: fugaz one; text-transform: lowercase; font-size: 25px; color: #68361a; line-height: 25px}
.sharky a {font-family: handlee; text-transform: uppercase; font-size: 10px; text-decoration: none; color: #C7E363}
.sharky b {color: #68361a;}
.sharky::-webkit-scrollbar {width: 5px}
.sharky::-webkit-scrollbar-thumb {border: 1px solid #C7E363; background: white}

.sharkeh {height: 70px; width: 205px; position: absolute;  top: -65px; right: 20px; -webkit-transition: 0.5s ease-in-out}
.sharkeh1 {font-family: fugaz one; color: #fff; 
text-align: center; font-size: 40px; text-transform: lowercase; color: #fff; line-height: 70px;}
.sharkeh2 {height: 10px; width: 203px; background: rgba(255,255,255,0.9); border: 1px solid #68361a; position: absolute; text-align: center; font-family: arial; text-transform: uppercase; top: 50px; font-size: 8px; color:  #68361a; line-height: 11px}
.sharkeh2 a {text-decoration: none; color: #68361a}
#sharks input[type=checkbox]:checked ~ label {top: -10px; left: -10px; transform: scale(0.6); -webkit-transform: scale(0.6); -moz-transform: scale(0.6); transition: 0.5s ease-in-out 0.4s; -webkit-transition: 0.5s ease-in-out 0.4s; -moz-transition: 0.5s ease-in-out 0.4s; }
#sharks input[type=checkbox]:checked ~ .sharkfl {top: 345px; -webkit-transition: 0.5s ease-in-out; -moz-transition: 0.5s ease-in-out; -webkit-transition: 0.5s ease-in-out; }
#sharks input[type=checkbox]:checked ~ .sharky {bottom: 20px; transition: 0.6s ease-in-out 0.65s; -webkit-transition: 0.6s ease-in-out 0.65s; -moz-transition: 0.6s ease-in-out 0.65s; }
#sharks input[type=checkbox]:checked ~ .sharkeh {top: 10px; transition: 0.5s ease-in-out 0.55s; -webkit-transition: 0.5s ease-in-out 0.55s; -moz-transition: 0.5s ease-in-out 0.55s;}
</style>[/c*ode]

MOONRIVER

Меню навигации

Пользовательские ссылки

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

шаблон хронологии

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

Поделиться12015-11-07 17:07:26