You are not connected. Please login or register

HTML Testing

Go down  Message [Page 1 of 1]

1HTML Testing Empty HTML Testing 21/02/17, 06:28 pm

Diana Corvus

Diana Corvus
A-Tier
A-Tier

PLEASE DO NOT USE ANY OF THIS CODE WITHOUT PERMISSION.

PERMISSION GRANTED

Rima Fahim & Alternatives

Reed Harper & Alternatives

Aseroth & Alternatives



Last edited by Diana Corvus on 07/08/17, 01:57 am; edited 4 times in total


──────────────────────────────────────────────

tracker

2HTML Testing Empty Re: HTML Testing 07/10/17, 09:17 pm

Diana Corvus

Diana Corvus
A-Tier
A-Tier

HTML Testing RlPDTVe
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate elit quis tortor aliquet vel dignissim elit malesuada. Integer ac urna nunc. Phasellus dapibus vulputate purus quis luctus. Aenean pulvinar, urna at ornare faucibus, nulla neque convallis mi, rhoncus volutpat diam leo varius dolor. "Fusce lobortis malesuada mauris, nec semper risus pharetra in." Nunc placerat diam quis libero congue mattis. Maecenas sit amet vulputate mi. Vestibulum nunc erat, convallis et eleifend eget, congue vel arcu.

Fusce ligula felis, dapibus id tristique eu, egestas in nunc. Donec ac lacus augue, id feugiat neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin metus mi, iaculis egestas semper nec, aliquet non tortor. Proin sodales eros ut velit vehicula imperdiet. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Curabitur dolor quam, viverra at semper non, commodo eget eros. Praesent nec neque ac dolor venenatis ornare.
✦ word count | notes | tag ✦


Code:
<link href="https://fonts.googleapis.com/css?family=Merriweather" rel="stylesheet"><center><table style="padding:10px;width:550px;height:500px;background-color:#eeeeee;border:4px double #838293;"cellpadding="0" cellspacing="5px"><tbody><tr><td><div style="border:1px solid #838293;padding:10px;">[img]https://i.imgur.com/RlPDTVe.png[/img]</div></td><td><div id="one"><div style="overflow-y: scroll;padding-right:10px;padding-left:10px;width:340px;height:500px;color:#2e2e2e;font-family:merriweather;text-align:justify;">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vulputate elit quis tortor aliquet vel dignissim elit malesuada. Integer ac urna nunc. Phasellus dapibus vulputate purus quis luctus. Aenean pulvinar, urna at ornare faucibus, nulla neque convallis mi, rhoncus volutpat diam leo varius dolor. "Fusce lobortis malesuada mauris, nec semper risus pharetra in." Nunc placerat diam quis libero congue mattis. Maecenas sit amet vulputate mi. Vestibulum nunc erat, convallis et eleifend eget, congue vel arcu.

Fusce ligula felis, dapibus id tristique eu, egestas in nunc. Donec ac lacus augue, id feugiat neque. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Proin metus mi, iaculis egestas semper nec, aliquet non tortor. Proin sodales eros ut velit vehicula imperdiet. In hac habitasse platea dictumst. In hac habitasse platea dictumst. Curabitur dolor quam, viverra at semper non, commodo eget eros. Praesent nec neque ac dolor venenatis ornare.</div></div><div style="text-align:center;font-family:merriweather;color:#2e2e2e;padding-top:10px;font-size:10px;">✦ word count | notes | tag ✦</div></td></tr></tbody></table></center><style>#one ::-webkit-scrollbar {width: 5px;}#one ::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 1px #838293;}#one ::-webkit-scrollbar-thumb {background: #838293;}</style>



Last edited by Diana Corvus on 05/01/18, 09:21 pm; edited 6 times in total


──────────────────────────────────────────────

tracker

3HTML Testing Empty Re: HTML Testing 11/11/17, 07:03 pm

Diana Corvus

Diana Corvus
A-Tier
A-Tier

title here «
right text.
» subtitle here
more right text.




