COME CLEAN, COME EASY. - April 11th, 2021

11 April 2021 @ 12:04 am

A somewhat-updated version of sorry for my english, with the code cleaned up a little.

VERSION WITH TEXT

<center><raw-code><br /><br /><div style="width: 500px !important; height: auto !important; background: #ececec; font-family: 'Courier New', monospace; font-size: 9pt; color: #000000; line-height: 1.8em; padding: 20px transparent !important; border-radius: 25px;"><div style="width: 500px; height: 200px; background: url(BACKGROUNDURL1); background-size: 100%; background-position: center; padding: 0px; position: relative; float: center;"><br /><br /><br /><span style="color: #fff; font-family: 'Helvetica', sans-serif; font-size: 20px; font-weight: bolder; font-style: italic; letter-spacing: 20px;">A BRIEF MEANINGFUL PHRASE</span></div>
<div style="width: 420px; height: auto !important; background: url(URL); background-size: 100%; background-position: center; position: center; float: center; top: auto; text-align: center; vertical-align: middle; padding: 40px;"><span style="font-size: 2em; font-weight: 9.0;">A LINE OF TEXT GOES HERE</span><br /><span style="font-size: 0.95em;">AND SOME SUBTITLES, IF DESIRED<br /><br />
<a href="URL" style="text-decoration: none; color: #000;">A LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">ANOTHER LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">BEHOLD, LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">AND I SEE! A LINK!</a><br /><br /><span style="border-radius: 20px; border: 2px solid #000; background: #000; padding: 10px;"><a href="URL" style="text-decoration: none; color: #fff;">MORE LINKS</a></span></div></div><br /><br /></raw-code></center>

VERSION WITHOUT TEXT

<center><raw-code><br /><br /><div style="width: 500px !important; height: auto !important; background: #ececec; font-family: 'Courier New', monospace; font-size: 9pt; color: #000000; line-height: 1.8em; padding: 20px transparent !important; border-radius: 25px;"><div style="width: 500px; height: 200px; background: url(BACKGROUNDURL2); background-size: 100%; background-position: center; padding: 0px; position: relative; float: center;"></div>
<div style="width: 420px; height: auto !important; background: url(URL); background-size: 100%; background-position: center; position: center; float: center; top: auto; text-align: center; vertical-align: middle; padding: 40px;"><span style="font-size: 2em; font-weight: 9.0;">A LINE OF TEXT GOES HERE</span><br /><span style="font-size: 0.95em;">AND SOME SUBTITLES, IF DESIRED<br /><br />
<a href="URL" style="text-decoration: none; color: #000;">A LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">ANOTHER LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">BEHOLD, LINK</a> <br />
<a href="URL" style="text-decoration: none; color: #000;">AND I SEE! A LINK!</a><br /><br /><span style="border-radius: 20px; border: 2px solid #000; background: #000; padding: 10px;"><a href="URL" style="text-decoration: none; color: #fff;">MORE LINKS</a></span></div></div><br /><br /></raw-code></center>

Tags: !css, !divs, type: misc, type: navigation

Current Music: nct 127 - kick it

2 comments | Leave a comment

Previous Day | Next Day

			1	2	3	4
5	6	7	8	9	10	11
12	13	14	15	16	17	18
19	20	21	22	23	24	25
26	27	28	29	30	31