• Before posting a question, please check our Frequently Asked Questions page as well as previous threads here. Odds are you aren't the first to ask, and you may find the answer without having to post!

HTML help?

Catharsis

Too Far Gone

Hey, so I kind of need help with coding? 


I have OCD when it comes to my character sheets/posts and such looking nice and pretty, but after the update I have no idea what I'm doing. You feel? I'm mainly looking for people who can sort of drop codes below so I can pull them apart and see HOW they did it. I have a basic understanding on how to do everything. I'd really LOVE To have an accordion code because that was my favorite to use when BBcode was still a thing. 


 


Here's the only real code I understand and know how to use well. 

Code:
<div style="background:#eed5d2; border: 25px solid #cdb79e">
	&nbsp;
	<p style="font-size: 50px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="font-size: 50px; line-height: 22.4px; text-align: center;">
		<font color="#000000" face="Comic Sans MS">Name Here</font>
	</p>

	<p style="font-size: 50px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>
	&nbsp;

	<div style="background: #cdb79e; border:25px solid #cdb79e;">
		<div style="float: right; text-align; left; padding: 5px; font-size: 30px;">
			<p style="color: rgb(131, 139, 139); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">
				<u><em><strong>1</strong></em></u>
			</p>

			<p>
				&nbsp;
			</p>

			<p style="color: rgb(131, 139, 139); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">
				<u><em><strong>2</strong></em></u>
			</p>

			<p>
				&nbsp;
			</p>

			<p style="color: rgb(131, 139, 139); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">
				<u><em><strong>3</strong></em></u>
			</p>

			<p>
				&nbsp;
			</p>

			<p style="color: rgb(131, 139, 139); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif;">
				<strong><em><u>4</u></em></strong>
			</p>

			<p>
				<font color="#000000" face="Comic Sans MS, cursive">&nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</font>
			</p>
		</div>

		<p>
			LOL I USUALLY PUT PICS HERE&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			&nbsp;
		</p>

		<p>
			So Yeah I need help
		</p>

		<p style="text-align: center;">
			&nbsp;
		</p>
	</div>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		<b><i><u>This</u></i></b>
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		<b><i><u>Is</u></i></b>
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		<b><i><u>My</u></i></b>
	</p>

	<p style="color: 	#838b8b; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		<b><i><u>Best</u></i></b>
	</p>

	<p style="font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		<b><i><u>Code</u></i></b>
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		<u><em><strong>That</strong></em></u>
	</p>

	<p style="box-sizing: border-box; margin-top: 0px; margin-bottom: 0px; color: rgb(39, 42, 52); font-family: &quot;Helvetica Neue&quot;, Helvetica, Arial, sans-serif; font-style: normal; font-variant-ligatures: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: 2; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-text-stroke-width: 0px; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: 	#838b8b; font-family: Helvetica Neue, Helvetica, Arial, sans-serif; font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: rgb(131, 139, 139); font-size: 20px; line-height: 22.4px; text-align: center;">
		<font face="Comic Sans MS, cursive"><b><u>I can</u></b></font>
	</p>

	<p style="color: rgb(131, 139, 139); font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: rgb(131, 139, 139); font-size: 20px; line-height: 22.4px; text-align: center;">
		&nbsp;
	</p>

	<p style="color: rgb(131, 139, 139); font-size: 20px; line-height: 22.4px; text-align: center;">
		<font face="Comic Sans MS, cursive"><b><u>Do</u></b></font>
	</p>

	<p style="text-align: center;">
		&nbsp;
	</p>
</div>
 
You are a life saver. For whatever reason I couldn't locate the tutorials on my own! Thank you so much :)

They're in the top menu bar, on the far right.  Depending on screen size, they may be tucked away under the More dropdown. ^_^
 

Users who are viewing this thread

Back
Top