Code:
<center><table cellspacing="0"><tbody><tr><td><div class=vdc_base></div></td><td><div class=vdc_rbase><div id="vdc_rinner"><div class=vdc_rinner><div class=vdc_title>title here «</div><div class=vdc_hr></div>right text.<div class=vdc_subtitle>» subtitle here</div><div class=vdc_hr2></div>more right text.</div></div><div></td></tr></tbody></table></center>

<link href="https://fonts.googleapis.com/css?family=Bitter|Libre+Baskerville" rel="stylesheet"><style>div.vdc_base{width:200px;height:650px;background-image:url("https://i.imgur.com/fzOVY9s.png");border:3px double black;}div.vdc_rbase{height:626px;width:350px;border:10px solid #1f1f1f;padding:5px;background-color:white;}div.vdc_rinner{height:600px;text-align:justify;border:3px double black;padding:10px;color:black;background-color:#f0f0f0;border-radius:10px;overflow:auto;font-family:bitter;}#vdc_rinner ::-webkit-scrollbar {width: 0px;}#vdc_rinner ::-webkit-scrollbar-thumb {background: #1f1f1f;}div.vdc_title{color:#161616;font:bold 26px Libre Baskerville;text-align:right;}div.vdc_hr{border-bottom:5px solid #3c3c3c;margin-bottom:5px;margin-top:-5px;border-radius:5px 0 5px 0;}div.vdc_subtitle{color:
#2e2e2e;font:bold 18px Libre Baskerville;text-align:left;}div.vdc_hr2{border-bottom: 3px solid #7a7a7a;margin-bottom:5px;margin-top:-3px;border-radius:3px 0 3px 0;}</style>


──────────────────────────────────────────────

tracker

4HTML Testing Empty Re: HTML Testing 12/03/21, 02:11 am

Diana Corvus

Diana Corvus
A-Tier
A-Tier



夜開草
and you were the moon; most beautiful in darkness.
tags
notes -
Lorum ipsum. This is bold text. This is italics.




Code:
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=BenchNine&family=Bodoni+Moda&family=Rubik&display=swap" rel="stylesheet">
<div id="tenkaichi"><div class="tenkaichi-grid"><div class="tenkaichi-header"><div class=tenkaichi-kanji>夜開草</div><div class=tenkaichi-quote>and you were the moon; most beautiful in darkness.</div></div><div class="tenkaichi-tagbox"><div class="tenkaichi-tags">tags</div><div class="tenkaichi-notes"><b>notes</b> -</div></div><div class="tenkaichi-textbox"><div class="tenkaichi-text">Lorum ipsum. <b>This is bold text.</b> <i>This is italics.</i></div></div></div></div>

<style>#tenkaichi {margin: 0px auto;width: 550px;padding: 10px;background-color: #222;--accent1: #d38783;--accent2: #605e87;}.tenkaichi-grid {padding: 25px;background-color: #111;color: #999;font: 12px/160% rubik;display: grid;gap: 10px 0px;grid-template-areas: "header" "tags" "text";}.tenkaichi-header {grid-area: header;grid-column-start: span 2;}.tenkaichi-kanji {background: #333;writing-mode: tb;font: bold 20px/52px BenchNine;text-align: center;color: var(--accent2);height: 90px;width: 52px;float: left;}.tenkaichi-quote {background: #222 url('https://i.imgur.com/PZPnlCI.png');padding: 20px 25px;font: bold 20px/120% Bodoni Moda;text-align: right;border-right: 4px solid var(--accent2);color: var(--accent1);height: 50px;width: 394px;float: left;background-blend-mode: overlay;}.tenkaichi-tagbox {grid-area: tags;background: #222;width: 500px;height: 40px;}.tenkaichi-tags {float: left;background: #333;width: 150px;height: 40px;text-align: center;text-transform: uppercase;font: bold 9px/40px Rubik!important;overflow-y: auto;overflow-x: hidden;}.tenkaichi-tags a {font: inherit;text-decoration: none;}.tenkaichi-tags::-webkit-scrollbar {width: 2px;}.tenkaichi-tags::-webkit-scrollbar-track {background: #444!important;}.tenkaichi-tags::-webkit-scrollbar-thumb {background: #555;}.tenkaichi-notes {float: left;background: #222;width: 320px;height: 30px;padding: 5px 15px;text-align: justify;text-transform: lowercase;font: 10px Rubik!important;overflow-y: auto;overflow-x: hidden;}.tenkaichi-notes b {color: var(--accent1);font: bold 11px Bodoni Moda;}.tenkaichi-notes::-webkit-scrollbar {width: 2px;}.tenkaichi-notes::-webkit-scrollbar-track {background: #222!important;}.tenkaichi-notes::-webkit-scrollbar-thumb {background: #333;}.tenkaichi-textbox {grid-area: text;padding: 40px;background: #222;width: 420px;max-height: 100%;font: 12px/160% Rubik;}.tenkaichi-text {padding: 30px 45px;border: 1px solid #333;text-align: justify;white-space: pre-line;}.tenkaichi-text b {font: bold 12px Bodoni Moda;color: var(--accent1);}.tenkaichi-text i {color: var(--accent2);}</style>

rameses:

Code:
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=BenchNine&family=Bodoni+Moda&family=Rubik&display=swap" rel="stylesheet">
<div id="tenakichi2"><div class="tenakichi2-grid"><div class="tenakichi2-header"><div class=tenakichi2-kanji>ベンヌ</div><div class=tenakichi2-quote>everything is more beautiful because we're doomed.</div></div><div class="tenakichi2-tagbox"><div class="tenakichi2-tags">tags</div><div class="tenakichi2-notes"><b>notes</b> -</div></div><div class="tenakichi2-textbox"><div class="tenakichi2-text">Lorum ipsum. <b>This is bold text.</b> <i>This is italics.</i></div></div></div></div>

<style>#tenakichi2 {margin: 0px auto;width: 550px;padding: 10px;background-color: #222;--accent1: #6983aa;--accent2: firebrick;}.tenakichi2-grid {padding: 25px;background-color: #111;color: #999;font: 12px/160% rubik;display: grid;gap: 10px 0px;grid-template-areas: "header" "tags" "text";}.tenakichi2-header {grid-area: header;grid-column-start: span 2;}.tenakichi2-kanji {background: #333;writing-mode: tb;font: bold 20px/52px BenchNine;text-align: center;color: var(--accent2);height: 90px;width: 52px;float: left;}.tenakichi2-quote {background: #222 url('https://i.imgur.com/eTLwede.png');padding: 20px 25px;font: bold 20px/120% Bodoni Moda;text-align: right;border-right: 4px solid var(--accent2);color: var(--accent1);height: 50px;width: 394px;float: left;background-blend-mode: overlay;}.tenakichi2-tagbox {grid-area: tags;background: #222;width: 500px;height: 40px;}.tenakichi2-tags {float: left;background: #333;width: 150px;height: 40px;text-align: center;text-transform: uppercase;font: bold 9px/40px Rubik!important;overflow-y: auto;overflow-x: hidden;}.tenakichi2-tags a {font: inherit;text-decoration: none;}.tenakichi2-tags::-webkit-scrollbar {width: 2px;}.tenakichi2-tags::-webkit-scrollbar-track {background: #333!important;}.tenakichi2-tags::-webkit-scrollbar-thumb {background: #555;}.tenakichi2-notes {float: left;background: #222;width: 320px;height: 30px;padding: 5px 15px;text-align: justify;text-transform: lowercase;font: 10px Rubik!important;overflow-y: auto;overflow-x: hidden;}.tenakichi2-notes b {color: var(--accent1);font: bold 11px Bodoni Moda;}.tenakichi2-notes::-webkit-scrollbar {width: 2px;}.tenakichi2-notes::-webkit-scrollbar-track {background: #222!important;}.tenakichi2-notes::-webkit-scrollbar-thumb {background: #333;}.tenakichi2-textbox {grid-area: text;padding: 40px;background: #222;width: 420px;max-height: 100%;font: 12px/160% Rubik;}.tenakichi2-text {padding: 30px 45px;border: 1px solid #333;text-align: justify;white-space: pre-line;}.tenakichi2-text b {font: bold 12px Bodoni Moda;color: var(--accent1);}.tenakichi2-text i {color: var(--accent2);}</style>
phobos:

Code:
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=BenchNine&family=Bodoni+Moda&family=Rubik&display=swap" rel="stylesheet">
<div id="tenkaichi3"><div class="tenkaichi3-grid"><div class="tenkaichi3-header"><div class=tenkaichi3-kanji>大暴れ</div><div class=tenkaichi3-quote>you are broken; but you are fearless and utterly alive.</div></div><div class="tenkaichi3-tagbox"><div class="tenkaichi3-tags">tags</div><div class="tenkaichi3-notes"><b>notes</b> -</div></div><div class="tenkaichi3-textbox"><div class="tenkaichi3-text">Lorum ipsum. <b>This is bold text.</b> <i>This is italics.</i></div></div></div></div>

<style>#tenkaichi3 {margin: 0px auto;width: 550px;padding: 10px;background-color: #222;--accent1: #ce1e00;--accent2: #f9a818;}.tenkaichi3-grid {padding: 25px;background-color: #111;color: #999;font: 12px/160% rubik;display: grid;gap: 10px 0px;grid-template-areas: "header" "tags" "text";}.tenkaichi3-header {grid-area: header;grid-column-start: span 2;}.tenkaichi3-kanji {background: #333;writing-mode: tb;font: bold 20px/52px BenchNine;text-align: center;color: var(--accent2);height: 90px;width: 52px;float: left;}.tenkaichi3-quote {background: #222 url('https://i.imgur.com/5uyVnqu.png');padding: 20px 25px;font: bold 20px/120% Bodoni Moda;text-align: right;border-right: 4px solid var(--accent2);color: var(--accent1);height: 50px;width: 394px;float: left;background-blend-mode: overlay;}.tenkaichi3-tagbox {grid-area: tags;background: #222;width: 500px;height: 40px;}.tenkaichi3-tags {float: left;background: #333;width: 150px;height: 40px;text-align: center;text-transform: uppercase;font: bold 9px/40px Rubik!important;overflow-y: auto;overflow-x: hidden;}.tenkaichi3-tags a {font: inherit;text-decoration: none;}.tenkaichi3-tags::-webkit-scrollbar {width: 2px;}.tenkaichi3-tags::-webkit-scrollbar-track {background: #444!important;}.tenkaichi3-tags::-webkit-scrollbar-thumb {background: #555;}.tenkaichi3-notes {float: left;background: #222;width: 320px;height: 30px;padding: 5px 15px;text-align: justify;text-transform: lowercase;font: 10px Rubik!important;overflow-y: auto;overflow-x: hidden;}.tenkaichi3-notes b {color: var(--accent1);font: bold 11px Bodoni Moda;}.tenkaichi3-notes::-webkit-scrollbar {width: 2px;}.tenkaichi3-notes::-webkit-scrollbar-track {background: #222!important;}.tenkaichi3-notes::-webkit-scrollbar-thumb {background: #333;}.tenkaichi3-textbox {grid-area: text;padding: 40px;background: #222;width: 420px;max-height: 100%;font: 12px/160% Rubik;}.tenkaichi3-text {padding: 30px 45px;border: 1px solid #333;text-align: justify;white-space: pre-line;}.tenkaichi3-text b {font: bold 12px Bodoni Moda;color: var(--accent1);}.tenkaichi3-text i {color: var(--accent2);}</style>



Last edited by Diana Corvus on 11/04/21, 02:55 am; edited 7 times in total


──────────────────────────────────────────────

tracker

5HTML Testing Empty Re: HTML Testing 20/03/21, 10:20 pm

Diana Corvus

Diana Corvus
A-Tier
A-Tier

zzz


──────────────────────────────────────────────

tracker

Sponsored content



Back to top  Message [Page 1 of 1]

Permissions in this forum:
You cannot reply to topics in this forum