Вверх Вниз

все будет хорошо

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

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


Вы здесь » все будет хорошо » Тестовый форум » Тестовое сообщение


Тестовое сообщение

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

1

Благодарим за выбор нашего сервиса!

0

2

Apelsinka team search
Девиз нашего поиска: хочешь сделать хорошо, - сделай сам.

0

3

Код:
<!--HTML--> <center>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,400i,500,500i,600,600i,700|Roboto:400,400i,500,500i,700,700i,900,900i" rel="stylesheet">
<style type="text/css">
 
 #kingdomcome
 {
   width: 355px;
   height: 505px;
   background: #f8f8f8;
   padding: 10px;
   box-shadow: 0px 0px 10px #ccc;
 }
 
 .ohbaby{
  width: 355px;
  height: 60px;
  background: linear-gradient(-45deg, rgba(232, 195, 253, 0.8) 0%, rgba(134, 197, 252, 0.8) 100%);
 
 }
 
 .willloveu{
   width: 355px;
   height: 50px;
   margin-top: -20px;
   background: linear-gradient(-45deg, rgba(232, 195, 253, 0.8) 0%, rgba(134, 197, 252, 0.8) 100%);
 }
 
 .willloveu h2{
   text-align: center;
   font-family: Montserrat;
   font-size: 35px;
   color: #fff;
   text-shadow: 0px 0px 5px #789fde, 0px 0px 5px #789fde;
   line-height: 50px;
   text-transform: lowercase;
   
 }
 
 .tagit{
   width: 355px;
   height: 26px;
   margin-top: 5px;
   background: linear-gradient(-45deg, rgba(232, 195, 253, 0.8) 0%, rgba(134, 197, 252, 0.8) 100%);
   opacity: 0.6;
  text-align: right;
  font-family: Roboto;
  color: #11111;
  font-size: 10px;
  line-height: 12px
   
 }
 .till{
   width: 355px;
   height: 503px;
   background: #f1f1f1;
   }
   
 #igotu {
 width: 95px;
 height: 95px;
 margin-top: 0px;
 border-radius: 100px;
 border: 5px solid #fff;
 -webkit-border-radius: 100px;
   -moz-border-radius: 100px;
 }
 
     
 .ugotme{
   width: 305px;
   height: 260px;
   background: #fff;
   padding: 20px;
   margin-top: 50px;
   font-family: Roboto;
   font-size: 10px;
   font-weight: 400;
   color: #111;
   text-align: justify;
   overflow: auto;
   border: 1px solid #ddd;
   line-height: 15px;
 
 }
 
 .ugotme b{ color: #789fde; font-size: 15px;}
 .ugotme i{ color: #789fde; font-size: 15px;}
 
 .loveu {
 font-size: 10px;
 color: #222;
 font-family: Roboto;
 margin-top: 4px;
 }
 
</style>

<div id="kingdomcome">

<div class="till">

<div class="ohbaby">
<div id="igotu" style="background-image: url('http://placehold.it/95');"></div>
</div>


<div class="ugotme">
 
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed ac nibh venenatis, malesuada justo sit amet, pretium massa. Etiam sem mi, facilisis convallis ultricies vel, molestie non tortor. Morbi convallis dui blandit elit convallis, eu sollicitudin nisi facilisis. Donec egestas ex a orci convallis, vitae hendrerit tellus sodales. Ut vel leo id magna fermentum dictum ut eu velit. Proin nisl elit, blandit ullamcorper rutrum rutrum, vulputate sed lorem. Praesent sit amet lorem sit amet libero malesuada cursus.
<p>
Ut efficitur <b>lorem mi</b>, sit amet facilisis mauris mattis quis. Quisque dapibus magna et massa varius iaculis. Maecenas non euismod diam. Sed condimentum magna turpis, sed lobortis ipsum porta sed. Vivamus massa turpis, euismod et blandit vitae, pretium nec ante. Sed id sem in nunc volutpat pellentesque nec id leo. Vivamus ac augue mollis, rhoncus ligula at, blandit augue.
<p>
Cras faucibus congue eleifend. Nulla congue velit a turpis posuere sodales. Curabitur semper diam in sagittis porta. Integer aliquam ullamcorper justo. Integer nunc leo, sodales at justo non, mollis luctus leo. Duis in rhoncus lectus. Nam convallis felis a dui euismod, at malesuada leo ultricies. Suspendisse convallis vel magna a viverra. Vestibulum id elementum arcu. Etiam tellus lorem, gravida sed egestas at, laoreet nec lorem. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Vivamus sit amet dui dui.

</div>
 <div class="willloveu"><h2>title here</h2></div>
 
 <div class="tagit">
   <b>NOTES</b>: notes go here
   <br>
   <b>TAGS</b>: @[NAME]
 </div>
 
 
</div>
</div>
<div class="loveu">THANKS <a href="http://wecode.jcink.net/index.php?showuser=6360">MICKEYY</a></div>
</center>
</html>

0

4

#pun-index td div.tclcon { - это селектор, который вам нужен
    width: 265px; задайте ширину
    height: 28px; высоту
    margin: 10px 0px 10px 10px!important; подвиньте куда надо
    border: 2px dashed #87d09d; - это "рамка" - если нужна, если не нужна, уберите
    background: url(ссылка на изображение) no-repeat; - это фон картинкой
    background-color: #c1a7a7; - это фон цветом
}

0

5

#pun-index td div.tclcon {
    width: 265px;
    height: 28px;
    margin: 10px 0px 10px 10px!important;
    border: 2px dashed #87d09d;
    background-color: #c1a7a7;
}

