Icy Phoenix

Old Styles Topics - images with no-repeat in css

supostabme [ Sun 08 Apr, 2007 18:34 ]
Post subject: images with no-repeat in css

OK here goes .I want to know how to make an image stop repeating. Do I change that in the css and if so which css file(location) and if not the css is it in the admin section somewhere cause i am obviously I am missing it. Ugh I want a forum but have know idea how to make it pretty cause i can't figure out how the images and the code work together.If anyway know where i can get tutorials on this stuff I will go away and stop bugging poeple with all these dumb newb questions I promise .lol :oops:

Vortex [ Sun 08 Apr, 2007 19:29 ]
Post subject: Re: Plz Help

supostabme wrote: [View Post]
OK here goes .I want to know how to make an image stop repeating. Do I change that in the css and if so which css file(location) and if not the css is it in the admin section somewhere cause i am obviously I am missing it. Ugh I want a forum but have know idea how to make it pretty cause i can't figure out how the images and the code work together.If anyway know where i can get tutorials on this stuff I will go away and stop bugging poeple with all these dumb newb questions I promise .lol :oops:

You find it in the css of you template. I don't know what image you are talking about :mricy: but in css you can make an image stop repeating with the css attribute "no-repeat"

For example, a background image for your page:

Code: [Hide] [Select]

body{

	background: url('url/url/img.jpg') no-repeat;

}

you also have repeat-x and repeat-y to force it repeating only orizontally or vertically ;)

I order to work to an Icy template, you have a clear example in templates/mg_themes/style_icy.css :

Code: [Hide] [Select]

/* header */

.forum-header {

	background: #E8EEF8 url(images/ice/bg_top_100.jpg) top left repeat-x;

	padding: 0;

}

Just change repeat-x with no-repeat and your image will not repeat anymore (watch out for "top left" that are the alignmente of the image)

(Just to be sure: the code I provided is meant to be an example. You don't have to modify that... I don't know what image you are talking about )

supostabme [ Sun 08 Apr, 2007 20:21 ]
Post subject: Re: Plz Help

thank you for responding I'm sure my questions are driving people crazy.Now i know where to look so that helps a lot. :mrviolet:

Vortex [ Sun 08 Apr, 2007 22:56 ]
Post subject: Re: images with no-repeat in css

You're welcome supostabme ;)

Sorry if I dare, but don't you think it could be good to first have a look to the basics of css? Not deeply, just to have a general look and idea of what you're going to...

I suggest you to study them a bit; it not difficult at all, just a few days and you will feel a lot more comfortable in working at templates... I swear! :mrviolet:

TheSteffen [ Mon 09 Apr, 2007 11:05 ]
Post subject: Re: images with no-repeat in css

Hi supostabme,

great your problem is solved...

Please try to use next time better topic title as "plz help" ... I have changed it ;-)

Bye

Dogs and things [ Mon 09 Apr, 2007 18:24 ]
Post subject: Re: Images With No-repeat In Css

A very good place to study css is this site, W3schools. :wink:

TheSteffen [ Mon 09 Apr, 2007 21:03 ]
Post subject: Re: SOLVED - images with no-repeat in css

Thanks Dogs and things,

updated this post: http://www.icyphoenix.com/viewtopic.php?p=9328#p9328

Dogs and things [ Tue 10 Apr, 2007 09:46 ]
Post subject: Re: Images With No-repeat In Css

Another brillant site to study .css is Zen Garden.

It´s a website completely made up with .css and html. You can change the design and download the files of the styles you´re seeing, so that you can see how they´re doing it. I post this site here because I´m not sure if this site should go in the tuto topic. :wink:

TheSteffen [ Tue 10 Apr, 2007 17:50 ]
Post subject: Re: images with no-repeat in css

I know this site and I find it quit good.

Thanks for the link.

...

Why not, I will add this site to in this topic.
Because you can easyly see how css works and will get demos for it.