abstract fonts - 10,000 free fonts - your type
your type
11,745 free fonts - 194 visitors online
You can download without registering
Website
Visit pc fonts
• reply  • forum

Body Backgrounds
#1 Posted by recovered on 2003-11-18 09:29:19 | quote |
I need some help understanding body backgrounds. If I get the background to the right dimensions, then the file is too big to save to an image hosting site.

If I keep the background smaller, then it repeats itself.

Any experts input would be great.

Thanks!

---------------
if you were registered with AF forum before May, 2006 and would like your posts be re-assigned to your new member account, please contact us with your old and new usernames.
#2 Posted by Alex site moderator on 2003-11-19 06:12:35 | quote |
the trick is to come up with a small graphic that repeats in such way that you cannot see where the 'tiles' are connected.

An example would be a 1x2 px image. (1 width, 2 height) make one pixel black and the other one white. When you will use this background you will get black and white horizontal stripes which will look nice and continueous ...

or take a look at teh background on this site.... it is not that big and repeats, however it is hard to see the where the borders are.

Alex - Founder - Abstract Fonts
#3 Posted by recovered on 2003-11-23 22:14:30 | quote |
You can also add these to your body{} css...[/b:eaf37da9c8]

background-repeat:repeat[/color:eaf37da9c8] (Default, not really needed)
background-repeat:no-repeat[/color:eaf37da9c8] (Shows up only once)
background-repeat:repeat-x[/color:eaf37da9c8] (Repeats across the page)
background-repeat:repeat-y[/color:eaf37da9c8] (Repeats down the page)

background-position:top right[/color:eaf37da9c8]
background-position:center right[/color:eaf37da9c8]
background-position:bottom center[/color:eaf37da9c8]

Positioning your background using pixles or percentages
(from top-left of page):[/b:eaf37da9c8]

background-position:200 250[/color:eaf37da9c8]
background-position:30% 60%[/color:eaf37da9c8]


---------------
if you were registered with AF forum before May, 2006 and would like your posts be re-assigned to your new member account, please contact us with your old and new usernames.
#4 Posted by recovered on 2003-11-23 22:22:46 | quote |
Thanks for the info. That is very useful!

While we're here, why is it so hard to find a way to tab in HTML?

I've tried using spaces   but then I read that's not cool; that you're supposed to use style sheets, but the code for that was so long and I'm not sure I could make sense out of it.

Any ideas...?

---------------
if you were registered with AF forum before May, 2006 and would like your posts be re-assigned to your new member account, please contact us with your old and new usernames.
#5 Posted by recovered on 2003-11-23 23:33:25 | quote |
You're very welcome. :)

Indenting is very simple with CSS. If you want all of your paragraphs to have an indent, then use:p {text-indent: 2em;}[/code:1:66abeaaa7d]If you only want some[/i:66abeaaa7d] of your paragraphs to be indented, you can create a class for it, like so....indent {text-indent: 2em;}[/code:1:66abeaaa7d]...then call it up with...<p class="indent">Your paragraph here.</p>[/code:1:66abeaaa7d]You can also use a negative value to make the first line go further to the left.

Enjoy! :)


---------------
if you were registered with AF forum before May, 2006 and would like your posts be re-assigned to your new member account, please contact us with your old and new usernames.

Post a Reply

Register and/or login to access this feature.


Register
Make sure you enter a proper email address as the initial password will be emailed to you.
Name
Email
Username
Login
Username:
Password:
Forum - Font Catalogs (PDF) - Complete font list - Help - Contact us - Link to Abstract Fonts | server #1 | 0.031s | copyright © abstract fonts government of canada