div#pun-ulinks {
       position: absolute;
       width: 100%;
       margin-left: 10px;
       top: 385px;
    text-transform: lowercase;
font: normal 110%  verdana;
       }

0

6

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
  background:url(http://s5.uploads.ru/XhMmc.png) 0 0 repeat-y; /*Фон размножаемый по вертикали*/
  overflow: visible!important;
  margin:12px 0!important;
}
.punbb .post .post-author > ul {
  background:url(http://s4.uploads.ru/bE3dQ.png) 0 top no-repeat,url(http://s5.uploads.ru/LHcVs.png) 0 bottom no-repeat; /*Фон верха - низа*/
  margin:-12px 0 -12px 0!important;
  padding:12px 17px!important;
}

0

7

профессии
хороший код

http://forumd.ru/viewtopic.php?id=6114#p135633

0

8

аа

0

9

/*  CS5 Категории форума и кнопки
------------------------------------------------------------*/
.pa-respect {content: ".";
shadow: inset 0 0 10px 5px #749be2;
padding:11px; text-shadow: #365cae 1px 1px 1px; width: 63px; height: 30px;
display: inline-block; margin-left: 0px;
text-align: center;font-family: arial; font-size: 12px;}

.pa-posts { margin-left: 30px; content: ".";
shadow: inset 0 0 10px 5px #e5d3c4;
text-shadow: #f0d77b 1px 1px 1px;
    display: inline-block;
    text-align: center; font-family: arial; font-size: 12px;
width: 63px; height: 30px;padding:11px;
}

0

10

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Libre+Franklin:100,100i,200,200i,300,300i,400,400i,500,500i,600,600i,700,700i,800,800i,900,900i" rel="stylesheet">
<link href="//dl.dropbox.com/s/vpi3f9s7nhpe7v7/honeybee.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono:100,100i,300,300i,400,400i,500,500i,700,700i" rel="stylesheet">

<style>
#season {height: 500px; width: 550px; margin: auto; position: relative; background: #e0e0e0}
#season .topbit {height: 390px; width: 550px; border-bottom: 1px solid #bb3508; position: absolute; box-sizing: border-box}
#season .topbit .imgbit {height: 100%; width: 200px; border-right: 1px solid #bb3508; box-sizing: border-box; position: absolute}
#season .topbit .imgbit img {height: 100%; width: 100%; object-fit: cover; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); position: absolute}
#season .topbit .imgbit scr {height: 100%; width: 100%; position: absolute; background: #af2307; mix-blend-mode: screen}
#season .btmbit {width: 550px; height: 110px; position: absolute; bottom: 0}
#season .btmbit .gifbit {height: 100%; width: 200px; border-left: 1px solid #bb3508; box-sizing: border-box; position: absolute; right: 0}
#season .btmbit .gifbit img {height: 100%; width: 100%; object-fit: cover; filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%);  position: absolute}
#season .btmbit .gifbit scr {height: 100%; width: 100%; position: absolute; background: #af2307; mix-blend-mode: screen}
#season .btmbit .namebit {display: flex; width: 350px; position: absolute; left: 0; flex-direction: column; justify-content: center;  font-family: libre franklin; font-weight: 800; height: 100%; padding: 0 30px; text-align: right; box-sizing: border-box; text-transform: uppercase; font-size: 20px; color: #bb3508}
#season .btmbit .namebit span {color: #555; font-size: 10px; letter-spacing: 1px; border-bottom: 4px solid #ccc; padding-bottom: 5px}
#season .btmbit .namebit bit {margin-bottom: 5px;}
#season .txtbit {height: 340px; width: 350px; box-sizing: border-box; border: 25px solid transparent; position: absolute; right: 0; bottom: 0; font-family: roboto mono; font-size: 11px; color: #333; line-height: 1.6; overflow: auto; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; transition: 0.4s ease; opacity: 0; text-align: justify; border-right: 10px solid transparent; padding-right: 10px}
#season .togglebit {height: 50px; width: 350px; border-bottom: 1px solid #bb3508; position: absolute; right: 0;}
#season input {display: none}
#season #seasont+label {height: 50px; width: 50px; display: flex; align-items: center; justify-content: center; flex-direction: column; color: #bb3508; position: absolute; right: 0; top: 0; font-size: 10px; z-index: 8}
#season #seasont+label span {height: 100%; width: 100%; display: flex; flex-direction: column; justify-content: center; position: absolute; text-align: center}
#season #seasont:hover+label {color: #555; transform: scale(1.2); -webkit-transform: scale(1.2);  -moz-transform: scale(1.2)}
#seasont:checked+label ~ #about {opacity: 0;}
#seasont:checked+label ~ #relations {opacity: 1; z-index: 5}
#seasont+label ~ #about {opacity: 1; z-index: 5}
#seasont+label ~ #relations {opacity: 0}
#season .ttlbit {height: 50px; width: 300px; box-sizing: border-box; position: absolute; padding-left: 25px; line-height: 50px; font-family: libre franklin; color: #333; text-transform: uppercase; font-size: 12px; font-weight: 900; right: 50px; text-align: left; letter-spacing: 1px; opacity: 0; -webkit-transition: 0.4s ease; -moz-transition: 0.4s ease; transition: 0.4s ease;}
#season .txtbit .header {font-family: libre franklin; color: #333; border-bottom: 1px solid #bb3508; text-transform: uppercase; font-weight: 700; padding-bottom: 5px; letter-spacing: 1px; margin: 10px 0}
#season .txtbit .header:nth-child(1) {margin-top: 0}
#season .txtbit::-webkit-scrollbar {width: 7px}
#season .txtbit::-webkit-scrollbar-thumb {background: #ccc}
#season .txtbit::-webkit-scrollbar-track {background: #e0e0e0; border: none!important}

</style>
<div id="season">
     <div class="topbit">
        <input type="checkbox" id="seasont">
   <label for="seasont">
   <span class="th th-diagonal-resize"></span>
   </label>
   <div class="imgbit">
     <img src="IMG HERE WILL RESIZE">
     <scr></scr>
   </div>
   <div class="togglebit"></div>

   <div class="ttlbit" id="about">Real life test</div>
   <div class="ttlbit" id="relations">relations</div>
   <div class="txtbit" id="about"><div class="header">Admin search</div>
Дорогие друзья! Лос-Анджелес приветствует каждому, кто заглянул на форум и посетил данную тему. Проходите, располагайтесь, место здесь найдется всем! Перед вами новый тест по реальной жизни. Мы собрались здесь для того, чтобы воплотить свою мечту, - уж очень хочется создать качественный проект с душой, где будет атмосферно играть и общаться. Давайте поиграем в свое удовольствие, не боясь удаления через каждые две недели. В данный момент мы находимся в поиске ответственных ребят, которые захотят вместе с нами создать платформу для игры и вложить туда свою душу, силы и время, а также полюбят проект как свой, и не захотят с ним расставаться, несмотря на трудности, которые могут в любой момент встать на нашем пути. 
Мы будем рады всем, начиная от дизайнера/кодера, и заканчивая текстовиком. Мы ищем как администраторов, так и модераторов. Расскажите нам вкратце, чем вам нравится заниматься и на какой пост (администратор или модератор) вы претендуете, каким вы хотите видеть будущий форум и покажите ваши работы, если они у вас есть. В плане связи, желательно наличие телеграмма или вконтакте. 


   </div>
   <div class="txtbit" id="relations">
     <div class="header">platonic</div>
     Proin a placerat enim. Morbi porttitor tempor mauris.  
     <div class="header">antagonistic</div>
     Proin a placerat enim. Morbi porttitor tempor mauris.  
     <div class="header">romantic</div>
     Proin a placerat enim. Morbi porttitor tempor mauris.  
     <div class="header">familial</div>
     Proin a placerat enim. Morbi porttitor tempor mauris.  

   </div>

 </div>
 <div class="btmbit">
   <div class="gifbit">
     <img src="GIF HERE WILL RESIZE">
     <scr></scr>
   </div>
   <div class="namebit">first last
     <bit><span>info or a quote</span></bit>
   </div>
 </div>
</div>
<a href="http://wecode.jcink.net/index.php?showuser=4918"><div style="width: 550px; margin: 10px auto; text-align: right; font-size: 8px; font-family: arial; text-transform: uppercase; color: #aaa;">liv's codes</div></a>

0

11

americana.rusff.me

0

12

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Anton|Laila" rel="stylesheet"><style>#canons {
 width:450px;
 height:auto;
 background:#111;
 padding:20px;
 font:10pt Anton;
 color:#777;
 outline:2px solid gold;
 outline-offset:-5px;
}
#canons h1 {
 color:lime;
 text-shadow:1px 0px 5px gold;
 font-family: 'Laila', serif;
 font-size:25pt;
 line-height:97%;
 border-bottom:2px solid green;
}
.mem-claim {
 display:inline-block;
 width:120px;
 height:120px;
 background:#222;
 margin:4px;
}
.mem-claim .name {
 text-align:center;
 color:lime;
 text-shadow:1px 0px 3px gold;
 padding-top:7px;
 margin-bottom:4px;
 font-size:15px;
 font-family:Laila;
 text-transform:capitalize;
}
.can {
 float:center;
 width:80px;
 height:80px;
}
.can img {
 background-size:80px;
 background-repeat: no-repeat;
 background-position: 30% 50%;
}
.can-deets {
opacity: 0;
 transition-duration: 0.4s;  
 -moz-transition-duration: 0.4s;  
 -webkit-transition-duration: 0.4s;  
 -o-transition-duration: 0.4s;
 background:#555;
 width:80px;
 height:80px;
}
.can-deets:hover {  
 opacity: 0.9;
}
.can-deets b {
 position:relative;
 top:40px;
 font-size:10pt;
 text-transform:uppercase;
 text-align:center;
 color:#000;
 letter-spacing:1px;
}
#canons #credz a {
 text-align:center;
 margin:auto;
 text-transform:uppercase;
 font-size:9pt;
 font-family:calibri;
 color:#333;
 text-decoration:none;
}
#canons #credz a:hover {
 color:#fff;
}</style><center>
 <div id="canons"><h1>canon claims</h1>
   
   <blockquote>Here are our canons, hover over each face to see if they're playable or taken. See the codes at the end to claim one and reply within.</blockquote>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><a href="#" title="taken by name"><b style="color:#070056;">taken</b></a></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b>reserved</b></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b>reserved</b></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b style="color:#fff;">open</b></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b style="color:#fff;">open</b></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b style="color:#fff;">open</b></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b style="color:#fff;">open</b></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b style="color:#fff;">open</b></div></div></div>
   
   <div class="mem-claim">
     <span class="name">first last</span>
     <div class="can" style="background:url(https://via.placeholder.com/100)"><div class="can-deets"><b style="color:#fff;">open</b></div></div></div>
   
   <div id="credz"><a href="https://ddr.jcink.net/index.php?showuser=1" target="_blank">Rach.</a>, <a href="http://wecode.jcink.net/index.php?showuser=3065">Supergirl</a>.</div>
 </div>
