Thread Rating:
  • 0 Vote(s) - 0 Average
  • 1
  • 2
  • 3
  • 4
  • 5
[/tr]
[/table]
Reply
#3
<center><table width=481 cellpadding=0 cellspacing=0 style="background:#203443 url('https://images2.imgbox.com/21/f7/0JFzfRiV_o.png') no-repeat top;border:4px solid #1b2c38;border-radius: 0px 0px 0px 0px"><tr><td><div align=justify style="font-family:times;font-size:14px;line-height:15px;color:#eea56d;margin:375px 30px 30px 30px;text-shadow: 0px 0px 10px #000;
"><center><link href="https://fonts.googleapis.com/css?family=Astloch" rel="stylesheet"><font style="font-family: 'Astloch', cursive;" color=eea56d size=70>Irkbaan</font face></link><br><br><br><font style="font-family: times new roman;font-size: 10px; text-transform: uppercase; color: #eea56d; text-shadow: 0px 0px 10px #000; letter-spacing: 3px; line-height: 7px;">TEXT PLACE HOLDER</font></center>

<p style="text-indent:2.0em;">
words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words

words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words words

<center><font color=#a94058><b>"Talk here."</b></font> && <i>'Think here.'</i>
Image by Iceage</center>
</div></div></td></tr></table></div></center>
Reply
#4
<div class="strawberry">
<div class="sheader"><i class="fas fa-cookie-bite fa-fw"></i><span>Strawberry Cheesecake</span></div>
<div class="stexto"><a href="#">Tema</a><span>Usuario - Sitio - Fecha</span>
<a href="#">Tema</a><span>Usuario - Sitio - Fecha</span>
<a href="#">Tema</a><span>Usuario - Sitio - Fecha</span>
<a href="#">Tema</a><span>Usuario - Sitio - Fecha</span>
<a href="#">Tema</a><span>Usuario - Sitio - Fecha</span>
<a href="#">Tema</a><span>Usuario - Sitio - Fecha</span>
<a href="#">Tema</a><span>Usuario - Sitio - Fecha</span>
</div>
<img class="simage" src="https://i.imgur.com/a2BKRLn.png"/>
<div class="sdatos">Let's get ice-cream together!</div>
</div>
<a href="http://necromancercoding.tumblr.com" class="ncredit"><i class="fas fa-heart"></i></a>

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/solid.css" integrity="sha384-r/k8YTFqmlOaqRkZuSiE9trsrDXkh07mRaoGBMoDcmA58OHILZPsk29i2BsFng1B" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/fontawesome.css" integrity="sha384-4aon80D8rXCGx9ayDt85LbyUHeMWd3UiBaWliBlJ53yzm9hqN21A+o1pqoyK04h+" crossorigin="anonymous"/><style>.strawberry > br { display: none; } .strawberry { background: #fafafa; width: 375px; margin: 5px auto; border: 1px solid white; outline: 1px solid #edc2db; } .sheader { background: #edc2db; padding: 15px 10px; margin: -1px -1px 0 -1px; } .sheader i { display: inline-block; vertical-align: middle; height: 42px; width: 42px; border-radius: 100%; background: rgba(255, 255, 255, 0.3); margin: 5px; color: white; box-sizing: border-box; padding-top: 12px; font-size: 18px; } .sheader span { display: inline-block; vertical-align: middle; width: calc((100%) - (57px)); text-align: center; margin-left: 5px; font: 9px calibri; text-transform: uppercase; color: white; letter-spacing: 5px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.18); } .stexto { width:190px; max-height:500px; overflow:auto; text-align:center; background: #fafafa; margin: 20px; border: 10px solid #fafafa; font: 11px calibri; line-height: 12px; display:inline-block; vertical-align:middle; } .stexto strong, .stexto b, .stexto a { color: #eaafca; } .stexto a{ text-decoration: none; font-weight:bold; text-transform:uppercase; display:block; margin-bottom:2px; border-bottom:1px solid #eee; padding-bottom:2px; margin-top:10px; transition:ease 1s; padding-top:2px; border-radius:0px } .stexto a:hover{ border-radius:3px; background:#edc2db; border-bottom:1px solid #edc2db; color:white; } .simage{ display:inline-block; vertical-align:middle; width:115px; height:auto; max-height:500px; margin: 10px 0; border:5px solid #fff; box-sizing:border-box; outline:1px solid #edc2db; } .sdatos { background: #edc2db; color: white; font: 9px calibri; text-transform: uppercase; font-weight: bold; text-align: center; padding: 5px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.18); letter-spacing: 1px; } a.ncredit { display: block; width: 379px; text-align: center; font-size: 8px; margin: 5px auto; color: #edc2db !important; } .strawberry + br { display: none; } </style>
Reply
#5
<div class="prongs">
<div class="pimg1" style="background-image:url(https://i.imgur.com/I7zoazh.png)">
<div class="pdatos">
<span>Astronomy Tower</span><span>Lily Evans</span><span>19th September</span><span>20:00</span>
</div>
</div>
<div class="pbar">
<div class="pimg2" style="background-image:url(https://i.imgur.com/rrNoPZp.png)"></div>
<div class="pname">blessed night</div>
</div>
<div class="ptext">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc ornare erat at arcu luctus, nec semper quam fermentum. Phasellus mattis ante eget erat ultricies tempor. Maecenas et mi eget magna commodo tincidunt eu eget velit. Fusce malesuada ex tellus, a luctus velit posuere varius. Morbi non mi vitae nibh convallis hendrerit. Phasellus eu diam turpis. Phasellus lobortis sit amet enim at egestas. Etiam eros nulla, iaculis ac lobortis vitae, commodo at mi. Aenean aliquam vitae augue at gravida. Ut in nulla elit. Curabitur laoreet nisi at mauris gravida, sit amet auctor felis accumsan. Sed iaculis vehicula rhoncus. Pellentesque at odio urna.

Ut et lectus finibus, efficitur ipsum a, varius eros. Donec vestibulum vel ante eu suscipit. Aliquam pharetra metus in commodo convallis. Maecenas id metus eget nunc vehicula efficitur tincidunt nec lectus. Morbi erat eros, varius eget sagittis non, scelerisque vitae nisi. Nullam congue ac tellus at condimentum. Maecenas faucibus sapien in nisl facilisis tincidunt. Duis ac tortor nibh. Etiam sit amet sem et velit lobortis lobortis eget eu ligula. Mauris venenatis hendrerit turpis, ultrices pulvinar sem hendrerit in. Proin a leo id nunc congue pulvinar. Ut augue nunc, elementum nec diam a, hendrerit congue nisi. Donec accumsan pretium rutrum.

Morbi venenatis est non maximus rhoncus. Sed nec dictum arcu. Pellentesque nec sollicitudin sem, non molestie ipsum. Suspendisse dignissim nunc ut nunc tincidunt, vel venenatis nulla viverra. Donec lacinia aliquet lacus eu consectetur. Cras molestie ultrices ex a commodo. Morbi nec gravida tortor. Morbi eget nisl augue. Mauris varius scelerisque odio in scelerisque. Donec aliquam, leo et tempor mattis, nisi odio lobortis mi, in mollis arcu lectus nec dui. Fusce posuere metus a ipsum placerat vestibulum.
</div>
</div>
<a href="http://necromancercoding.tumblr.com/" class="ncredit">NC</a>

<link href="https://fonts.googleapis.com/css?family=Playfair+Display:900,900i" rel="stylesheet">
<style>.prongs{ background:#101010; width:300px; height:500px; padding:10px; margin:0 auto; border:3px solid #963939; } .pimg1{ height:150px; width:300px; background-size:cover; background-position:center; position:relative; } .pbar{ background:white; position:relative; margin-top:-10px; height:10px; } .pimg2{ background-size:cover; background-position:center; width:60px; height:60px; border:5px solid white; border-radius:100%; position:absolute; top:-30px; left:20px; } .pname{ font:24px playfair display; font-style:italic; text-transform:lowercase; text-align:right; text-shadow: 1px 1px 0px white, 2px 2px 0px white; color:#963939; position:absolute; right:10px; padding-left:80px; top:-14px; height:24px; line-height:24px; } .ptext{ color:#eee; font:11px calibri; text-align:justify; line-height:12px; width:220px; margin:60px auto; height:260px; overflow:auto; padding-right:3px; } .ptext strong, .ptext i, .ptext b, .ptext a{color:#963939;} .pdatos{ background:rgba(0,0,0,0.5); width:300px; height:150px; position:absolute; top:0px; left:0px; box-sizing:border-box; padding:10px; opacity:0; transition:ease 1s; } .pimg1:hover .pdatos{ opacity:1; } .pdatos span{ background:#222; display:inline-block; vertical-align:top; height:40px; text-align:center; width:135px; margin-bottom:10px; font:8px calibri; text-transform:uppercase; color:#eee; line-height:38px; font-weight:900; } .pdatos span:nth-of-type(even){ margin-left:10px; } .prongs .ptext:Confusedelection{ background:#9b5b5b; color:white; } .prongs .ptext::-webkit-scrollbar { width: 5px; height: 5px; } .prongs .ptext::-webkit-scrollbar-thumb { background: #963939; border:1px solid #101010; } .prongs .ptext::-webkit-scrollbar-track { background: #9b5b5b; border:2px solid #101010; } .prongs>br, .pimg>br, .pdatos>br, .pbar>br{ display:none; } .ncredit{ width:320px;text-align:right;margin:0 auto;display:block;font-size:10px;text-decoration:none;font:8px verdana; } .prongs+br+.ncredit{ margin-top:-15px; } .ncredit:before{ content:"©"; }</style>
Reply
#6
<div class="evans">
<div class="etitle">Nombre de la búsqueda</div>
<div class="ebusquedas">
<!--START caja de búsquedas-->
<div class="ebusqueda" style="background-image:url(https://i.imgur.com/21MvCUV.png);">
<div class="enombre">
<h6>The Sister</h6>
<span>Personal Nightmare</span>
</div>
<div class="edatos">
<img src="https://i.imgur.com/r2RsXJt.png"/>
<h7>PETUNIA EVANS</h7>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur venenatis porta. Integer egestas non diam a aliquam. Nullam at magna varius felis feugiat vestibulum in nec sapien. Nam sodales lacinia aliquam. In placerat consectetur dolor sed ullamcorper. Vestibulum in accumsan augue, quis aliquam dui. Cras eleifend, eros vel vehicula facilisis, orci augue ultrices arcu, ac sagittis elit neque nec leo. Sed ut massa sit amet ante dapibus scelerisque. Mauris ac porta turpis, vel dictum justo. Morbi vitae orci sed justo volutpat porttitor at in felis. Vestibulum at justo eget ligula pharetra bibendum. Praesent placerat ex sed lacus iaculis, quis egestas quam volutpat. Duis leo lorem, dictum nec est et, pharetra posuere metus. Sed pulvinar nisi ex, vitae tempus massa fermentum sed. Maecenas elementum vitae risus sit amet tincidunt.</p>
</div>
</div>
<!--END caja de búsquedas-->
<!--START caja de búsquedas-->
<div class="ebusqueda" style="background-image:url(https://i.imgur.com/6MB8kHi.png);">
<div class="enombre">
<h6>The Bestie</h6>
<span>The eternal hurricane</span>
</div>
<div class="edatos">
<img src="https://i.imgur.com/RenGW2Y.png"/>
<h7>Marlene McKinnon</h7>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur venenatis porta. Integer egestas non diam a aliquam. Nullam at magna varius felis feugiat vestibulum in nec sapien. Nam sodales lacinia aliquam. In placerat consectetur dolor sed ullamcorper. Vestibulum in accumsan augue, quis aliquam dui. Cras eleifend, eros vel vehicula facilisis, orci augue ultrices arcu, ac sagittis elit neque nec leo. Sed ut massa sit amet ante dapibus scelerisque. Mauris ac porta turpis, vel dictum justo. Morbi vitae orci sed justo volutpat porttitor at in felis. Vestibulum at justo eget ligula pharetra bibendum. Praesent placerat ex sed lacus iaculis, quis egestas quam volutpat. Duis leo lorem, dictum nec est et, pharetra posuere metus. Sed pulvinar nisi ex, vitae tempus massa fermentum sed. Maecenas elementum vitae risus sit amet tincidunt.</p>
</div>
<!--END caja de búsquedas-->
<!--Añade mas cajas de búsquedas aquí-->
</div>
</div>
<div class="etexto"><h6>Requisitos</h6>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nunc efficitur venenatis porta. Integer egestas non diam a aliquam. Nullam at magna varius felis feugiat vestibulum in nec sapien. Nam sodales lacinia aliquam. In placerat consectetur dolor sed ullamcorper. Vestibulum in accumsan augue, quis aliquam dui. Cras eleifend, eros vel vehicula facilisis, orci augue ultrices arcu, ac sagittis elit neque nec leo. Sed ut massa sit amet ante dapibus scelerisque. Mauris ac porta turpis, vel dictum justo. Morbi vitae orci sed justo volutpat porttitor at in felis. Vestibulum at justo eget ligula pharetra bibendum. Praesent placerat ex sed lacus iaculis, quis egestas quam volutpat. Duis leo lorem, dictum nec est et, pharetra posuere metus. Sed pulvinar nisi ex, vitae tempus massa fermentum sed. Maecenas elementum vitae risus sit amet tincidunt. Praesent placerat ex sed lacus iaculis, quis egestas quam volutpat. Duis leo lorem, dictum nec est et, pharetra posuere metus. Sed pulvinar nisi ex, vitae tempus massa fermentum sed. Maecenas elementum vitae risus sit amet tincidunt.</p>
</div>
</div>
<a href="http://necromancercoding.tumblr.com" class="ncredit">NC</a>

<link href="https://fonts.googleapis.com/css?family=Playfair+Display:900i|Roboto:400,400i,700,700i" rel="stylesheet">
<style>.evans{ background:#222; width:400px; margin:0 auto; height:auto; padding:10px; } .etitle{ background:#9ba33f; margin: -10px -10px 10px -10px; font:16px playfair display; font-weight:900; font-style:italic; text-align:center; color:white; padding:10px; } .ebusqueda{ background-color:#222; background-size:cover; background-position:center; height:170px; position:relative; margin-bottom:10px; overflow:hidden; } .enombre{ position:absolute; top:50%; transform:translateY(-50%); color:white; max-width:200px; transition:ease 1s; } .ebusqueda:nth-of-type(odd) .enombre{ left:20px; } .ebusqueda:nth-of-type(even) .enombre{ right:20px; } .ebusqueda:nth-of-type(odd):hover .enombre{ left:-320px; } .ebusqueda:nth-of-type(even):hover .enombre{ right:-320px; } .ebusqueda:last-of-type{ margin-bottom:0px; } .ebusqueda h6{ margin:0; font:15px playfair display; font-weight:900; font-style:italic; } .enombre span{ font:8px roboto; text-transform:uppercase; } .edatos{ background:#333; height:170px; position:absolute; top:0px; width:400px; transition:ease 1s; } .ebusqueda:nth-of-type(even) .edatos{ left:-400px; } .ebusqueda:nth-of-type(odd) .edatos{ right:-400px; } .ebusqueda:nth-of-type(even):hover .edatos{ left:0px; } .ebusqueda:nth-of-type(odd):hover .edatos{ right:0px; } .edatos img{ float:left; position:relative; top:50%; transform:translateY(-50%); border-radius:100%; border: 5px solid white; background:white; left:20px; height:100px; width:100px; } .edatos h7{ float:right; width:235px; background:#9ba33f; color:white; height:30px; display:block; margin-right:20px; margin: 20px 20px 0px 0; font:11px roboto; font-weight:bold; text-align:center; letter-spacing:1px; text-transform:uppercase; line-height:30px; } .edatos p{ float:right; background:#444; margin:0 20px 0 0; width:212px; border:10px solid #444; color:#eee; font:10px roboto; text-align:justify; overflow:auto; padding-right:3px; height:80px; } .ebusqueda:nth-of-type(even) .edatos img{ float:right; left:0px; margin-right:20px; } .ebusqueda:nth-of-type(even) .edatos h7, .ebusqueda:nth-of-type(even) .edatos p{ float:left; margin-right:0px; margin-left:20px; } .etexto h6{ background:#9ba33f; height:30px; font:13px playfair display; font-weight:900; font-style:italic; color:white; text-align:center; line-height:28px; margin:10px auto 0; } .etexto p{ margin: 0 auto; border:10px solid #333; overflow:auto; font:10px roboto; color:#eee; background:#333; min-height:100px; max-height:150px; overflow:auto; text-align:justify; } .evans p::-webkit-scrollbar { width: 5px; height: 5px; } .evans p::-webkit-scrollbar-thumb { background: #9ba33f; border:1px solid #444; } .evans p::-webkit-scrollbar-track { background: #afb759; border:2px solid #444; } .evans p:Confusedelection, .evans h6:Confusedelection, .evans h7:Confusedelection, .evans span:Confusedelection, .evans div:Confusedelection{ background:#afb759; } .evans strong, .evans i, .evans a, .evans b, .evans em{ color:#afb759; } .ncredit{ width:420px; text-align:right; margin:0 auto; display:block; font-size:10px; text-decoration:none; font:8px verdana; } .evans+br+.ncredit{ margin-top:-15px; } .ncredit:before{ content:"©"; } .evans>br, .ebusqueda>br, .ebusquedas>br, .enombre>br, .edatos>br, .etexto>br{display:none;}</style>
Reply
#7
//background box w/ image

//for ic post information and text

//for more ooc information

Reply
open testing html
#1
<h1>Hello World</h1>
<p>This is sample picture</p>
<img src="http://imgsv.imaging.nikon.com/lineup/lens/zoom/normalzoom/af-s_dx_18-300mmf_35-56g_ed_vr/img/sample/sample4_l.jpg" width="50px" height="50px"/>
<p>This is an attachment link</p>
<a href="https://gymkhana.iiita.ac.in/tenders/docs/letterlegal5.doc">Download Attachment</a>
Reply
#2
[table=test]
[tr][th]Vegetable[/th][th]Meat[/th][/tr]
[tr]
OnionBeef


Forum Jump:


Users browsing this thread: 1 Guest(s)