Founded NOVEMBER 26th, 2012
Latest Update Monday May 20th, 2013
Owned by idreamofsimplethings & foreverflyleaf
If you need more help please see our css guide
, or toss us a mail!
WORKING ON MAKING THIS PAGE NICER AND BETTER ORGANIZED
To place your float behind your content (great for layering and larger floats that cover content and great for the top and bottom floats):
Find z-index:1; and change it to z-index:-1;
To move your floats up and down: Find any of these codes and add a - to move the float beyond the page limits so that it moves away from your content and clips/crops.
top:0px; bottom:0px; left:0px; right:0px; EXAMPLE: right:0px; would become right:-20px; moving the image negative 20 pixels to the right.
To resize a float easily: Every image float should be able to be resized with coding without blurring. See below.
Resizing decorative floats: This is only for the single image or decorative floats.
Find the image code like this img src="http://i112.photobucket.com/albums/n181/behindtheeyes7/foot/bbobf1.png" style="position: fixed;
and add this code width:100px; height:auto; into the style="position: fixed; portion to become like this
img src="http://i112.photobucket.com/albums/n181/behindtheeyes7/foot/bbobf1.png" style="position: fixed; width:100px; height:auto;
Now you can adjust the width and the height will auto adjust. You can also flip that code and use width:auto; height:100px; and that will adjust the height
and the width will auto adjust.
The width of most single images is 996px, so thats the width you want your #main to be for it to look perfectly aligned.
Single images are to be used with centered layouts to look like they are stuck inside the layout. An example is to preview one with the basic neopets layout.
Be sure to watch the quotations and dont remove them on the code your editing, the above may not have the proper amount of quotations because of filters on petpages.
If you need any clarification or help please mail Fly anytime. If you feel that any of the top & bottom floats need to be resized you can mail me and I can work on a smaller version if I feel like its worth the time or if I have the time. :)
Top and bottom Floats
Jellyneo Item Database
Dress to Impress
Corel PSP X
NEOPETS, characters, logos, names and all related indicia
are trademarks of Neopets, Inc., © 1999-2013.
® denotes Reg. US Pat. & TM Office.
All rights reserved.
Use of this site signifies your acceptance of the Terms and Conditions