</center>

0

13

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Chonburi|Cousine|Lato" rel="stylesheet">
<div id="dtl-announce">
 <title>Announcement</title>
 <subtitle>00/00/0000</subtitle>
 <text>HERE</text>
</div>
<style>
#dtl-announce{height:auto;width:500px;background:#000;padding:50px;position:relative;margin:20px auto;overflow:hidden;border:1px solid #232323;line-height: 150%;margin-bottom:0px;}
#dtl-announce title{display:block;position:relative;font-family:chonburi;color:#eee;text-transform:uppercase;font-size:45px;left:0;line-height:100%}
#dtl-announce title:after{display:block;content:"";height:2px;width:590px;background:#eee;position:relative;top:-24px;left:10px}
#dtl-announce text{text-align:justify;color:#ccc;font-family:lato;font-size:12px;display:block;line-height:150%;width: 500px;height: auto;position:relative;}
#dtl-announce subtitle{text-transform:lowercase;display:block;font-family:cousine;color:#ccc;font-size:14px;margin:10px 0;position:relative;}
#dtl-announce subtitle:before{content:"";position:relative;background:#ccc;height:10px;width:10px;-webkit-clip-path:polygon(100% 50%,0 0,0 100%);clip-path:polygon(100% 50%,0 0,0 100%);display:inline-block;margin-right:5px}
</style>
<center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>

