я: прячусь от короны на джампе
джамп: надевает дуа липу маску
всего написано постов:
23751
всего выпито литров:
48102,7
20,0
20,5
79,5
гостевая
внешности
занятость
нужные f
нужные m
хочу к вам
тех.поддержка
#коктейльная_карта
#мой_бар
#награды
#прокачай_профиль
#банк

klown

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

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

Вы здесь » klown » Тестовый форум » кодики

кодики

Страница: 1

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

1

  • Автор: stefanio
  • Администратор
  • Зарегистрирован: 2020-02-14
  • Приглашений: 0
  • Сообщений: 37
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 40 минут
  • Последний визит:
    2023-07-01 22:45:12

https://i.imgur.com/50jcuE8.png

0

2

  • Автор: stefanio
  • Администратор
  • Зарегистрирован: 2020-02-14
  • Приглашений: 0
  • Сообщений: 37
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 40 минут
  • Последний визит:
    2023-07-01 22:45:12
Код:
<!--HTML--><link href="https://fonts.googleapis.com/css?family=Abril+Fatface|Maven+Pro&display=swap" rel="stylesheet">
<style>
   #lucy {
       width:400px;
       height: 400px;
       border: solid 1px  #dbd3f5;
       background-color:  #ffffff;
       text-align: justify;
       font-size: 11px;
       font-family: 'Maven Pro', sans-serif;
       color: #9a89cd;
       margin: 10px auto;
   }

   #lucy h1 {
       text-align: left;
       font-size: 24px;
       color: #dbd3f5;
       display: block;
       border-bottom: solid 1px #796aa9;
       font-family: 'Abril Fatface', cursive;
       width: auto;
       margin: 1px auto;
       letter-spacing: 1px;
       width: 150px;
   }

   .lucycontent {
       width: 380px;
       height: 377.5px;
       border: solid 1px  #dbd3f5;
       background-color:  #ffffff;  
       margin: 10px auto;      
   }
   .lucypic {
       width: 100px;
       height: 100px;
       float: left;
       margin: 10px 10px 10px 10px;
       overflow: hidden;
       position: relative;
       transition: 0.6s;
       -webkit-transition: 0.6s;
   }
   .lucypic:hover {
       transform: rotate(360deg);
       -webkit-transform: rotate(360deg);
   }
   .lucypic img {
       width: 100px;
   }
   .lucypic2 {
       width: 100px;
       height: 100px;
       float: left;
       margin: 120px 10px 10px -110px;
       overflow: hidden;
       position: relative;
       transition: 0.6s;
       -webkit-transition: 0.6s;
   }
   .lucypic2:hover {
       transform: rotate(360deg);
       -webkit-transform: rotate(360deg);
   }
   .lucypic2 img {
       width: 100px;
   }
   .lucypic3 {
       width: 100px;
       height: 100px;
       float: left;
       margin: 230px 10px 10px -110px;
       overflow: hidden;
       position: relative;
       transition: 0.6s;
       -webkit-transition: 0.6s;
   }
   .lucypic3:hover {
       transform: rotate(360deg);
       -webkit-transform: rotate(360deg);
   }
   .lucypic3 img {
       width: 100px;
   }
   .lucyname {
       width: 360px;
       height: 30px;
       background-color:  #796aa9;
       border: solid 1px  #dbd3f5;
       color:#ffffff;
       text-align: center;
       font-size: 24px;
       font-family:  'Abril Fatface', cursive;
       margin: 338px 10px 10px 9px;
       line-height: 1;
       position: relative;
   }
   .lucyname:hover {
       cursor: pointer;
   }
   .lucyname::before {
       content: '';
       z-index: 1;
       position: absolute;
       top: 0;
       bottom: 0;
       left: 0;
       right: 0;
       border: 2px solid #796aa9;
       transform-origin: center;
       transform: scale(1);
   }
   .lucyname:hover::before {
       transition: all 0.75s ease-in-out;
       transform-origin: center;
       transform: scale(1.75);
       opacity: 0;
   }
   .lucyplot {
       width: 200px;
       height: 317px;
       border: solid 1px  #dbd3f5;
       background-color:  #ffffff;  
       margin: 10px;
       float: right;
       overflow: scroll;
       line-height: 1.5;
   }
