CODES SECTION 4: REPOSITIONING, RESIZING, AND DIMENSIONS
Dimensions:
Profile, equip, interest, wishlist:
250PX, Height may vary.
Profile, equip, interest, wishlist headers:
~230*22
About, Journal, Friends, Store, Commments, Signature:
500PX, Height may vary.
About, Journal, Friends, Store, Commments, Signature Headers:
~480*22
Repositioning:
Repositioning is easy with the new drag and drop system. However, some of us like doing it the old fashioned way, so we can make things overlap.
In any section, between the {}'s, you can place additional code to shift it.
Replace 0 with the number of pixels you want to displace it. Yes, I know left and right are inverted.
To move it right:
To move it left:
To move it down:
To move it up:
Resizing:
From what I've seen, certain sections will be smaller or larger. Wanna switch them back, or fit them to a specific background? This is easy! You can even make it smaller than the content, and add a scrollbar.
In any section, between the {}'s, add the following parameters to enter a custom size. [where 0 is replaced by the size you want in pixels]
To resize multimedia (the actual media, not the section)
Quote:
.media_panel embed{width:XXXpx; height:XXXpx;}
Replace XXX with the appropriate values.
Scrollbar:
Let's say you had a 500*400 background for your about section, so you resized .about_gadget to 500*400. The only problem is, your text got cut off, or overflows!
eek Oh nose!
This can be easily fixed. Enter the following line between the {}'s.
You don't have to make it scroll, though. You can clip it, if you choose to. This is good for clipping off the control bar in your multimedia:
The content is not clipped. It renders outside the element
The content is clipped, but the browser does not display a scroll-bar to see the rest of the content
The content is clipped, but the browser displays a scroll-bar to see the rest of the content
If the content is clipped, the browser should display a scroll-bar to see the rest of the content