0

14

Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Playfair+Display:400,400i,600,700,800,900|Roboto|Raleway|Sawarabi+Gothic" rel="stylesheet">
<style>

#faceclaims {
 width: 500px;
 background: #fff;
 height: auto;
 position: relative;
 margin: 30px auto;
 border: 1px solid #ccc;
 outline: 1px solid #bb9656;
 outline-offset: 10px;
 font-family: roboto;
 color: #191919;
 line-height: 170%;
 font-size: 11px;
 margin-bottom: 10px;
}

#faceclaims maintitle {
 position: relative;
 display: block;
 height: 60px;
 border-bottom: 1px solid #bb9656;
 overflow: hidden;
 font-family: playfair display;
 font-weight: 800;
 text-align: center;
 color: #bababa;
 text-transform: uppercase;
 line-height: 230%;
 font-size: 40px;
}

#faceclaims text {
 font-family: roboto;
 padding: 30px;
 display: block;
 color: #191919;
 text-align: justify;
 font-size: 11px;
 line-height: 150%;
}

#faceclaims subtitle {
 position: relative;
 display: block;
 height: 20px;
 border-bottom: 1px solid #ccc;
 overflow: hidden;
 font-family: playfair display;
 font-weight: 800;
 text-align: left;
 color: #bababa;
 text-transform: uppercase;
 line-height: 130%;
 font-size: 20px;
}