</style>
<div id="lucy">
   <div class='lucycontent'>
       <div class="lucypic"><img src='100x100 IMG HERE'></div>
       <div class="lucypic2"><img src='100x100 IMG HERE'></div>
       <div class="lucypic3"><img src='100x100 IMG HERE'></div>
       <div class="lucyplot">
         <h1>Friends</h1>
         Here some stuff about your friends and your stories.
         <h1>Enemies</h1>
         Here some stuff about your enemies and your stories.
         <h1>Lovers</h1>
         Here some stuff about your lovers and your stories.
         <h1>Plot</h1>
         If you have some plot you can add it here.
       </div>
       <div class="lucyname">Lucy Hale</div>
   </div>

</div>
<center><a href="http://cttw.jcink.net/index.php?showtopic=26526&hl=" style="color:#ccc;font-size:7px;letter-spacing:5px;">&copy; huntresskai</a></center>

0

3

  • Автор: stefanio
  • Администратор
  • Зарегистрирован: 2020-02-14
  • Приглашений: 0
  • Сообщений: 37
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 40 минут
  • Последний визит:
    2023-07-01 22:45:12
Код:
<!--HTML-->
<style type="text/css"> 

.wanted {
    width: 700px;
    height: 550px;
    margin-top: 10px;
    background: #bbbbbb;
    background-image: url(https://i.imgur.com/LzqKHcB.png);
    display: block;
}

.biben  {
    width: 630px;
    height: 397px;
    background-image: url(https://i.imgur.com/s4kvMTt.png);
    padding: 0px 0px 3px 10px;
    margin-top: 40px;
    overflow-y: auto;
    }

.krup {
    color: #ffffff;
    font: 40px Neon;
    margin-top: 8px;
    text-align: center;
    -webkit-animation: gloww 1s ease-in-out infinite alternate;
    -moz-animation: gloww 1s ease-in-out infinite alternate;
    animation: gloww 1s ease-in-out infinite alternate;
}

.podlog {
    font: 14px Arial Black;
    text-align: center;
    color: #000000;
    height: auto;
    margin-top: 20px!important;
    font-size: 11px;
}

.poiskams {width: 503px;
    height: 20px;
    font: 17px bebas neue;
    text-align: center;
    margin-top: 46px;
    overflow-y: auto;
    color: #000000;
    letter-spacing: 2px;
    text-shadow: 1px 1px 0px rgb(255, 255, 255);
    border-bottom: 2px solid;
    border-image: linear-gradient(45deg, rgba(255,170,50,1), rgba(255,33,71,1), rgba(80,0,124,1)) 1;
    border-top: 2px solid;
}

.ssilki a {
color: #303030;
    text-shadow: #f9f7f8 1px 1px;
    text-decoration: none!important;
    -webkit-transition: .3s all;
    -moz-transition: .3s all;
    -ms-transition: .3s all;
    -o-transition: .3s all;
    transition: .3s all;
  }
a:hover {
  color: #662f1a;
    text-shadow: #f9f7f8 1px 1px;
  text-decoration: none!important;
  }

</style>


<center>
<div class="wanted">
<div class="cocktailglowbox"><div class="cocktailglowbox2" style="color: #ffffff !important;">розыск ' апрель</div>
<div class="krup">WANTED</div>
</div>
   
    
<div class="biben"><div class="ssilki">
<div class="poiskams">ЕСЛИ ВАМ ЧТО-ТО ИЗВЕСТНО ОБ ИХ МЕСТОПОЛОЖЕНИИ - СООБЩИТЕ АМС</div>
<table class="podlog" cellspacing="0">
<tbody>	
<tr><td><center><img src="https://i.imgur.com/VFsqpmB.png"></center><br></td><td><center><img src="https://i.imgur.com/NTcpeeR.png"></center><br></td><td><center><img src="https://i.imgur.com/zEadVMU.png"></center><br></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=3980">Cillian O'Connell</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=3924">Frida Scott</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=1699">Matthew Dane</a></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=2466">Kara Harper</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4001">Jonathan Knight</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=3878">Tony Hanson</a></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4011">Dayisha McNight</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4010">Jason McNight</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4009">Amelia Gilbert</a></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4021">Holden Answorth</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=1535">Charlie Jones</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4008">Piper Fire</a></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4023">Nicholas B. Milestone</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=3995">Malkina Spice</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=2637">Stanley Basco</a></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4028">Rose Palmer</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4024">Amelia Moore</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=3361">Charlotte Stokes</a></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4022">Clint Moreau</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4029">Kurt Bates</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=3953">Morgan McLean</a></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4025">Mabel Shackley</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4031">Hermione Hawking</a></center></td><td><center></center></td></tr>
<tr><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4037">Alison Bennett</a></center></td><td><center><a href="http://jumpstreet.rusff.me/profile.php?id=4033">Robin Hill</a></center></td><td><center></center></td></tr>


</tbody></table>
</div>
</div>
</div>
</center>

0

4

  • Автор: stefanio
  • Администратор
  • Зарегистрирован: 2020-02-14
  • Приглашений: 0
  • Сообщений: 37
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 40 минут
  • Последний визит:
    2023-07-01 22:45:12
Код:
<!--HTML-->

<style type="text/css"> 
<link href='http://fonts.googleapis.com/css?family=Lato:300|Roboto' rel='stylesheet' type='text/css'><style>.foursquare { width: 500px; height: 500px; margin: 0 auto 20px; padding: 10px; color: #555; border: 3px double #CCC; background-color: #FFF; position: relative; line-height: 1.3em; } .squarebox { width: 245px; display: inline-block; height: 245px; background-color: #ccc; position: relative; overflow: hidden; } .squarebox:nth-of-type(even) { margin-right: 10px; } .squarebox:nth-of-type(2), .squarebox:nth-of-type(3) { margin-bottom: 10px; } .squarebox > img:nth-of-type(1) { position: absolute; height: 245px; width: 245px; } .plotbox { position: absolute; top: 5px; left: 5px; padding: 10px; height: 215px; width: 215px; background-color: #CCC; z-index: 3; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } .scroll { height: 163px; overflow-x: hidden; overflow-y: scroll; display: block; padding: 0 10px 10px; text-align: justify; font-family: Roboto; font-size: 11px; } .squarebox:nth-child(2) > .plotbox { border-bottom-right-radius: 25px; } .squarebox:nth-child(3) > .plotbox { border-bottom-left-radius: 25px; } .squarebox:nth-child(4) > .plotbox { border-top-right-radius: 25px; } .squarebox:nth-child(5) > .plotbox { border-top-left-radius: 25px } .squarebox:nth-child(2) > .plotbox, .squarebox:nth-child(4) > .plotbox { -moz-transform: translateX(-250px); -webkit-transform: translateX(-250px); -o-transform: translateX(-250px); -ms-transform: translateX(-250px); transform: translateX(-250px); } .squarebox:nth-child(3) > .plotbox, .squarebox:nth-child(5) > .plotbox { -moz-transform: translateX(250px); -webkit-transform: translateX(250px); -o-transform: translateX(250px); -ms-transform: translateX(250px); transform: translateX(250px);  } .squarebox:hover .plotbox { -moz-transform: translateX(0px); -webkit-transform: translateX(0px); -o-transform: translateX(0px); -ms-transform: translateX(0px); transform: translateX(0px); z-index: 5; } .round { height: 150px; width: 150px; background-color: #FFF; padding: 9px; display: table; border-radius: 100%; position: absolute; top: 50%; left: 50%; margin: -84px 0 0 -84px; text-align: center; z-index: 4; } .valign { height: 100%; width: 100%; display: table-cell; vertical-align: middle; border-radius: 100%; background-color: #EEE; } .foursquare h1, .foursquare h2, .foursquare h3, .foursquare h4 { font-weight: normal; margin: 0; padding: 0; font-family: Lato; } .foursquare h1 { color: #888;  padding-top: 13px; font-size: 24px; padding-bottom: 1px; } .foursquare h2 { text-transform: lowercase; font-size: 14px; padding-bottom: 1px; } .foursquare h3 { font-size: 15px; text-align: center; padding-bottom: 3px; } .foursquare h4 { font-size: 11px; text-align: right; padding-top: 3px; } h4.hleft { text-align: left; } .foursquare h1, .foursquare h3 { text-transform: uppercase; letter-spacing: 0.1em; font-weight: 300; } .foursquare h2, .foursquare h4 { text-transform: lowercase; letter-spacing: 0.05em; } .foursquare hr { text-align: center; border: 0; height: 1px; background-color: #BBB; } .foursquare hr:after { content:""; display: inline-block; margin: 0 auto; position: relative; top: -9px; height: 11px; width: 11px; background-color: #BBB; border-radius: 100%; border: 4px solid #CCC; z-index: 3; } .zeddit { text-align: center; padding: 0px;  margin: 0px; font-size: 20px; height: 20px; line-height: 10px; display: block; font-family: Lato; }</style>




<div class='foursquare'>

   <div class='round'>
       <div class='valign'>

       <h1>Guns</h1>
       <h2>+ ammunition</h2>
       </div>
   </div>


   <div class='squarebox'>
       <img src='url to image'>

       <div class='plotbox'>
           <h3>Firstname Lastname</h3><hr>

           <div class='scroll'>
               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>
           </div>

           <h4 class='hleft'>Age / playby</h4>
       </div>


  </div><div class='squarebox'>
       <img src='url to image'>

       <div class='plotbox'>
           <h3>Firstname Lastname</h3><hr>

           <div class='scroll'>
               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>
           </div>

           <h4>Age / playby</h4>
       </div>



  </div><div class='squarebox'>
       <img src='url to image'>

       <div class='plotbox'>
           <h3>Firstname Lastname</h3><hr>

           <div class='scroll'>
               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>
           </div>

           <h4 class='hleft'>Age / playby</h4>
       </div>



  </div><div class='squarebox'>
       <img src='url to image'>

       <div class='plotbox'>
           <h3>Firstname Lastname</h3><hr>

           <div class='scroll'>
               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>

               <p>Stuff, with paragraph tags.</p>
           </div>

           <h4>Age / playby</h4>
       </div>
   </div>

</div>

0

5

  • Автор: stefanio
  • Администратор
  • Зарегистрирован: 2020-02-14
  • Приглашений: 0
  • Сообщений: 37
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 40 минут
  • Последний визит:
    2023-07-01 22:45:12
Код:
<!--HTML-->

<style type="text/css"> 

@import url('https://fonts.googleapis.com/css?family=Montserrat&display=swap');

.tims-timeline {
  width: 800px;
  min-height: 450px;
  margin-left: auto;
  margin-right: auto;
}

#tims-cover {
  width: 800px;
  height: 30px;
  border-bottom: 10px solid black;
  background-color: white;
  color: black;
  text-align: center;
  line-height: 30px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
}

.tims-story{
  margin: 25px 0px 25px 0px;
  height: 425px;
}

.tims-story:last-of-type {
  margin-bottom: 0px;
}

.tims-character {
  width: 125px;
  height: 125px;
  padding: 7.5px;
  border: 5px solid black;
  border-radius: 50%;
  background-color: white;
  position: relative;
  overflow: hidden;
}

.tims-character img {
  border-radius: 50%;
}

.tims-story:nth-of-type(even) .tims-character {
  left: 17px;
}

.tims-info {
  width: 125px;
  height: 125px;
  top: 7.5px;
  left: 7.5px;
  border-radius: 50%;
  background-color: rgba(0, 0, 0, 0.9);
  text-align: center;
  opacity: 0;
  position: absolute;
  overflow: hidden;
  transition: opacity 0.5s ease-in-out;
}

.tims-info a {
  color: white;
  line-height: 21px;
  font-family: 'Montserrat', sans-serif;
  font-size: 15px;
}

.tims-character:hover .tims-info {
  opacity: 1;
}

.tims-content a {
  color: black;
  text-decoration: none;
  font-size: 13px;
}

.tims-label {
  width: 300px;
  height: 25px;
  border-bottom: 2.5px solid black;
  background-color: white;
  color: black;
  text-align: center;
  line-height: 25px;
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  font-weight: bold;
}

.tims-content {
  border-top: 2.5px solid black;
  width: 295px;
  height: 160px;
  padding: 5px 5px 5px 0px;
  background-color: white;
  color: black;
  font-family: 'Montserrat', sans-serif;
  font-size: 10px;
  overflow: auto;
}

.tims-actives-box {
  width: 300px;
  height: 200px;
  top: -163px;
  left: 175px;
  position: relative;
}

.tims-complete-box {
  width: 300px;
  height: 200px;
  top: -152.5px;
  left: 500px;
  position: relative;
}

.tims-story:nth-of-type(even) .tims-actives-box {
  left: 199px;
}

.tims-story:nth-of-type(even) .tims-complete-box {
  left: 0px;
}

.tims-story:nth-of-type(even) .tims-inactive-box {
  left: 325px;
}

#tims-author {
  width: 800px;
  height: 15px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
  line-height: 15px;
  font-family: 'Arial', sans-serif;
  font-size: 10px;
}

/* Scrollbar Styles */
.tims-content::-webkit-scrollbar {
  width: 5px;
  background-color: transparent
}

.tims-content::-webkit-scrollbar-thumb {
  background-color: black;
}

.tims-content::-webkit-scrollbar-track {
  margin: 5px;
}

</style>


<div class="tims-timeline">
  <div id="tims-cover">
    
    TITLE STUFF HERE OR LEAVE BLANK
    
  </div>
    <div class="tims-story">
      <div class="tims-character">

        <img src="http://placehold.jp/125x125.png" width="125" height="125">

        <div class="tims-info">

          <a href="LINK TO CHARACTER PROFILE HERE">

            <br>
            Short Info
            <br>
            First Name
            <br>
            Last Name
            <br>
            Age
            <br>

          </a>

        </div>
      </div>

      <div class="tims-actives-box">
        <div class="tims-label">
          Active Threads
        </div>
        <div class="tims-content">

          <ul>

            <li>
              <a href="LINK TO THREAD HERE">Thread 1</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 2</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 3</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 4</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 5</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 6</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 7</a>
              <br>character name // other name
            </li>

          </ul>

        </div>
      </div>

      <div class="tims-complete-box">
        <div class="tims-label">
          Complete Threads
        </div>
        <div class="tims-content">

          <ul>

            <li>
              <a href="LINK TO THREAD HERE">Thread 1</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 2</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 3</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 4</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 5</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 6</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 7</a>
              <br>character name // other name
            </li>

          </ul>

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

    <div class="tims-story">
      <div class="tims-character">

        <img src="http://placehold.jp/125x125.png" width="125" height="125">

        <div class="tims-info">

          <a href="LINK TO CHARACTER PROFILE HERE">

            <br>
            Short Info
            <br>
            First Name
            <br>
            Last Name
            <br>
            Age
            <br>

          </a>

        </div>
      </div>

      <div class="tims-actives-box">
        <div class="tims-label">
          Active Threads
        </div>
        <div class="tims-content">

          <ul>

            <li>
              <a href="LINK TO THREAD HERE">Thread 1</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 2</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 3</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 4</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 5</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 6</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 7</a>
              <br>character name // other name
            </li>

          </ul>

        </div>
      </div>

      <div class="tims-complete-box">
        <div class="tims-label">
          Complete Threads
        </div>
        <div class="tims-content">

          <ul>

            <li>
              <a href="LINK TO THREAD HERE">Thread 1</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 2</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 3</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 4</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 5</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 6</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 7</a>
              <br>character name // other name
            </li>

          </ul>

        </div>
      </div>


    </div>

    <div class="tims-story">
      <div class="tims-character">

        <img src="http://placehold.jp/125x125.png" width="125" height="125">

        <div class="tims-info">

          <a href="LINK TO CHARACTER PROFILE HERE">

            <br>
            Short Info
            <br>
            First Name
            <br>
            Last Name
            <br>
            Age
            <br>

          </a>

        </div>
      </div>

      <div class="tims-actives-box">
        <div class="tims-label">
          Active Threads
        </div>
        <div class="tims-content">

          <ul>

            <li>
              <a href="LINK TO THREAD HERE">Thread 1</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 2</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 3</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 4</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 5</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 6</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 7</a>
              <br>character name // other name
            </li>

          </ul>

        </div>
      </div>

      <div class="tims-complete-box">
        <div class="tims-label">
          Complete Threads
        </div>
        <div class="tims-content">

          <ul>

            <li>
              <a href="LINK TO THREAD HERE">Thread 1</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 2</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 3</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 4</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 5</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 6</a>
              <br>character name // other name
            </li>

            <li>
              <a href="LINK TO THREAD HERE">Thread 7</a>
              <br>character name // other name
            </li>

          </ul>

        </div>
      </div>

    </div>
  
</div>
<div id="tims-author">
  <a href="http://cttw.jcink.net/index.php?showuser=22740">by PandaIsInSpace</a>
</div>

0

6

  • Автор: stefanio
  • Администратор
  • Зарегистрирован: 2020-02-14
  • Приглашений: 0
  • Сообщений: 37
  • Уважение: [+0/-0]
  • Позитив: [+0/-0]
  • Провел на форуме:
    12 часов 40 минут
  • Последний визит:
    2023-07-01 22:45:12
Код:
<!--HTML-->
<table>
<tr>

<td><a href="ссылка" rel="nofollow" target="_blank"><img class="postimg" src="https://i.imgur.com/bSJLiXr.png" alt="http://i.imgur.com/n7s7dP5.png" /><br>
</a></td>

<td><a href="ссылка" rel="nofollow" target="_blank"><img class="postimg" src="https://i.imgur.com/NmJQxPG.png" alt="http://i.imgur.com/n7s7dP5.png" /><br>
</a></td>
</tr>

<tr><td><a href="ссылка" rel="nofollow" target="_blank"><img class="postimg" src="https://i.imgur.com/xDyQfo4.png" alt="http://i.imgur.com/n7s7dP5.png" /><br>
</a></td>

<td><a href="ссылка" rel="nofollow" target="_blank"><img class="postimg" src="https://i.imgur.com/4UCl2B6.png" alt="http://i.imgur.com/n7s7dP5.png" /><br>
</a></td>
</tr>

<tr><td><a href="ссылка" rel="nofollow" target="_blank"><img class="postimg" src=https://i.imgur.com/7gRPeh0.png" alt="http://i.imgur.com/n7s7dP5.png" /><br>
</a></td>

<td><a href="ссылка" rel="nofollow" target="_blank"><img class="postimg" src="https://i.imgur.com/qFWx9C1.png" alt="http://i.imgur.com/n7s7dP5.png" /><br>
</a></td>
</tr>
</table>

0

Страница: 1

Вы здесь » klown » Тестовый форум » кодики

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