InsaneJournal

Tweak says, "Kitties steal your air supply"

🚀 kirk, captain james t. (stardating) wrote in rp_tutorials,
@ 2013-05-23 21:54:00

Hey hey hey~~

I was wondering if there was a way to make something as simple as this

rounded on the edges? Maybe even with a gray, 5px border? Any help would be great! :D


ROUND IT UP

(Post a new comment)

	mary_greenman 2013-05-24 03:42 am UTC (link)
	Did you try border-radius? (i.e border-radius: 80px; border: 5px #ff) (Reply to this) (Thread)

	stardating 2013-05-24 04:54 am UTC (link)
	so if it's like this <td colspan="6" bgcolor="#c40000"><span style="line-height: 0.55em; letter-spacing: 4px; font-family : georgia; color:#ffffff"><b><center><FONT size=5>ROUND IT UP</FONT></center></b></span></td></tr> where doea the border radius bit go? sorry, I'm just a little rusty on this stuff... (Reply to this) (Parent) (Thread)

mary_greenman
2013-05-24 05:50 am UTC (link)

K so

tellthenight and I worked on this for you. If you want to adjust how rounded it is, just changed the 15px number in the radius areas.

You'll want to use <br> <br> to break up the lines if you're going to add in more text. Adjust the line-height to 1em if you want to avoid any issues with readability while using longer texts.

(Reply to this) (Parent) (Thread)

	stardating 2013-05-24 01:29 pm UTC (link)
	It's beautiful! :D THANK YOU, GUYS. (Reply to this) (Parent)

stardating
2013-05-24 02:22 pm UTC (link)

Another question! Sorry, I know you guys are probably like UGH this girl! But it has seriously been awhile since I had to mess with this stuff and I don't want to screw everything up in the process.

So if I'm putting these as titles in a character table, obviously I would have to switch out the divs with td, right?

Like here. In order for them to not both float to the top with the div code, I edited a little bit, but now I can't edit how wide the bars are? Do you know how I would edit that?

(Reply to this) (Parent) (Thread)

mary_greenman
2013-05-24 04:39 pm UTC (link)

Change the span style to div and you should be able to edit the width.

So instead of

You'd have

(Reply to this) (Parent) (Thread)

	stardating 2013-05-24 04:49 pm UTC (link)
	Oh yay! The first time I did that it kept putting the titles right next to each other instead of in the different section, so I thought maybe I had to switch out of the div to span. OKAY. THANK YOU. (Reply to this) (Parent) (Thread)

	mary_greenman 2013-05-24 05:21 pm UTC (link)
	Yeah you have to play with Margins quite a bit before it'll work properly. Maybe you forgot to close something before? (Reply to this) (Parent) (Thread)

	stardating 2013-05-24 09:05 pm UTC (link)
	I probably did! Like I said, it's been awhile, haha. Thank you so much for all of your help! (Reply to this) (Parent)