#faceclaims descript {
 display: block;
 color: #ddd!important;
 font-size: 9px!important;
}

#faceclaims nameblock {
 width: 300px;
 height: 20px;
 position: relative;
 display: flex;
 margin: 2px auto;
 justify-content: space-between;
 color: #191919;
 line-height: 200%;
 font-size: 11px;
 text-transform: uppercase;
   border-bottom: 1px solid #eee;
}


#faceclaims faceclaim {
 display: block;
}

#faceclaims a {
 color: #bb9656;
 display: block;
 text-decoration: none;
}

</style>
<div id="faceclaims">
 <maintitle>Face Claims</maintitle>
 <text>Face claims are limited to signed actors, musicians, and models on TV. No internet personalities or youtube stars will be permitted.</text>
<subtitle>A-F</subtitle>
 <text>
   <nameblock><descript>Face Claim</descript> <descript>Character</descript></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
 </text>
<subtitle>G-M</subtitle>
 <text>
   <nameblock><descript>Face Claim</descript> <descript>Character</descript></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
 </text>
<subtitle>N-Z</subtitle>
 <text>
   <nameblock><descript>Face Claim</descript> <descript>Character</descript></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
   <nameblock><faceclaim>Last, First</faceclaim><a href="">Character Name</a></nameblock>
 </text>
