Oh my god, you really exploded.
|
Post by Meniph on Nov 14, 2013 22:53:52 GMT -8
So, I have a request of all those coders out there in gangnam style. One of my sites and the site of another are having a few coding issues. Some of the code on my site has been said to be stolen from their site. We were just hoping you guys could look through our forum wrapper codes and let us know what you think. <3
Trinity's premade was made before mine. (just so you know)
My site:
<link href='http://fonts.googleapis.com/css?family=Alice' rel='stylesheet' type='text/css'>
<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
<style>
body { background-image: url('http://i.imgur.com/hv8hVLn.png'); }
.fadestuff { position:relative; height:400px; width:1200px; opacity:0; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -ms-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear; }
.fadestuff:hover { height: 400px; width:1200px; opacity:1; -webkit-transition: all .6s linear; -moz-transition: all .6s linear; -ms-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear; }
.headerlink { background: #F3EFDF; letter-spacing: 1px; border-left: 5px solid #d2a0db; padding: 1px; padding-left: 7px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; margin-bottom: 2px; font-family: arial; font-size: 10px; text-align: left; }
.headerlink:hover { background: #F3EFDF; border-left: 5px solid #d2a0db; padding: 1px; padding-left: 30px; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease; }
.headerlink a { color: #af72ba; }
#stafBox td { width: 100px; height: 100px; border: 5px solid #d2a0db; }
.view-first img { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.view-first .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; background-color: rgba(214,214,214, 0.85); -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; }
.view-first h2 { -webkit-transform: translateY(-100px); -moz-transform: translateY(-100px); -o-transform: translateY(-100px); -ms-transform: translateY(-100px); transform: translateY(-100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-first p { -webkit-transform: translateY(100px); -moz-transform: translateY(100px); -o-transform: translateY(100px); -ms-transform: translateY(100px); transform: translateY(100px); -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; -ms-transition: all 0.2s linear; transition: all 0.2s linear; }
.view-first:hover img { -webkit-filter: grayscale(0); }
.view-first a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; -ms-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
.view-first:hover .mask { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; }
.view-first:hover h2, .view-first:hover p, .view-first:hover a.info { -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); opacity: 1; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -o-transform: translateY(0px); -ms-transform: translateY(0px); transform: translateY(0px); }
.view-first:hover p { -webkit-transition-delay: 0.1s; -moz-transition-delay: 0.1s; -o-transition-delay: 0.1s; -ms-transition-delay: 0.1s; transition-delay: 0.1s; }
.view-first:hover a.info { -webkit-transition-delay: 0.2s; -moz-transition-delay: 0.2s; -o-transition-delay: 0.2s; -ms-transition-delay: 0.2s; transition-delay: 0.2s; }
.view-spot { width: 100px; height: 100px; float: left; overflow: hidden; position: relative; text-align: center; background: #ffffff no-repeat center center; }
.view-spot .mask,.view-award .content { width: 100px; height: 100px; position: absolute; overflow: hidden; top: 0; left: 0; padding-top: 30px; }
.view-spot img { display: inline; position: relative; (filters.svg#grayscale); /* Firefox 3.5+ */ filter: gray; /* IE6-9 */ -webkit-filter: grayscale(1); /* Google Chrome & Safari 6+ */; }
.view-spot h2 { color: #ffffff; text-align: center; position: relative; font-size: 20px; font-family: Calibri; padding: 1px; background-color: #d2a0db; margin: 5px 0 0 0; }
.view-spot p { font-family: Georgia, serif; font-style: italic; font-size: 9px; position: relative; color: #0a0a0a; text-align: center; }
.view-spot a.info { display: inline-block; text-decoration: none; padding: 2px 4px; color: #000; text-transform: lowercase; -webkit-box-shadow: 0 0 1px #000; -moz-box-shadow: 0 0 1px #000; box-shadow: 0 0 1px #000; font-size: 10px; font-family: carrois gothic sc; }
.view-spot a.info: hover { -webkit-box-shadow: 0 0 5px #000; -moz-box-shadow: 0 0 5px #000; box-shadow: 0 0 5px #000; }
.topmenu { background-color: #8c6594; height: 35px; font-family: times new roman; position: relative; z-index: 6; }
#navigation-menu { text-transform: uppercase; letter-spacing: -2px; font-size: 14px; padding: 5px; border-radius: 0px; font-family: Times New Roman; background-color: #8c6594; text-align: center; padding-top: 8px;}
#navigation-menu a { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear; text-shadow: 1px 1px 0px #232323; margin: 0px 5px; color: #efeee9; }
#navigation-menu a:hover { -webkit-transition: all 0.5s linear; -moz-transition: all 0.5s linear; -o-transition: all 0.5s linear;margin: 0px 5px; color: #4e4651; }
#navigation-menu div.tip-holder { right: -10px; top: -12px; }
.titley { text-align: center; color: #c992d5; font-family: Alice; font-size: 30px; }
.masterr a { color: #6bcdc5; }
.welcomy { font-size:1.2em; letter-spacing:1px; text-transform:uppercase; font-family:times new roman; margin-top:-3px; margin-bottom:3px; }
.sidetext { width:50px; height:80px; float:left; font-size:8px; text-transform:uppercase; background-color:#7c828e; color:#fff; padding-left:10px; padding-right:10px; padding-top:65px; margin-right:8px; }
.bannery { background-image:url('http://oi43.tinypic.com/kc1ppc.jpg');height:500px;width:995px;position:relative;z-index:5; }
</style>
</head>
<body>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if}
</div>
{/if}
<center>
<div style="position:relative;z-index:4;background-color:#fff;width:100%;height500px;"><div class="bannery">
<div class="fadestuff" style="padding-top:40px;height:484px;width:979px;"><table>
<tr style="text-align:center;">
<td style="height:400px;width:275px;background-color:#e7e7e7;padding:8px;">
<div class="Welcomy">
WELCOME
</div>
<div style="background-color:#d2a0db;padding:8px;">
<div style="background-color:#fff;padding:8px;height:136px;overflow:auto;text-align:justify;font-size:9px;">
<div style="float:left;color:#fff;background-color:#d2a0db;height:40px;width:30px;font-size:30px;text-align:center;margin-right:5px;">W</div> elcome to break my chains. we are a anime/manga original rp that is set in present time japan. our site welcomes all guests and we invite you to talk in the cbox and introduce yourself. the site concept goes to wolf and the beautiful skin goes to the lovely bunny. we hope you enjoy your stay and ask the staff any questions you may have. we are here to please! </div> <br>
</div>
<div class="Welcomy" style="padding-top:5px;">
NEWS
</div>
<div style="background-color:#d2a0db;padding:8px;">
<div class="sidetext">
Month<br>
29/10/2013
</div>
<div style="background-color:#fff;padding:8px;height:130px;overflow:auto;text-align:justify;font-size:9px;">
The staff would proudly like to shout out that the site is almost ready for its <b>grand opening</b>. we worked extremely hard on this site and couldn't of done it without each other. we hope that everyone enjoys the site as well and once we get everything settled in do look out for a grand opening event that should launch sometime soon. please don't forget to ask any questions that you may have and give the staff lots of love. we are animals after all and we love to be cuddled and petted and all sorts of things. just remember the staff don't bite...much
</div>
</div>
</td>
<td style="width:20px;"></td>
<td style="height:400px;width:275px;background-color:#e7e7e7;padding:8px;">
<div class="Welcomy">
NAVIGATION
</div>
<table style="background-color:#d2a0db;padding:8px;width:100%;"><tr><td>
<div class="headerlink"><a href="http://breakmychains.boards.net/thread/4/01-rules">rules</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/thread/5/02-plot">plot</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/thread/8/05">f.a.q.</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/thread/11/face-claim">face claims</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/board/66/store">shop</a></div></td>
<td>
<div class="headerlink"><a href="http://breakmychains.boards.net/thread/10/canon-list">canons</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/thread/7/04-races">races</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/board/29/claims">other claims</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/board/10/characters">application</a></div>
<div class="headerlink"><a href="http://breakmychains.boards.net/board/41/advertisements">ads & affs</a></div>
</td></tr>
</table>
<br>
<div class="Welcomy">
STATISTICS
</div>
<center><table style="width:250px;">
<tr><td>
<div style="height: 25px; font-size: 11px; font-family: open sans condensed; text-align: center; text-transform: uppercase; line-height: 92%; color: #fff; background-color: #c9496a; padding-top: 6px; margin-top: 1px; padding-bottom: 1px; width: 120px; margin-bottom: 2px; letter-spacing:2px">
SHINKANSEN
<br><div style="font-size: 8px;">3 male, 4 female</div></div></td>
<td>
<div style="height: 25px; font-size: 11px; font-family: open sans condensed; text-align: center; text-transform: uppercase; line-height: 92%; color: #fff; background-color: #6bcdc5; padding-top: 6px; margin-top: 1px; padding-bottom:1px; width: 120px; margin-bottom: 2px; letter-spacing: 2px">
MASTERS
<br><div style="font-size: 8px;">1 male, 3 female</div></div></td></tr>
<tr><td><div style="height: 25px; font-size: 11px; font-family: open sans condensed; text-align: center; text-transform: uppercase; line-height: 92%; color: #fff; background-color: #e09341; padding-top: 6px; margin-top: 5px; padding-bottom: 1px; width: 120px; margin-bottom: 2px; letter-spacing:2px">
URAKATA
<br><div style="font-size: 8px;">6 male, 0 female</div></div></td>
<td><div style="height: 25px; font-size: 11px; font-family: open sans condensed; text-align: center; text-transform: uppercase; line-height: 92%; color: #fff; background-color: #91d47c; padding-top: 6px; margin-top: 5px; padding-bottom: 1px; width: 120px; margin-bottom: 2px; letter-spacing:2px">
FREE URAKATA
<br><div style="font-size: 8px;">0 male, 0 female</div></div></td></tr>
<tr><td colspan="2"><div style="height: 25px; font-size: 11px; font-family: open sans condensed; text-align: center; text-transform: uppercase; line-height: 92%; color: #fff; background-color: #FF6666; padding-top: 6px; margin-top: 5px; padding-bottom: 1px; width: 245px; margin-bottom: 5px; letter-spacing:2px">
CITIZEN
<br><div style="font-size: 8px;">0 male, 0 female</div></div></td></tr></table>
<div class="Welcomy">
SISTERS
</div>
<img src="http://i45.tinypic.com/35ncyll.png"> <img src="http://i45.tinypic.com/35ncyll.png"> <img src="http://i45.tinypic.com/35ncyll.png"><br>
<img src="http://i45.tinypic.com/35ncyll.png"> <img src="http://i45.tinypic.com/35ncyll.png"> <img src="http://i45.tinypic.com/35ncyll.png">
</center></td>
<td style="width:20px;"></td>
<td style="height:400px;width:275px;background-color:#e7e7e7;padding:8px;">
<div class="Welcomy">
STAFF
</div>
<center><table width="210" id="stafBox" cellpadding="0"><tr>
<td><div class="view-spot view-first"><img src="http://i171.photobucket.com/albums/u293/tsuki_uta/Anime%20Avatar/Okami%20Avatar/okami94.png">
<div class="mask"><h2>WOLF</h2>
<p>head admin</p>
</div></div></td>
<td>
<div class="view-spot view-first"><img src="http://i756.photobucket.com/albums/xx203/Blacky-iconz/xxxHolic/mokona-concerned.png">
<div class="mask"><h2>BUNNY</h2>
<p>co-admin</p>
</div></div>
</td>
</tr></table>
</center>
</td></tr>
</table>
</div>
</div>
</div></center>
<div class="topmenu">
<div id="navigation-menu" class="ui-helper-clearfix">
{foreach $[navigation.menu]}
<a{if $[navigation.menu.active]} class="navactive"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
$[navigation.menu.name]
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
{/foreach}
{if !$[current_user.is_member]}
$[login_link] $[register_link].
{else}
$[logout_link]
{/if}
</div></div>
<div id="wrapper">
$[participated_threads_link]
<div id="navigation-tree">
$[navigation.tree]
</div>
$[header]
<div id="content" role="main">
{if $[notice]}
<div class="container">
<div class="title-bar"><h2>$[notice.title]</h2></div>
<div class="content pad-all cap-bottom">
$[notice.message]
</div>
</div>
{/if}
$[content]
<table style="background-color: #ffffff; width: 800px; margin-left: -0px;">
<tr>
<td style="width: 600px;"><!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="590" height="300" src="http://www6.cbox.ws/box/?boxid=754206&boxtag=p5fy6c&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain6-754206" style="border:#FFFFFF 1px solid;" id="cboxmain6-754206"></iframe></div>
<div><iframe frameborder="0" width="590" height="82" src="http://www6.cbox.ws/box/?boxid=754206&boxtag=p5fy6c&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform6-754206" style="border:#FFFFFF 1px solid;border-top:0px" id="cboxform6-754206"></iframe></div>
</div>
<!-- END CBOX --></td><td style="text-align: justify; padding-right: 5px; padding-top: 10px; vertical-align: top;"><div class="titley">Rules</div>
❧ don't advertise in the box unless someone asks for the link. there's a board for that. advertisements will be deleted if put in the box.<br>
❧ do not spam. it's just pointless<br>
❧ don't pester staff about applications<br>
❧ make sure to register your name<br>
❧ we welcome guests and don't bite.. much<br>
❧ hellz yeah for hetalia! - iceguin<br></td></tr>
<tr><td colspan="2"><center>
<div style="height:60px; overflow:auto;"><img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"><br>
<img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"> <img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"></div></center></td></tr>
<tr>
<td colspan="2"><div class="affiliates" style="padding-top:3px;"><marquee onmouseover="this.stop()" onmouseout="this.start()" direction="left">
<a href="http://deicide.boards.net/" target="_blank"><img src="http://i.imgur.com/11Sbp2q.png" width="88" height="31" alt="DEICIDE, an original fantasy rp" title="DEICIDE" border="0"></a>
<a href="http://sethelostsouls.boards.net"><img src="http://i.imgur.com/CmKvn3S.jpg"></a>
<a href="http://everxafter.boards.net/"><img src="http://i1064.photobucket.com/albums/u376/DeusTrivea/ExA/Aff.png" border="0" title="once upon a time"></a>
<a href="http://waterbenderpokemon.proboards.com/" target="_blank" title="New Beginnings"><img src="http://img69.imageshack.us/img69/9915/33cx.jpg" alt="New Beginnings" border="0" width="88px" height="31px" /></a>
<img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN">
<img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN">
<img src="http://i45.tinypic.com/35ncyll.png" border="0" alt="OPEN"><br>
</marquee></div></td></tr></table>
$[shoutbox]
</div>
$[footer]
<div style="display: block; margin: 30px 0px; letter-spacing: 1px; font-size: 10px; font-family: times new roman; color: #999999; text-transform: uppercase; background-color: #ececec; text-align: justify; padding: 5px;">
<i>BREAK MY CHAINS</i> IS AN ORIGINAL MASTER/SLAVE ROLE PLAY DESIGNED BY <b>WOLF</b>. THE SKIN WAS CREATED BY <b>BUNNY</b> AND IS TO BE USED ONLY ON THIS SITE. DO NOT RIP THE SKIN OR ANY PART OF IT OR THE SHINKANSEN WILL COME AFTER YOU NEXT. ALL TEMPLATES USED FOR THE SITE INFORMATION ARE PROPERTY OF THE STAFF. ALL IMAGES BELONG TO THEIR RESPECTIVE OWNERS AND WERE MODIFIED BY THE STAFF FOR THE SITE. ALL PLUGINS WERE FOUND ON PROBOARDS SUPPORT. THE PLOT AND IDEA WAS CREATED BY <b>WOLF</b>. THE HOVER BANNER WAS INSPIRED BY TRINITY BLAIR. DO NOT STEAL. ALL CHARACTERS, MINI-PLOTS, POSTS, ETC. ARE PROPERTY OF THEIR ORIGINAL CREATORS. DO NOT USE ANYTHING ON THIS SITE WITHOUT PERMISSION.</div>
</div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html> |
|
|
|
Post by Trinity on Nov 14, 2013 22:56:43 GMT -8
<!DOCTYPE HTML>
$[tag.html.open]
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8" />
<title>$[title] | $[forum.name]</title>
$[head]
</head>
<body>
<a id="navigation-skip" href="#content" accesskey="s" class="aria-hidden" title="Skip Navigation">Skip Navigation</a>
<a href="#" accesskey="d" title="Open Menu" onclick="proboards.hotkeys.activate(Keys.d); return false;"></a>
<div id="navigation-menu" class="ui-helper-clearfix">
<ul role="navigation">
{foreach $[navigation.menu]}
<li>
<a{if $[navigation.menu.active]} class="state-active"{/if} href="$[navigation.menu.href]"{if $[navigation.menu.accesskey]} accesskey="$[navigation.menu.accesskey]"{/if}>
$[navigation.menu.name]
{if $[navigation.menu.notification.total]}
<div class="tip-holder" onclick="window.location='$[navigation.menu.notification.href]'; return false;">
<div class="tip-number">$[navigation.menu.notification.total]</div>
<span class="tip"></span>
</div>
{/if}
</a>
</li>
{/foreach}
</ul>
<p id="welcome">
{if !$[current_user.is_member]}
Welcome Guest. Please $[login_link] or $[register_link].
{else}
<span>Welcome $[current_user.name].</span> $[logout_link]
{/if}
</p>
</div>
{if $[maintenance_mode]}
<div class="maintenance-header">
{if $[can.disable_maintenance]}<p>Finished with maintenance? $[disable_maintenance_link].</p>{/if}
</div>
{/if}
<center>
<!-- THIS IS YOUR BANNER & BANNER HOVER, TO CHANGE BANNER IMAGE REPLACE THE URL BELOW WITH YOUR OWN -->
<div style="background-image:url('http://storage.proboards.com/5440294/i/zkWyoYJ9S9aC_kZiQIu9.png');height:500px;width:995px;margin-top:25px;">
<div class="fade_content" style="padding-top:40px;height:484px;width:979px;">
<table>
<tbody>
<tr style="text-align:center;">
<td style="height:400px;width:275px;background-color:#ffffff;padding:8px;">
<div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:-3px;margin-bottom:3px;">
WELCOME
</div>
<div style="background-color:#dadada;padding:8px;">
<div style="background-color:#fff;padding:8px;height:136px;overflow:auto;text-align:justify;font-size:9px;">
<!-- WELCOME MESSAGE -->
Your site's welcome message here. Tell guests what your word count is or if you are currently looking for canon characters or what not. This section will scroll.
</div>
</div>
<div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:3px;margin-bottom:3px;">
OUT OF CHARACTER
</div>
<div style="background-color:#dadada;padding:8px;">
<div style="width:50px;height:41px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:25px;margin-right:8px;">
<!-- DATE FOR OOC UPDATES, REMEMBER TO SHORTEN MONTH NAME & DO NOT REMOVE THE <br> -->
MONTH<br>
DATE
</div>
<div style="background-color:#fff;padding:8px;height:50px;overflow:auto;text-align:justify;font-size:9px;">
<!-- OOC UPDATES -->
Enter your out of character news for your site here. Is there a poll going on or are you looking for new staff members? This section will scroll.
</div>
</div>
<div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:3px;margin-bottom:3px;">
IN CHARACTER
</div>
<div style="background-color:#dadada;padding:8px;">
<div style="width:50px;height:41px;float:right;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:25px;margin-left:8px;">
<!-- DATE FOR IN UPDATES, REMEMBER TO SHORTEN MONTH NAME & DO NOT REMOVE THE <br> -->
MONTH<br>
DATE
</div>
<div style="background-color:#fff;padding:8px;height:50px;overflow:auto;text-align:justify;font-size:9px;">
<!-- IC UPDATES -->
Your site's in character news should go here. Is there a new plot coming up? Tell your members! This section will scroll.
</div>
</div>
</td>
<td style="width:20px;"></td>
<td style="height:400px;width:275px;background-color:#ffffff;padding:8px;">
<div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:-3px;margin-bottom:3px;">QUICK LINKS</div>
<div style="background-color:#dadada;padding:8px;">
<!-- YOUR LINKS, LOOKS BEST IF YOU USE THEM ALL -->
<div class="links" style="margin-bottom:5px;">I. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">II. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">III. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">IV. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">V. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">VI. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">VII. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">VIII. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">IX. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">X. <a href="htpp://link.com/">Link Here</a></div>
<div class="links" style="margin-bottom:5px;">XI. <a href="htpp://link.com/">Link Here</a></div>
<div class="links">XII. <a href="htpp://link.com/">Link Here</a></div>
</div>
</td>
<td style="width:20px;"></td>
<td style="height:400px;width:275px;background-color:#ffffff;padding:8px;">
<div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:-3px;margin-bottom:3px;">STAFF</div>
<div style="background-color:#dadada;padding:8px;height:165px;">
<div style="width:38px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;margin-right:8px;">
<!-- STAFF NAME AND LINK TO PROFILE, DO NOT REMOVE THE <br> -->
ADMIN<br><a href="link">CLICK</a>
</div>
<div style="width:39px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;margin-right:8px;">
<!-- STAFF NAME AND LINK TO PROFILE, DO NOT REMOVE THE <br> -->
ADMIN<br><a href="link">CLICK</a>
</div>
<div style="width:39px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;margin-right:8px;">
<!-- STAFF NAME AND LINK TO PROFILE, DO NOT REMOVE THE <br> -->
MOD<br><a href="link">CLICK</a>
</div>
<div style="width:38px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;">
<!-- STAFF NAME AND LINK TO PROFILE, DO NOT REMOVE THE <br> -->
MOD<br><a href="link">CLICK</a>
</div>
</div>
<div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:3px;margin-bottom:3px;">SPOTLIGHTS</div>
<div style="background-color:#dadada;padding:8px;height:165px;">
<div style="width:38px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;margin-right:8px;">
<!-- OTM WINNER WITH LINK, DO NOT REMOVE THE <br> -->
MEMBER<br><a href="link">CLICK</a>
</div>
<div style="width:39px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;margin-right:8px;">
<!-- OTM WINNER WITH LINK, DO NOT REMOVE THE <br> -->
FEMALE<br><a href="link">CLICK</a>
</div>
<div style="width:39px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;margin-right:8px;">
<!-- OTM WINNER WITH LINK, DO NOT REMOVE THE <br> -->
MALE<br><a href="link">CLICK</a>
</div>
<div style="width:38px;height:90px;float:left;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:75px;">
<!-- OTM WINNER WITH LINK, DO NOT REMOVE THE <br> -->
THREAD<br><a href="link">CLICK</a>
</div>
</div>
</td>
</tr>
</tbody>
</table>
</div>
</div>
</center>
<div id="wrapper">
<style>
#side_panel{
position: fixed;
top: 310px;
left: 40px;
width: 300px;
height: 300px;
z-index: 50;
}
#side_panel_tab{
position: fixed;
top: 310px;
left: 0px;
width: 24px;
height: 300px;
}
</style>
<div id="side_panel_tab"><a href="Javascript:void(0);" onclick="toggle('side_panel');"><img src="http://storage.proboards.com/5440294/i/tZ3sedwHQCxuZ4YdIJ3H.png"></a></div>
<div id="side_panel" style="display: none;background-color:#fff;padding:8px;height:284px;text-align:center;">
<div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:-3px;margin-bottom:3px;">CHATTER BOX</div>
<div style="background-color:#dadada;padding:8px;">
<div style="background-color:#fff;padding:8px;height:234px;overflow:auto;text-align:justify;font-size:9px;">
<!-- CHATBOX HERE, SUGGESTED DIMENSIONS 268x234 OVERALL -->
Your transparent chatbox here.
</div>
</div>
</div>
<script type="text/javascript"><!--
var cookie_data = document.cookie.split(";");
for(a = 0; a < cookie_data.length; a++){
if(cookie_data.match(new RegExp("id:(.+?)=0($|;)","i"))){
if(document.getElementById(RegExp.$1))
document.getElementById(RegExp.$1).style.display = "none";
}
}
function toggle(_id){
var obj = document.getElementById(_id);
if(obj.style.display == ""){
obj.style.display = "none";
document.cookie = "id:" + _id + "=0;expires=Sat, 20 Jan 3000 12:12:12 UTC; path=/;";
} else {
obj.style.display = "";
document.cookie = "id:" + _id + "=0;expires=Sat, 20 Jan 2000 12:12:12 UTC; path=/;";
}
}
//--></script>
$[header]
$[participated_threads_link]
<div id="navigation-tree">
$[navigation.tree]
</div>
<div id="content" role="main">
{if $[notice]}
<div class="container">
<div class="title-bar"><h2>$[notice.title]</h2></div>
<div class="content pad-all cap-bottom">
$[notice.message]
</div>
</div>
{/if}
$[content]
$[shoutbox]
</div>
<!-- Do not remove or tamper with my credits! -->
<center>
<div style="font-size:1.5em;">
skinned by <a href="http://adoxography.boards.net/user/1">trinity</a> @ adoxography
</div>
<div style="font-size:1em;">
<i>write my name in your mother’s tongue, spell it with roses and kitten thumbs.</i>
</div>
</center>
<!-- Do not remove or tamper with my credits! -->
$[footer]
</div>
{if $[is_mobile_browser]}
<br /><p class="center">Switch to the $[mobile_switch_link].</p>
{/if}
</body>
</html>
|
|
|
|
Post by Trinity on Nov 14, 2013 22:59:53 GMT -8
|
|
the greatest general under the heavens
|
Post by Egao, Egao Everywhere on Nov 15, 2013 0:14:27 GMT -8
Can you specify what the "some" are? Because reading through these codes is a pain.
|
|
Oh my god, you really exploded.
|
Post by Meniph on Nov 15, 2013 0:57:20 GMT -8
Egao, Egao Everywhere my site is being accused of copying the codes of the hover banner the column sizes, spacing, text sizes and font's and stuff around that category. I also just did this with our two codes.
www.diffchecker.com/wg54pu1v
your free to try it yourself with our codes
EDIT: my sites codes are the red ones.
|
|
the greatest general under the heavens
|
Post by Egao, Egao Everywhere on Nov 15, 2013 1:29:35 GMT -8
Did either of you two use an online resource for the hover effect, or did you guys make it from scratch?
|
|
Oh my god, you really exploded.
|
Post by Meniph on Nov 15, 2013 1:45:22 GMT -8
Egao, Egao Everywhere She's used a similar effect for a while now on multiple sites. She's taught herself how to do it, she even did similar things on v4 before v5 even came out. So if she originally used a resource or generator or something for it, I'm not sure. This time she made it from scratch over the course of several days, looking up a bit of css here and there. I watched her slowly put it together. She just put it together using div classes, transitions and opacity effects. Though I would like to comment that we've offered to change the entire code if necessary.
|
|
the greatest general under the heavens
|
Post by Egao, Egao Everywhere on Nov 15, 2013 2:18:39 GMT -8
I can't be certain over the hover but I don't personally think the hover is a big deal. They're just positioning, opacity, and some transition and I think it's forgivable if you copy-paste them from one to another, but the css is another matter. I see that trinity is acknowledged for the banner design but it looks like some parts were just copy-pasted. It's pretty hard to say it's a coincidence. ORIGINAL (trinity): <div style="font-size:1.2em;letter-spacing:1px;text-transform:uppercase;font-family:georgia;margin-top:3px;margin-bottom:3px;">
WELCOMY: .welcomy { font-size:1.2em; letter-spacing:1px; text-transform:uppercase; font-family:times new roman; margin-top:-3px; margin-bottom:3px; }
and
ORIGINAL (trinity); <div style="width:50px;height:41px;float:right;font-size:8px;text-transform:uppercase;background-color:#af6656;color:#fff;padding-left:10px;padding-right:10px;padding-top:25px;margin-left:8px;">
SIDETEXT: .sidetext { width:50px; height:80px; float:left; font-size:8px; text-transform:uppercase; background-color:#7c828e; color:#fff; padding-left:10px; padding-right:10px; padding-top:65px; margin-right:8px; } The arrangement is too similar. You could say that the arrangement is like a coder's handwriting. Coders have their own style on how they arrange their html either due to preferences or due to code design. The tables appeared to be structured similarly too. Suspicious lines are: <td style="width:20px;"></td>
<td style="height:400px;width:275px;background-color:#e7e7e7;padding:8px;">and <tr style="text-align:center;">among several others. I don't really use tables in design anymore but there are a lot of ways you can use html in it. Specifically putting text-align:center in tr is, I think, like a coder's choice because you could alternatively put that in the table tag to align everything. The td class would have overwritten it to justify. As much as I'd hate to say it, I think your site has ripped off the table from the original coder (assuming Trinity coded the table banner from scratch and is therefore hers). The hover-design banner isn't an original idea but if you narrow it down to the css and find the exact similar html in the exact order, I'm afraid the likelihood of the code being copy-pasted is very high. |
|
|
|
Post by Trinity on Nov 15, 2013 9:44:32 GMT -8
I used the same exact CSS for all my hover effects, I just change the class depending on what the hover effect is on, (Banner or Mini Profile, etc.). Another coder told me how to do it and I've been using it ever since:
/* Banner */
.fade_content {
height: 500px;
width: 995px;
opacity: 0;
-webkit-transition-duration: 1s;
transition-duration: 1s;
-moz-transition-duration: 1s;
}
.fade_content:hover {
height: 500px;
width: 995px;
opacity: 1;
}
|
|
|
|
Post by edward on Nov 15, 2013 10:03:19 GMT -8
I'm not exactly a staff member, but wouldn't this be handled better privately?
|
|
|
|
Post by Trinity on Nov 15, 2013 10:12:35 GMT -8
I'm not exactly a staff member, but wouldn't this be handled better privately? Meniph and I are on an agreement. She wanted an outside opinion on the codes and this was the best way we could think of so we could both be a part of it and make sure neither parties lied about the code and responses we were given. |
|
the greatest general under the heavens
|
Post by Egao, Egao Everywhere on Nov 15, 2013 14:58:17 GMT -8
Maybe I was just totally dense but I didn't think this is really a serious issue. Bunny is a cool person. I doubt there was any malicious intent on this and as Meniph mentioned, Bunny's willing to reconstruct the whole thing if Trinity strongly feels against it. I don't think there was any real harm done.
|
|
|
|
Post by Trinity on Nov 15, 2013 18:43:16 GMT -8
Maybe I was just totally dense but I didn't think this is really a serious issue. Bunny is a cool person. I doubt there was any malicious intent on this and as Meniph mentioned, Bunny's willing to reconstruct the whole thing if Trinity strongly feels against it. I don't think there was any real harm done. I do strongly feel against it, however, I am leaving the decision up to them: respectfully. |
|
|
|
Post by BUNNY on Dec 1, 2013 1:27:25 GMT -8
Minnie pointed this out to me. Um, this is not me doing this guys. I don't know who this other Bunny imposter is but don't think it's me stealing codes. I can barely center and image and add links. Honestly.
|
|
MOTHER OF THE MAGICAL GIRLS
|
Post by SIFR on Dec 1, 2013 3:39:04 GMT -8
Minnie pointed this out to me. Um, this is not me doing this guys. I don't know who this other Bunny imposter is but don't think it's me stealing codes. I can barely center and image and add links. Honestly. I've used the name Bunny in the past too; so you can imagine how terrified I was when this came through my feed.
"WHAT DID I DO WHO DID I OFFEND I DON'T UNDERSTAND WTF IS THIS SKIN EVEN WHAT."
But uhm. Yeah. I'm leaving this as a placeholder for when I'm awake enough to compare. |
|
Five years ago, the Pokemon League formed Lux to create a new world order of peace and harmony. A rebellion formed, under the name of Nox, cries tyranny at Lux's new microcosmic control. Their civil war now tears the Pokemon world apart. The world hangs in the balance of predormitum. Which side will you choose?
is a high stakes RP set in a dystopian Russian society recovering from an apocalyptic war between the armies of Heaven and Hell. Greater Russia now stands free from the influence of God and the Devil, and all non-humans run the risk of execution. Outside the safe zones lies the contained wasteland of Moscow, where demons and mutated shadowbeasts continue to terrorize the remaining human survivors who have been penned in with them. As of late, increasing evangelic disturbances threaten the peace that has ruthlessly maintained by the secret police.
