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

test

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

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

Вы здесь » test » Перезагрузка наша » шаблоны

шаблоны

Страница: 1

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

1

  • Автор: полночь в париже
  • Администратор
  • Зарегистрирован: 2015-12-16
  • Приглашений: 0
  • Сообщений: 40
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    19 часов 37 минут
  • Последний визит:
    2017-08-24 17:26:34

...

0

2

  • Автор: полночь в париже
  • Администратор
  • Зарегистрирован: 2015-12-16
  • Приглашений: 0
  • Сообщений: 40
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    19 часов 37 минут
  • Последний визит:
    2017-08-24 17:26:34
Код:
<!--HTML--><style type="text/css">
@import url(--);
#xdiv{position:relative;margin:0 auto;width:400px;height:400px;border:7px solid #fff;border-bottom:0px;background-size:cover}#xdiv:before,#xdiv:after{content:'';position:absolute;z-index:0;display:block;top:50%;left:0px;height:1px;width:400px;background-color:#fff;transition:all 1s linear}
#xdiv:before{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);transition:all 0.3s linear}
#xdiv:after{display:block;-ms-transform:rotate(-45deg);-webkit-transform:rotate(-45deg);transform:rotate(-45deg);transition:transform 0.3s linear, opacity 0.3s linear 0.3s}
.rstext::-webkit-scrollbar{width:3px;height:3px}.rstext::-webkit-scrollbar-track{background-color:#fff}
.rstext::-webkit-scrollbar-thumb{background-color:#000;border:1px solid #fff}#xdiv:hover:after,
#xdiv:hover:before{transform:rotate(0deg);opacity:0}
.wrap1{width:400px;z-index:99;overflow:hidden;position:relative;height:0px;margin:0px;margin-top:200px;background-color:#FFF;transition:height 1s 0.5s, margin-top 1s 0.5s;background-color:rgba(255, 255, 255, 0.3)}
#xdiv:hover .wrap1{height:400px;margin-top:0px}
.wrap2{margin:30px;padding:20px;padding-right:15px;text-align:justify;height:300px;background-color:#fff}
.rstext{padding-right:5px;overflow:auto;height:300px;font:11px 'istok web';color:#333}
.rstext h1{background-color:#fcd245;display:inline-block;padding:4px;font:14px 'oxygen mono';font-weight:normal;margin:3px 0px}.byrachel {text-align:right; width:414px; margin:0 auto; display:block; opacity:0.7;}
#blurb{width:320px;margin:0 auto;background-color:#fff;text-align:right;border:7px solid #fff;border-top:0px;padding:40px}.name{font:25px 'rubik';font-weight:700;text-transform:uppercase;color:#151515;text-align:left;border-bottom:7px solid #fcd245;display:block;margin-bottom:6px}.blurb{font:8px 'oxygen mono';letter-spacing:2px;text-transform:uppercase;background-color:#f0f0f0;padding:3px}
.rstext b{border-bottom:2px solid #ebebeb}
.rstext h1 {background-color:#fcd245}
.name {border-color:#fcd245;}
</style>
<div id="xdiv" style="background-image:url('400X400 IMAGE HERE');"><div class="wrap1"><div class="wrap2"><div class="rstext">
<h1>subtitle</h1>
Text here. <b>Bold</b>
</div></div></div></div>
<div id="blurb"><span class="name">
FIRST LAST
</span><span class="blurb">
SHORT DESCRIPTION
</span></div>
<span class="byrachel"><a href="http://shine.b1.jcink.com/index.php?showuser=16867" title="breezeblocks. @ shine">●</a></span>

0

3

  • Автор: полночь в париже
  • Администратор
  • Зарегистрирован: 2015-12-16
  • Приглашений: 0
  • Сообщений: 40
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    19 часов 37 минут
  • Последний визит:
    2017-08-24 17:26:34
Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Raleway:400,900' rel='stylesheet' type='text/css'> <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css">
<link rel="stylesheet" href="http://static.tumblr.com/gezmuyb/bRDnptdr9/steverogers.css"><link href='http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900' rel='stylesheet' type='text/css'>
<style type="text/css">
.cookie-two { cursor: url(http://www.themesltd.com/cursors/random/tiny_cursor.png), auto; width: 540px; padding: 15px; background-color: #fafafa; border: 4px solid #fff; outline: 1px solid #ccc; }
.cookie-one { width: 492px; height: 494px; padding: 18px; background-image: url(http://subtlepatterns.com/patterns/crossword.png); border: 5px solid #fff; outline: 1px solid #f7f7f7; }
.cookie-ten { position: relative;    width: 540px; height:  494px; clear: both; overflow: hidden; }
.cookie-eleven { display: block; }
.cookie-eleven label { cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto; display: block; width: 50px; height: 50px; padding: 5px; border-radius: 100%;  background-color: #fff;  border: 1px solid #f7f7f7; position: relative; left: 190px; background-color: #fff; margin-bottom: 10px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; }
.cookie-eleven label img { opacity: 0; position: relative; top: -20px; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.cookie-eleven [type=radio] { display: none;    baseline-tab-shift: true, retrieve; }
.cookie-twelve { position: absolute; bottom: 0px; right: 0px; top: 0px; background: white; padding: 9px; width: 400px; left: -420px; -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s; border: 1px solid #f7f7f7f7;  }
.cookie-ten .cookie-eleven [type=radio]:checked ~ label { background: white; opacity: 1; z-index: 2; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; } 
.cookie-ten .cookie-eleven [type=radio]:checked ~ label img { opacity: 1; -webkit-transition-duration: .3s; -moz-transition-duration: .3s; -o-transition-duration: .3s; }
.cookie-ten .cookie-eleven [type=radio]:checked ~ label ~ .cookie-twelve { z-index: 1; left: 0px; }
.cookie-three { border-radius: 100%; width: 50px; height: 50px; background-color: #000; }
.cookie-blue { width: 50px; height: 50px; background-color: #B5D8EB; border-radius: 100%; }
.cookie-orange { width: 50px; height: 50px; background-color: #FFC8BA; border-radius: 100%; }
.cookie-green { width: 50px; height: 50px; background-color: #93DFB8; border-radius: 100%; }
.cookie-pink { width: 50px; height: 50px; background-color: #FFBDD8; border-radius: 100%; }
.cookie-purple { width: 50px; height: 50px; background-color: #E3AAD6; border-radius: 100%; }
.cookie-four { font-family: arial; font-size: 20px; text-align: center; line-height: 100%; color: #fff; font-weight: bold; position: relative; top: 15px; }
.cookie-five { width: 150px; height: 250px; padding: 9px; border: 1px solid #f7f7f7; background-image: url(http://subtlepatterns.com/patterns/crossword.png); }
.cookie-six { width: 210px; padding-right: 5px; font-family: source sans pro; font-size: 11px; text-align: justify; line-height: 95%; color: #777; height: 409px; overflow: auto; margin-right: 10px; }
.cookie-six::-webkit-scrollbar { width: 10px; }
.cookie-six::-webkit-scrollbar-track { background-color: #fff; }
.cookie-six::-webkit-scrollbar-thumb { background-color: #fff; border: 1px solid #eee; }
.cookie-seven { letter-spacing: -3px; font-family: raleway; font-size: 42px; text-transform: uppercase; font-weight: 900; line-height: 100%; text-align: center; }
.cookie-eight { font-family: raleway; font-size: 10px; text-transform: uppercase; line-height: 100%; font-weight: 400; text-align: center; letter-spacing: 1px; margin-bottom: 10px; color: #999; }
.cookie-cblue { color: #B5D8EB; }
.cookie-corange { color: #FFC8BA; }
.cookie-cgreen { color: #93DFB8; }
.cookie-cpurple { color: #E3AAD6; }
.cookie-cpink { color: #FFBDD8; }
.cookie-nine { width: 170px; height: 127px; font-family: raleway; font-size: 7px; text-transform: uppercase; letter-spacing: 1px; line-height: 100%; color: #999; overflow: hidden; margin-top: 12px; text-align: justify; }
.cookiecredit { cursor: url(http://33.media.tumblr.com/tumblr_lqs4qdUu8n1qfoi4t.png), auto;  padding: 5px 19px; max-width: 300px; border: 1px solid #eee; font-family: source sans pro; font-size: 9px; text-transform: uppercase; text-align: center; line-height: 100%; color: #B5D8EB; background-color: #fff; margin-top: 10px; }
</style>
<center>
<div class="cookie-two">
<div class="cookie-one">
<div class="cookie-ten">
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-8" name="cookie-eleven-group-2" checked>
<label for="cookie-eleven-8"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-blue"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cblue">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div> 
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-9" name="cookie-eleven-group-2">
<label for="cookie-eleven-9"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-orange"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-corange">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div> 
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-10" name="cookie-eleven-group-2">
<label for="cookie-eleven-10"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-green"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cgreen">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-11" name="cookie-eleven-group-2">
<label for="cookie-eleven-11"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-pink"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cpink">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div> 
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-12" name="cookie-eleven-group-2">
<label for="cookie-eleven-12"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-purple"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cpurple">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div> 
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-13" name="cookie-eleven-group-2">
<label for="cookie-eleven-13"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-blue"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-cblue">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
<div class="cookie-eleven">
<input type="radio" id="cookie-eleven-14" name="cookie-eleven-group-2">
<label for="cookie-eleven-14"><span class="hint--left" data-hint="FIRST LAST"><div class="cookie-orange"><div class="cookie-four"><i class="fa fa-user-plus"></i></div><img src="SQUARE IMAGE HERE! IT WILL RESIZE!" width="50" style="border-radius: 100%;"></div></span></label>
<div class="cookie-twelve">
<div class="cookie-seven cookie-corange">FIRST LAST</div>
<div class="cookie-eight">##. CAREER. PLAYBY.</div>
<table cellspacing="0" cellpadding="0">
<td><div class="cookie-six">
SHIPPER!
</div></td>
<Td valign="top"><div class="cookie-five"><img src="http://placehold.it/150x250"></div><div class="cookie-nine">
LYRICS!
</div></td>
</table>
</div>
</div>
</div>
</div>
</div>
</center><center><A href="http://shine.jcink.net/index.php?showuser=10542"><div class="cookiecredit">© FELICITY</div></a>

0

4

  • Автор: полночь в париже
  • Администратор
  • Зарегистрирован: 2015-12-16
  • Приглашений: 0
  • Сообщений: 40
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    19 часов 37 минут
  • Последний визит:
    2017-08-24 17:26:34
Код:
<!--HTML--><style type="text/css">
@import url(--);
.pt_text::-webkit-scrollbar {width: 3px;  background:#fff;}
.pt_text::-webkit-scrollbar-thumb {	background:#e5d727; border:1px solid #fff; width:1px;}
.pt_text::-webkit-scrollbar-track {	background:#fff; }
#pt_container {border:1px solid #ccc; padding:30px; width:450px; margin:0 auto; background-color:#fff;}
#pt_image {width:200px; height:320px;float:left; background-size:cover;}
.pattern {width:200px; height:320px; background-image:url('http://i.imgur.com/HejYAsw.png'); opacity:0.15;}
.pt_text {width:212px; height:320px;  font:10px 'karla'; font-weight:400; line-height:12px; display:block; overflow:auto; float:left; text-align:justify; padding-right:5px; margin-left:10px;}
.byrachel {text-align:right; width:510px; margin:0 auto; display:block; opacity:0.7;}
.pt_text h1 {font:12px 'montserrat'; text-transform:uppercase; letter-spacing:3px; font-weight:700; margin-bottom:2px; margin-top:15px; color:#e5d727}
.pt_text h2 {font:12px 'montserrat'; text-transform:uppercase; letter-spacing:3px; font-weight:700; margin-bottom:2px; margin-top:15px;  color:#98dac6}
.pt_text h3 {font:12px 'montserrat'; text-transform:uppercase; letter-spacing:3px; font-weight:700; margin-bottom:2px; margin-top:15px;  color:#f18b9c}
.pt_desc {font:7px 'montserrat'; font-weight:700; letter-spacing:1px; display:block; border-top:3px solid #fff; text-align:right; padding-top:4px;}
label img {width:50px; height:50px;}
.pt_text i {font:12px 'lora'; line-height:12px; font-style:italic; font-weight:700; color:#f18b9c;}
.pt_text b {text-transform:uppercase; font-size:9px; font-weight:700; color:#5bc7ab}
.r_tabs {  position: relative;   min-height: 535px;   clear: both; overflow:hidden;  margin:0;  border:1px solid #f0f0f0; padding:10px;}
.r_tab {  float: left; }
.r_tab label {display:block; width:50px; cursor:pointer; height:50px;  padding:5px; border:1px solid #ddd; 
position: relative; margin-right:11px; top: 474px; z-index:9; opacity:0.7; -webkit-transition: all 0.4s;
   -moz-transition: all 0.4s;    -o-transition: all 0.4s;    transition: all 0.4s;}
.r_tab [type=radio] {  display: none;   }
.pt_top {padding:0px;  position: absolute; height:320px; overflow:hidden;  top: 10px; width:438px;  left: -400;  background: white;  right: 10; 
bottom: 0; opacity:0; -webkit-transition: all 0.4s;    -moz-transition: all 0.4s;    -o-transition: all 0.4s;    transition: all 0.4s;}
.pt_line {  position: absolute;  top: 464px; background-color:#f18b9c; height:10px; left:10px; right:10px; overflow:hidden;}
.pt_line2 {  position: absolute;  top: 337px; background-color:#e5d727; height:1px; left:10px; right:10px; overflow:hidden;}
.pt_bottom {  position: absolute;  top: 345px; background-color:#5bc7ab; color:#fff; padding:30px; left:10px; right:10px; overflow:hidden; height:50px; }
.pt_h {display:block;   top: 345px; padding:30px; left:400px; right:10px;  position:absolute;
font:25px 'montserrat'; letter-spacing:-1px; font-weight:700; text-transform:uppercase;
-webkit-transition: all 0.4s;    -moz-transition: all 0.4s;    -o-transition: all 0.4s;    transition: all 0.4s; opacity:0; z-index:1000; color:#fff; width:368px;  height:50px;}
[type=radio]:checked ~ label {  z-index: 2; opacity:1;}
[type=radio]:checked ~ label ~ .pt_top  {  left:10px; opacity:1; z-index:1;}
[type=radio]:checked ~ label ~ .pt_h {  left:10px; opacity:1; z-index:1;}
</style>
<div id="pt_container">
<div class="r_tabs">  
<div class="pt_line2"></div>
<div class="pt_bottom"></div>
<div class="pt_line"></div>
  <div class="r_tab">
      <input type="radio" id="r_tab-1" name="r_tab-group-1" checked>
     
<label for="r_tab-1"><img src="http://placehold.it/50x50"></label>
      
<div class="pt_top">
<div id="pt_image" style="background-image:url(http://placehold.it/200x300);"><div class="pattern"></div></div>
<div class="pt_text">
Text here. <b>Bold</b> <i>Italic.</i>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
</div></div><div class="pt_h"><span class="pt_name">
FIRST LAST
</span><span class="pt_desc">
SHORT DESCRIPTION
</span></div> </div>
   
  <div class="r_tab">
      <input type="radio" id="r_tab-2" name="r_tab-group-1">
      <label for="r_tab-2"><img src="http://placehold.it/50x50"></label>
      
<div class="pt_top">
<div id="pt_image" style="background-image:url(http://placehold.it/200x300);"><div class="pattern"></div></div>
<div class="pt_text">
Text here. <b>Bold</b> <i>Italic.</i>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
</div></div><div class="pt_h"><span class="pt_name">
FIRST LAST
</span><span class="pt_desc">
SHORT DESCRIPTION
</span></div> </div>
   
   <div class="r_tab">
      <input type="radio" id="r_tab-3" name="r_tab-group-1">
      <label for="r_tab-3"><img src="http://placehold.it/50x50"></label>
    
<div class="pt_top">
<div id="pt_image" style="background-image:url(http://placehold.it/200x300);"><div class="pattern"></div></div>
<div class="pt_text">
Text here. <b>Bold</b> <i>Italic.</i>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
</div></div><div class="pt_h"><span class="pt_name">
FIRST LAST
</span><span class="pt_desc">
SHORT DESCRIPTION
</span></div> </div>
   <div class="r_tab">
      <input type="radio" id="r_tab-4" name="r_tab-group-1">
      <label for="r_tab-4"><img src="http://placehold.it/50x50"></label>
    
<div class="pt_top">
<div id="pt_image" style="background-image:url(http://placehold.it/200x300);"><div class="pattern"></div></div>
<div class="pt_text">
Text here. <b>Bold</b> <i>Italic.</i>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
</div></div><div class="pt_h"><span class="pt_name">
FIRST LAST
</span><span class="pt_desc">
SHORT DESCRIPTION
</span></div> </div>
   
   <div class="r_tab">
      <input type="radio" id="r_tab-5" name="r_tab-group-1">
      <label for="r_tab-5"><img src="http://placehold.it/50x50"></label>
    
<div class="pt_top">
<div id="pt_image" style="background-image:url(http://placehold.it/200x300);"><div class="pattern"></div></div>
<div class="pt_text">
Text here. <b>Bold</b> <i>Italic.</i>
<h1>H1</h1>
<h2>H2</h2>
<h3>H3</h3>
</div></div><div class="pt_h"><span class="pt_name">
FIRST LAST
</span><span class="pt_desc">
SHORT DESCRIPTION
</span></div> </div>
   <div class="r_tab">
      <label style="padding:0px; height:62px; width:62px; margin-right:0px; opacity:1; background-color:#e5d727; cursor:default; border:0px;"></label>
  </div>
</div>
</div><span class="byrachel"><a href="http://shine.b1.jcink.com/index.php?showuser=16867" title="breezeblocks. @ shine">●</a></span>

0

5

  • Автор: вишня
  • Администратор
  • вишня
  • Зарегистрирован: 2015-12-21
  • Приглашений: 0
  • Сообщений: 27
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    13 часов 52 минуты
  • Последний визит:
    2017-03-09 16:48:32
Код:
<!--HTML-->

<style type="text/css">
div.bg{
    background:
        url("http://funkyimg.com/i/29yzy.png") 50% 0 no-repeat,
        url("http://funkyimg.com/i/29yzx.png") 50% 100% no-repeat, 
        url("http://funkyimg.com/i/29yzw.png") 50% 0 repeat-y;
    background-size: 599px;
}

div.tname{
    padding: 20px 0 0 0;
    color: #f3f3f3;
    font-size: 30px;
    font-family: 'NautilusPompilius';
    font-style: normal;
    font-weight: normal;
    position: relative;
    z-index: 1;
    text-shadow:
        #91b0cd 1px 1px 0,
        #91b0cd -0px -0px 0,
        #91b0cd -0px 1px 0,
        #91b0cd 1px -0px 0;
}

div.qt{
    padding: 0 0 0 0;
    color: #ffffff;
    font-size: 11px;
    letter-spacing: 2px;
    position: relative;
    z-index: 2;
    bottom: 9px;
    font-style: normal;
    font-weight: 900;
    font-family: 'Calibri';
}</style>

<center><div class='bg'><div class='tname'>Здрасти, я ваша тетя.</div>

<div class='qt'>чем больше семья, тем больше подарков на день рождения!</div>

<div style="padding: 0 0 50px 0; width: 530px; text-align: justify; font-size: 11px; margin-left: 5px;"><br>
Ищите любимых, близких, родственников, друзей и врагов. Чем больше у Вас связей, тем легче начать игру. 
</div>
</center>

0

6

  • Автор: вишня
  • Администратор
  • вишня
  • Зарегистрирован: 2015-12-21
  • Приглашений: 0
  • Сообщений: 27
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    13 часов 52 минуты
  • Последний визит:
    2017-03-09 16:48:32
Код:
<!--HTML--> 
<style>
.tem {width: 570px; height: auto; min-height: 340px; padding: 5px; background: url("http://i.imgur.com/o7Q1amt.png") no-repeat center top, url("http://i.imgur.com/0i8QhTv.png") no-repeat center bottom, url("http://i.imgur.com/Ln7yhHb.png") repeat-y center;}
.tem .ttem {width: 480px; height: auto; padding: 15px; text-align: justify; font-family: 'calibri' !important; background: transparent; color: #5b6e01; font-size: 12px !important; line-height: 97%; }
.temn {width: 480px; margin-top: 110px; font-family: lobster; font-size: 25px; color: #5b6e01; text-shadow: 2px 0 0 #fcfcfc;}
</style>

<center>
<div class="tem">
<div class="temn">поиск партнёра</div>
<div class="ttem"><br><br>Тебе скучно и одиноко, хочется поиграть? Нужно всего лишь написать сюда и сразу же найдёшь интереснейший сюжет  для эпизода и возможно даже не одного, а нескольких. Дерзай и тебя ждёт награда.</div>
</div>
</center>

0

Страница: 1

Вы здесь » test » Перезагрузка наша » шаблоны

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