</div>

<center><a href="http://wecode.jcink.net/index.php?showuser=4933" style="color:#ccc;font-size:7px;letter-spacing:5px;">MONTY</a></center>

0

15

Код:
<!--HTML--><style>@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); .mp-template { font: 11px 'Montserrat', sans-serif; margin: 10px auto; max-width: 450px; width: 90%; } .mp-tp-inner { background: #eee; box-sizing: border-box; padding: 10px; } .mp-tp-header { align-items: center; background: #043043; box-sizing: border-box; color: #f7f7f7; display: flex; height: 65px; letter-spacing: 2px; margin: 0 0; padding: 0 0 0 20px; text-transform: uppercase; width: auto; } .mp-tp-header:before { content: "-"; padding: 0 10px 0 0; } .mp-tp-header:after { content: "-"; padding: 0 0 0 10px; } .mp-tp-content { color: #222; background: #f7f7f7; line-height: 150%; padding: 10px; text-align: justify; width: auto; } .mp-tp-content h1 { color: #043043; font-weight: normal; margin: 20px 0 20px 20px; } .mp-tp-content img { border: 10px solid #eee; } .mp-tp-member { padding: 0 0 0 10px; } .mp-tp-name { font-size: 1.5em; } .mp-tp-credit { font-size: 8px; margin: 2px 10px 0 0; text-align: right; }
</style><div class="mp-template"><div class="mp-tp-inner"><div class="mp-tp-header">

 MEMBER DIRECTORY

</div><div class="mp-tp-content">
     
 <h1>USERNAME</h1>
<table class="mp-tp-table"><tr><td>

 <img src="https://placehold.it/75" />

</td><td class="mp-tp-member"><span class="mp-tp-name">

 <a href="">CHARACTER NAME</a></span><br>
 USERGROUP - PLAYBY

</td></tr><tr><td>

 <img src="https://placehold.it/75" />

</td><td class="mp-tp-member"><span class="mp-tp-name">

 <a href="">CHARACTER NAME</a></span><br>
 USERGROUP - PLAYBY

</td></tr></table>

 <h1>USERNAME</h1>
<table class="mp-tp-table">

<tr><td>
 <img src="https://placehold.it/75" />

</td><td class="mp-tp-member">
 <span class="mp-tp-name"><a href="">CHARACTER NAME</a></span><br>
 USERGROUP - PLAYBY

</td></tr></table>

</div></div><div class="mp-tp-credit"><a href="http://wecode.jcink.net/index.php?showuser=1253" title="Thank you, Andraste!">Θ Θ Θ</a></div></div>

0

16

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Yeseva+One|Open+Sans'rel='stylesheet' type='text/css'>

<style>
.threadtitleyo {
color: #FFF;
font-family:Yeseva One;
font-size: 20px;
FONT-WEIGHT: NORMAL;
padding: 25PX;
text-transform: uppercase;
width: 400pX;
background: #85CCF2;
border-top: #D5E9F2 solid 10px;
margin-top: 49px;
}
.threadyotext1 {
text-align: justify;
text-transform: uppercase;
width: 260px;
top: 35px;
left: -60px;
height: 310px;
position: relative;
}
.threadyotext {width: 225px;height: 310px;overflow: auto;font-family: open sans;margin-top: 33px;font-size: 9px;text-transform: lowercase;}
.threadyotext::-webkit-scrollbar-thumb{
background-color: #85CCF2;
 border: 2px solid #F2EBE4; height:auto;
}

.threadyotext::-webkit-scrollbar {
height: 9px;
width: 9px;
background-color: #85CCF2;
 border: 4px solid #F2EBE4;
}
.threadyocredit {
width: 350px;
color: #000;
font-family: montserrat;
font-size: 8px;
text-align: right;
text-transform: uppercase;
padding: 5px;
margin-top: 100px;
}
.threadyocredit a {text-decoration:none;color:#000;}
</style>
<div style="background:#F2EBE4;width:450px;height: 360px;">

 
 
<div class="threadyotext1">


 <div class="threadyotext">
 auto scrolls.
 </div>
 

</div>
  <div class="threadtitleyo"><div style="margin-left:-185px">SHORT TITLE HERE</div><br>
   <div style="font-size: 9px;font-family:open sans;text-transform:uppercase;letter-spacing: 1.5px;text-align: right;margin-right: 200px;margin-top:-20px;">AGE. MEMBERGROUP.</div>
    <img src="http://placehold.it/125" style="margin-top: -420px;border:10px solid #fff; position: absolute;margin-left: 55px;">
    <img src="http://placehold.it/125" style="margin-top: -285px;border:10px solid #fff; position: absolute;margin-left: 55px;">
       <img src="http://placehold.it/125" style="margin-top:-150px;border:10px solid #fff; float:right;">
 </div>
 
</div>
<div class="threadyocredit"><a href="http://wecode.jcink.net/index.php?showuser=11">by kailen</a></div>

0

17

Код:
<!--HTML--><style>
@import url('https://fonts.googleapis.com/css?family=Montserrat:400,700'); .mp-template { font: 11px 'Montserrat', sans-serif; margin: 10px auto; max-width: 450px; width: 90%; } .mp-tp-inner { background: #eee; box-sizing: border-box; padding: 10px; } .mp-tp-header { align-items: center; background: #043043; box-sizing: border-box; color: #f7f7f7; display: flex; height: 65px; letter-spacing: 2px; margin: 0 0; padding: 0 0 0 20px; text-transform: uppercase; width: auto; } .mp-tp-header:before { content: "-"; padding: 0 10px 0 0; } .mp-tp-header:after { content: "-"; padding: 0 0 0 10px; } .mp-tp-content { color: #222; background: #f7f7f7; line-height: 150%; padding: 10px; text-align: justify; width: auto; } .mp-tp-content h1 { color: #043043; font-weight: normal; margin: 20px 0 20px 20px; } .mp-tp-content h2 { color: #043043; font-weight: normal; margin: 10px 20px 10px 0; text-align: right; } .mp-tp-content textarea { width: 100%; min-height: 35px; background: #f7f7f7; } .mp-tp-credit { font-size: 8px; margin: 2px 10px 0 0; text-align: right; }</style><div class="mp-template"><div class="mp-tp-inner"><div class="mp-tp-header">

 FACE CLAIM

</div><div class="mp-tp-content">

 <p>Intelligent beings great turbulent clouds hearts of the stars Orion's sword. Globular star cluster dream of the mind's eye venture astonishment the sky calls to us!</p>
     
 <h1>CLAIMS</h1>
     
 <h2>A - B - C - D - E</h2>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a>

 <h2>F - G - H - I - J</h2>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a>

 <h2>K - L - M - N - O</h2>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a>

 <h2>P - Q - R - S - T</h2>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a>

 <h2>U - V - W - X - Y - Z</h2>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>
 LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a>

 <h1>RESERVES</h1>
 LASTNAME, FIRSTNAME - OOC NAME - DATE<br>
 LASTNAME, FIRSTNAME - OOC NAME - DATE<br>
 LASTNAME, FIRSTNAME - OOC NAME - DATE

 <h1>CLAIM CODE</h1>
 Remember to remove the ** from the code before posting.
 <textarea>[code**]LASTNAME, FIRSTNAME - USERGROUP - <a href="">CHARACTER NAME</a><br>[/code**]</textarea>
     
 <h1>RESERVE CODE</h1>
 Remember to remove the ** from the code before posting.
 <textarea>[code**]LASTNAME, FIRSTNAME - OOC NAME - DATE<br>[/code**]</textarea>

</div></div><div class="mp-tp-credit"><a href="http://wecode.jcink.net/index.php?showuser=1253" title="Thank you, Andraste!">Θ Θ Θ</a></div></div>

0

18

Код:
<!--HTML--><link href='http://fonts.googleapis.com/css?family=Vast+Shadow' rel='stylesheet' type='text/css'>
<style>.clarawrap {margin: auto; width: 480px; background: rgba(255,255,255,0.5); padding: 10px; border-top: solid 8px #577582; color: #000}
.claracontent {font-family: calibri, arial, sans-serif; font-size: 15px; line-height: 16px;}
.claracontent b, .claracontent i {color: #577582}
.claracontent p:first-child:first-letter { float: left; color: #557582; font-size: 50px; padding: 5px;  font-family: Georgia; }
.claraimg {width: 480px; height: 270px; overflow: hidden;}
.claratitle {font-family: georgia; font-size: 25px; text-transform: uppercase; font-weight: bold; color: #577582; text-shadow: 1px 1px 0px rgba(255,255,255,0.9); text-align: center; padding: 5px 10px; border-bottom: double 3px #577582;}
.claraquote {text-transform: uppercase; font-family: calibri, sans-serif; color: #577582; font-size: 11px; line-height: 12px;}
</style>
<div class="clarawrap"><div class="claracontent"><p>

Дорогие друзья! Лос-Анджелес приветствует каждого из вас, кто заглянул на форум и посетил данную тему. Проходите, располагайтесь, место здесь найдется всем! Перед вами новый тест по реальной жизни. Мы собрались здесь для того, чтобы воплотить свою мечту, - уж очень хочется создать качественный проект с душой, где будет атмосферно играть и общаться. Давайте поиграем в свое удовольствие, не боясь удаления через каждые две недели. В данный момент мы находимся в поиске ответственных ребят, которые захотят вместе с нами создать платформу для игры и вложить туда свою душу, силы и время, а также полюбят проект как свой, и не захотят с ним расставаться, несмотря на трудности, которые могут в любой момент встать на нашем пути. 
Мы будем рады всем, начиная от дизайнера/кодера, и заканчивая текстовиком. Мы ищем как администраторов, так и модераторов. Расскажите нам вкратце, чем вам нравится заниматься и на какой пост (администратор или модератор) вы претендуете, каким вы хотите видеть будущий форум и покажите ваши работы, если они у вас есть. В плане связи, желательно наличие телеграмма или вконтакте. 

</div><div class="claraimg">

<img src="https://i.imgur.com/ZLCp9u9.png"></img>

</div><div class="claratitle">

Los-Angeles welcomes you!
</div><div class="claraquote">

real-life test [admin search], los-angeles, 2020
</div></div><div style="font-size: 9px; text-align: center;"><a href="http://wecode.jcink.net/index.php?showuser=42">.</a></div>

0


Вы здесь » все будет хорошо » Тестовый форум » Тестовое сообщение


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