tag:dreamwidth.org,2016-06-18:2525050 Codes by Yuff Codes by Yuff 2019-06-16T15:02:25Z tag:dreamwidth.org,2016-06-18:2525050:5097 Yuff 2019-06-16T15:02:25Z 2019-06-16T15:02:25Z public 3 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />Hi everyone! Just here with a character-specific kink list. Essentially a great option if you play characters with a differing kink preferences. <br /><br /><center><img src="https://i.imgur.com/tnPO8Pu.png" style="width: 300px;"></center><br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/5097.html#cutid1">Full Preview and Code within!</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=5097" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:2336 Yuff 2016-12-28T17:21:52Z 2016-12-28T17:25:51Z public 0 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />Hey everyone! As part of my holiday giveaway, I have a simple Inception inspired CR code that allows for someone to post an visual image (or the totems in Inception's case) that's associated with a character! This was made for <span style='white-space: nowrap;'><a href='http://plurk.com/everlark'><img src='https://plurk.com/favicon.ico' alt='[plurk.com profile] ' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' width='16' height='16'/></a><a href='http://plurk.com/everlark'><b>everlark</b></a></span>, but anyone is free grab as well! I made two versions of the code, one with an option for text and one without. Enjoy!<br /><br /><center><img src="http://i.imgur.com/QMVJMcN.png"></center><br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/2336.html#cutid1">Preview and Codes Within</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=2336" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:2059 Yuff 2016-12-27T17:33:40Z 2016-12-27T17:36:02Z public 1 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />Hey guys! Today as the first creation of my holiday creation, I have a more-or-less simple <i>Dragon Age II</i> CR code. This one was made for <span style='white-space: nowrap;'><a href='http://plurk.com/reikofanel'><img src='https://plurk.com/favicon.ico' alt='[plurk.com profile] ' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' width='16' height='16'/></a><a href='http://plurk.com/reikofanel'><b>reikofanel</b></a></span>, but anyone is free to grab it as well! I also have a more in-depth code for those of you who like fancy images and text, but that one hit a bit of a...technical roadblock this morning, so that will come up later! <br /><br /><center><img src="http://i.imgur.com/ry0rZ36.png" alt="CR prototype"><br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/2059.html#cutid1">Read more...</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div></center><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=2059" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:1600 Yuff 2016-11-04T05:20:15Z 2016-11-04T05:30:37Z public 3 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />Hello all! Today we shall boldly go, and bring you a visualosities code based on the OG of fandoms! <i>Star Trek!</i><br /><br /><center><img src="http://i.imgur.com/I6IsPW4.png" alt="Small Preview"></center><br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/1600.html#cutid1">Read more...</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=1600" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:1391 Yuff 2016-11-01T23:45:41Z 2018-07-16T19:20:11Z public 11 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />Hi Everyone! Today I'm bringing you a nifty character sheet and inventory code, based on the menu interface of <i>Tales of Zestiria</i>!<br /><br /><center><img src="http://i.imgur.com/0GGfNg4.png"></center><br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/1391.html#cutid1">Preview and Code under the cut</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=1391" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:1185 Yuff 2016-10-31T02:59:13Z 2016-10-31T02:59:13Z public 3 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />This is a code for a playlist that include lyrics! Comes in two color varieties.<br /><br /><center><img src="http://i.imgur.com/62sBiB4.png"></center><br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/1185.html#cutid1">Read more...</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=1185" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:924 Yuff 2016-10-28T06:30:01Z 2016-10-28T14:16:12Z public 0 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />Hi all! Just a simple activity tracker for you today: <br /><br /><center> <div style="margin: auto; display: inline-block;"> <div style="display: inline-block; width: 225px; height: 335px; border: 1px solid #090601; margin: auto; border-radius: 10px;"> <div style="display: table-cell; width: 225px; height: 50px; background: url(http://i.imgur.com/rBgAM5L.png); border-radius: 10px 10px 0px 0px; text-align: right; color: rgba(255, 255, 255, 0.9); font-size: 200%; font-family: &#39;Palatino Linotype&#39;, &#39;Book Antiqua&#39;, Palatino, serif; font-variant: small-caps; vertical-align: bottom;"> <span style="margin-right: 5px;">Month</span> </div> <div style="display: block; overflow: auto; height: 275px; padding: 10px 10px 0px 10px; font-family: &#39;Lucida Sans unicode&#39;; background: url(http://i.imgur.com/1yOZizA.png); border-radius: 0px 0px 10px 10px; text-align: left;"> <ul> <li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li> <li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li> <li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li> <li><a href="URL" style="text-decoration:none;color: #161d3d; font-weight: bold;">Title</a>: Characters</li> </ul> </div> </div> </div> <div style="display: block; clear: both; height: 10px; text-align: center; font-variant: small-caps; padding: 5px;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div></center> <br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/924.html#cutid1">Read more...</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=924" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:659 Yuff 2016-06-21T04:38:54Z 2016-06-21T04:40:48Z public 0 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br />So sometime last year, I modified <a href="http://museinabox.dreamwidth.org/11054.html#cutid1">a code</a> from <a href="http://asylums.insanejournal.com/supersuits/43537.html#cutid1">this Insanejournal post</a> that could be used for <span style='white-space: nowrap;'><a href='https://driftfleet.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/community.png' alt='[community profile] ' width='16' height='16' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://driftfleet.dreamwidth.org/'><b>driftfleet</b></a></span> ship pages! Now a year later, I've managed to come up with a revised update for the code!<br /><br />So what's been updated?<br /><br /><blockquote>➣ HTML and CSS has been updated and streamlined so it fits HTML5 and CSS3 guidelines about 99% of the time.<br /><br />➣ Alt tags have been added to the non-background images to make it readable for screen readers and other devices!<br /><br />➣ Bugs in the code with the text spacing, images and the mysterious floaty bit has been fixed! No more weird untouchable box of mystery.<br /><br />➣ Navigation Comments have been added through the code so it's easier to tell what's affects what, and there was a general attempt to make the code more user-friendly<br /><br />➣ An option to add a background that includes your ship's logo has been added!</blockquote><br /><br /><b><font color="red">WARNING:</font></b> I tried my best to troubleshoot the worst of the problems, but other ones could still to pop up. I'd also recommend having some knowledge in HTML/coding if you want to use this code. It's easier than it was before, but it can still be tricky. Don't worry if you decide not use it, these sorts of pages are <b>COMPLETELY OPTIONAL</b> fun thing for your ship! <br /><br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/659.html#cutid1">So damn fancy</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=659" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments tag:dreamwidth.org,2016-06-18:2525050:480 Yuff 2016-06-21T04:12:58Z 2016-06-21T04:23:48Z public 1 Posted by: <span lj:user='randomtology' style='white-space: nowrap;' class='ljuser'><a href='https://randomtology.dreamwidth.org/profile'><img src='https://www.dreamwidth.org/img/silk/identity/user.png' alt='[personal profile] ' width='17' height='17' style='vertical-align: text-bottom; border: 0; padding-right: 1px;' /></a><a href='https://randomtology.dreamwidth.org/'><b>randomtology</b></a></span><br /><br /> <div class="maincontainer" style="margin: auto; width: 500px; height: 405px; overflow: hidden;"> <a name="Gray"></a> <div class="container" style="margin: auto; width: 500px; height: 405px;"> <div class="image" style="display: inline-block; float: left; background-image: url(http://i.imgur.com/2YGaEan.png); background-size: cover; width: 300px; height: 400px; border: solid rgb(54,59,56); border-radius: 5px;"> <div style="position: relative; top: 275px; background-color: rgba(62,57,53, 0.6); text-align: left; width: 300px;"> <span style="font-family: Georgia, serif; font-weight: bold; font-size: 22pt; color:rgb(248,248,248); padding-left: 4.5%;"> Character Name </span> </div> <div style="position: relative; top: 280px; background-color: rgba(181,188,155, 0.7); text-align: right; width: 300px;"> <span style="font-family: Georgia, serif; font-size: 10pt; padding-right: 4.1%; color: rgb(62,57,53);"> Catchphrase </span> </div> </div> <div class="navbar" style="display: inline-block; float: inherit; background-color: rgb(225,226,212); width: 185px; text-align: right; border: 1px solid rgb(54,59,56); border-radius: 5px; font-family: Georgia, serif; font-size: 13pt;"> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(54,59,56); border-right: 9px solid rgb(54,59,56); border-top-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(62,57,53);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(54,59,56); border-right: 9px solid rgb(54,59,56);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(62,57,53);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(54,59,56); border-right: 9px solid rgb(54,59,56);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(62,57,53);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(54,59,56); border-right: 9px solid rgb(54,59,56);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(62,57,53);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(54,59,56); border-right: 9px solid rgb(54,59,56); border-bottom-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(62,57,53);">Link</a> </div> </div> </div> <br /> <a name="Blue"></a> <div class="container" style="margin: auto; width: 500px; height: 405px;"> <div class="image" style="display: inline-block; float: left; background-image: url(http://i.imgur.com/bLTaZfZ.png); background-size: cover; width: 300px; height: 400px; border: solid rgb(0,0,54); border-radius: 5px;"> <div style="position: relative; top: 275px; background-color: rgba(37, 39, 135, 0.6); text-align: left; width: 300px;"> <span style="font-family: Georgia, serif; font-weight: bold; font-size: 22pt; color:rgb(248,248,248); padding-left: 4.5%;"> Character Name </span> </div> <div style="position: relative; top: 280px; background-color: rgba(143, 239, 255, 0.7); text-align: right; width: 300px;"> <span style="font-family: Georgia, serif; font-size: 10pt; padding-right: 4.1%; color: rgb(0,0,54);"> Catchphrase </span> </div> </div> <div class="navbar" style="display: inline-block; float: inherit; background-color: rgb(54,114,162); width: 185px; text-align: right; border: 1px solid rgb(0,0,54); border-radius: 5px; font-family: Georgia, serif; font-size: 13pt;"> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(0,0,54); border-right: 9px solid rgb(0,0,54); border-top-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(0,0,54);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(0,0,54); border-right: 9px solid rgb(0,0,54);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(0,0,54);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(0,0,54); border-right: 9px solid rgb(0,0,54);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(0,0,54);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(0,0,54); border-right: 9px solid rgb(0,0,54);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(0,0,54);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(0,0,54); border-right: 9px solid rgb(0,0,54); border-bottom-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(0,0,54);">Link</a> </div> </div> </div> <br /> <a name="Red"></a> <div class="container" style="margin: auto; width: 500px; height: 405px;"> <div class="image" style="display: inline-block; float: left; background-image: url(http://i.imgur.com/59ngbQY.png); background-size: cover; width: 300px; height: 400px; border: solid rgb(55,0,3); border-radius: 5px;"> <div style="position: relative; top: 275px; background-color: rgba(92, 9, 11, 0.6); text-align: left; width: 300px;"> <span style="font-family: Georgia, serif; font-weight: bold; font-size: 22pt; color:rgb(248,248,248); padding-left: 4.5%;"> Character Name </span> </div> <div style="position: relative; top: 280px; background-color: rgba(213, 96, 98, 0.7); text-align: right; width: 300px;"> <span style="font-family: Georgia, serif; font-size: 10pt; padding-right: 4.1%; color: rgb(254, 251, 251);"> Catchphrase </span> </div> </div> <div class="navbar" style="display: inline-block; float: inherit; background-color: rgb(249,43,34); width: 185px; text-align: right; border: 1px solid rgb(55,0,3); border-radius: 5px; font-family: Georgia, serif; font-size: 13pt;"> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(55,0,3); border-right: 9px solid rgb(55,0,3); border-top-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(55,0,3); border-right: 9px solid rgb(55,0,3);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(55,0,3); border-right: 9px solid rgb(55,0,3);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(55,0,3); border-right: 9px solid rgb(55,0,3);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(55,0,3); border-right: 9px solid rgb(55,0,3); border-bottom-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> </div> </div> <br /> <br /> <a name="Yellow"></a> <div class="container" style="margin: auto; width: 500px; height: 405px;"> <div class="image" style="display: inline-block; float: left; background-image: url(http://i.imgur.com/mLy75JT.png); background-size: cover; width: 300px; height: 400px; border: solid rgb(53,28,13); border-radius: 5px;"> <div style="position: relative; top: 275px; background-color: rgba(172,132,30, 0.6); text-align: left; width: 300px;"> <span style="font-family: Georgia, serif; font-weight: bold; font-size: 22pt; color:rgb(248,248,248); padding-left: 4.5%;"> Character Name </span> </div> <div style="position: relative; top: 280px; background-color: rgba(246,189,44, 0.7); text-align: right; width: 300px;"> <span style="font-family: Georgia, serif; font-size: 10pt; padding-right: 4.1%; color: rgb(254, 251, 251);"> Catchphrase </span> </div> </div> <div class="navbar" style="display: inline-block; float: inherit; background-color: rgb(246,189,44); width: 185px; text-align: right; border: 1px solid rgb(53,28,13); border-radius: 5px; font-family: Georgia, serif; font-size: 13pt;"> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(53,28,13); border-right: 9px solid rgb(53,28,13); border-top-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(53,28,13); border-right: 9px solid rgb(53,28,13);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(53,28,13); border-right: 9px solid rgb(53,28,13);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(53,28,13); border-right: 9px solid rgb(53,28,13);"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> <div class="link" style="width: 180px; height: 50px; border: 1px solid rgb(53,28,13); border-right: 9px solid rgb(53,28,13); border-bottom-right-radius: 5px;"> <a href="URL-HERE" style="line-height: 50px; text-decoration: none; padding-right: 5%; color: rgb(55, 0, 3);">Link</a> </div> </div> </div> </div> <div style="text-align: center; font-family: verdana; font-size: 90%; font-variant: small-caps;">Code by <a href="http://yuff.dreamwidth.org">Yuff</a></div><br /> <div class="buttons" style="margin: auto; text-align: center; font-family: verdana; font-size: 150%; font-variant: small-caps"> Select a Color:<br /> <a href="#Gray" style="background-color: rgb(225,226,212); text-decoration: none; color: rgb(62,57,53); padding: 3px; margin: 3px;">Gray</a> <a href="#Blue" style="background-color: rgb(54,114,162); text-decoration: none; color: rgb(0,0,54); padding: 3px; margin: 3px;">Blue</a> <a href="#Red" style="background-color: rgb(249,43,34); text-decoration: none; color: rgb(55, 0, 3); padding: 3px; margin: 3px;">Red</a> <a href="#Yellow" style="background-color: rgb(246,189,44); text-decoration: none; color: rgb(53,28,13); padding: 3px; margin: 3px;">Gold</a> </div> <br /><br />A navigation profile for your journal!<br /><span class="cut-wrapper"><span style="display: none;" id="span-cuttag___1" class="cuttag"></span><b class="cut-open">(&nbsp;</b><b class="cut-text"><a href="https://yuff.dreamwidth.org/480.html#cutid1">Codes and Notes behind the cut!</a></b><b class="cut-close">&nbsp;)</b></span><div style="display: none;" id="div-cuttag___1" aria-live="assertive"></div><br /><br /><img src="https://www.dreamwidth.org/tools/commentcount?user=yuff&ditemid=480" width="30" height="12" alt="comment count unavailable" style="vertical-align: middle;"/> comments