This template is actually my friends template, I just modified it to fit my needs. The problem is when I post it everything works great. However, if I use it again in the same topic, the second template glitches out and I am unable to switch between the template tabs. I have to double post to show you this, so please excuse that. I would like to know what I need to remove to keep this from happening. Feel free to quote me and take a look at the code yourself!
- Code:
<link href='http://fonts.googleapis.com/css?family=Pathway+Gothic+One|Cuprum|Montserrat' rel='stylesheet' type='text/css'>
<center><div class="crookun"></div><div class="crookup"></div><div class="shinam"><span style="color: #8904B1;">
</span></div><div class="NAMEHEREgippu"><img src="http://s22.postimg.org/euwius1ot/100x100.png"></div>
<div class="NAMEHERE1"><div class="NAMEHERE2"><div class="NAMEHERE3"><table><tr><td></div> <div class="NAMEHEREout"></div></td><td></div></td></tr></table></div> <div class="shiba"><div class="NAMEHEREtabs"><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-1" name="NAMEHEREtab-group-1" checked><label for="NAMEHEREtab-1">Infernal Titans </label><div class="NAMEHEREcontent">
<img src="http://s23.postimg.org/l6c7duhuj/Dragon_Renger.png">
<object type="application/x-shockwave-flash" width="1" height="1" data="MUSIC DISABLED"><param name="movie" value="https://www.youtube.com/v/bM7SZ5SBzyY?version=2&autoplay=1&loop=1&theme=dark" /><param name="wmode" value="transparent" /></object>
</div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-2" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-2">The Post </label><div class="NAMEHEREcontent"><div style="width: 310px; height: 470px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">
The wait for his Beast Man Curry took a lot longer than he would of thought. What was taking them? He knew the town wasn't in the best shape but the restaurant and it's staff were relatively fine. Ðragon looked down at the old oak wood table and placed his hand on it, slowly digging his finger into it until he was able to peel off a strip of wood. A sigh left his body as he continued the wait. "It's a lot harder being on your own than I thought," he thought to himself. "If my family was still here with me this wait would be nothing. I need to stop dwelling on the past, though. They're gone. I need to accept this and stop trying to depend on my thoughts to save me from reality." he finished.
Eventually, his waiter came. She was a very cute girl with long brown hair that extended to her shoulders. Her eyes were that of amber and her figure too, was nice. She wore the normal attire the restaurant offered and greeted him with a polite smile. A fake smile. The girl gave him his Beast Man Curry and walked away quickly as if she were extremely nervous. "What's her deal?" he thought. Ðragon took a few bites of his food and savored the flavors before noticing something stuck to his bowl. Tugging on a folded strip of paper he pulled it from his bowl and unfolded it before reading the handwritten letters.
"The girl with the blue hair. Animus Sin. Kill her."
Ðragon glanced up from the note and stared at the blue haired girl. "Is someone as cute as her seriously in Animus Sin?" he thought, not wanting to believe it. Truth be told Ðragon did not like hurting girls unless her had to. "Tch. When will I catch a break?" he thought. Deciding to end her life as quickly and painfully as possible, Ðragon's muscles twitched as he was just about to get up.
"You don't belong here," sprang a voice to his right. It was the woman giving the girl a suspicious look from before. Deciding to let this play out, Ðragon watched as the girl froze just before she was going to take a sip of her coffee. I small smile crossed his face. The Animus Sin girl turned and faced off with her accuser. Although she tried to play it off, it was painfully obvious she was terrified.
"Why is she so scared? She and her guild started the war that caused many lives to suffer. She shouldn't even be out in public if she wasn't very strong." he thought to himself. Something wasn't right. The Animus Sin girl smiled genuinely before speaking.
"I'm not quite sure what you're talking about, haha..." she responded.
Ðragon sighed and stopped listening to the conversation. The Animus Sin girl should of admitted she was from the guild and tried to act tougher so that these people would leave her alone. If she didn't come in so nervous to begin with then none of this would of even happened. Ðragon's fist clenched. Why did she have to get caught? Wait. Why was he worrying about her? This girl could of killed many people, ruined families! Families like his own! Maybe it was because she was so young. Maybe it was because of the potential she held. Ðragon sighed as the girl got up and began to run out of the restaurant. Little did she know, he could feel her body heat. He knew where she was. As Ðragon stood up from his chair his Beast Man Curry began to boil. The flame on his head grew brighter. His rage began to consume him. It was people like her that caused his wife and daughter to be taken from him. He could show her no mercy.
Having snapped, Ðragon wasted no time and ripped the table from the ground. Splinters of wood shot everywhere. Reeling the table backwards, Ðragon swung forward with extreme force and through the table through a large open window and into the direction the girl ran. Glass shattered and the force of the table being thrown caused many things in the restaurant to fly in that direction. Ðragon leaped out of the window and flew across the street, landing on the table that had now stuck itself in the ground in front of the girl. Ðragon appeared instantly and was upside down, standing with one hand on the tables edge, his legs spread apart as he did a 360, aiming his right leg in the direction of the girls neck, aiming to break it.
</div></div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-3" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-3">C.D. </label><div class="NAMEHEREcontent"><div style="width: 310px; height: 470px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">
<span style="color: #8e0000;">+</span> Personality:
Likes: (3 minimum)
Dislikes:
Fears: (3 minimum)
Motivations/Goals: (3 minimum)
<br><br>
</div></div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-4" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-4">Appearance</label><div class="NAMEHEREcontent"><div style="width: 310px; height: 470px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">
Hair:
Eyes:
Skin Tone:
Height:
Weight:
Overall Appearances:
</blockquote></div></div></div><div class="NAMEHEREtab"><input type="radio" id="NAMEHEREtab-5" name="NAMEHEREtab-group-1"><label for="NAMEHEREtab-5">Other</label><div class="NAMEHEREcontent"><div style="width: 310px; height: 470px; text-align:justify; overflow: auto; padding: 5px; margin-top: 10px; font-size: 11px; font-family: helvetica; color: #303030;" class="scrom">
Rank:
Guild:
Guild Tattoo
</div></div></div></div></div></div></div>
<div class="buttshi">I will protect you.</div>
<style>img {border-radius:0px;} .scrom::-webkit-scrollbar {background-color: #8904B1 ; width: 7px; border: 3px solid #8904B1;}.scrom::-webkit-scrollbar-thumb:vertical {background-color: #8904B1 ; height: 10px; }.crookup {width:0px;height:100px;border-top: 30px solid transparent;border-right: 320px solid #fff; margin-bottom: -70px; margin-right: -40px;}.crookun {width:0px;height:70px;border-top: 30px solid transparent;border-right: 320px solid #d2d2d2; margin-bottom: -100px; margin-right: -40px;}.buttshi {border-right: 1px solid #d2d2d2;border-left: 1px solid #d2d2d2;border-bottom: 0px solid #494949;border-bottom-left-radius: 40px;border-bottom-right-radius: 40px;width: 320px;font-family: Montserrat;background: #fff;color: #494949;margin-right: -40px;padding: 10px;text-transform: uppercase;font-size: 9px;}.shiba {border: 1px solid #d2d2d2;background-color: #fff;width: 320px;height: 480px;margin-right: -40px;}.shinam {font-family: Cuprum;font-weight: 900;margin-bottom: -90px;font-size: 40px;width: 200px;color: #494949;text-align: center;letter-spacing: -1px;word-spacing: 5px;border-bottom: 1px solid #d2d2d2;margin-right: 0px;}.NAMEHEREgippu {height: 100px;width: 100px;border-radius: 200px;overflow: hidden;border: 1px solid #000;margin-right: -260px;}.NAMEHEREtabs {position: relative; width: 320px;height: 489px;}.NAMEHEREtab {float: left;}.NAMEHEREtab label {background: transparent;color: #d1cec4; padding: 5px;right: 5px;margin-right: 10px;font-family: Pathway Gothic One; text-align: center; word-spacing: 3px; text-transform: uppercase; font-size: 13px;position: relative;top: -15px;}.NAMEHEREtab [type=radio] {display: none; }.NAMEHEREcontent { position: absolute;top: 0px;height: 489px;width: 320px; background: #fff;margin-left: -0px;left: 0;right: 0;bottom: 0;-webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0); -webkit-transition-duration: .8s; -moz-transition-duration: .8s; -o-transition-duration: .8s;}[type=radio]:checked ~ label {background: transparent;z-index: 2;color: #494949;}[type=radio]:checked ~ label ~ .NAMEHEREcontent {z-index: 1;-webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); }
</style>