https://www.icyphoenix.com/viewtopic.php?f=36&t=1569 ----------------------------------- supostabme Sun 08 Apr, 2007 18:34 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 Re: Plz Help ----------------------------------- [quote user="supostabme" post="11599"]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:[/quote] 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 linenumbers=false]body{ background: url('url/url/img.jpg') no-repeat; }[/code] 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 [b]templates/mg_themes/style_icy.css[/b] : [code linenumbers=false]/* header */ .forum-header { background: #E8EEF8 url(images/ice/bg_top_100.jpg) top left repeat-x; padding: 0; }[/code] 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: [b]the code I provided is meant to be an example. You don't have to modify that[/b]... I don't know what image you are talking about ) ----------------------------------- supostabme Sun 08 Apr, 2007 20:21 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 Re: images with no-repeat in css ----------------------------------- You're welcome [b]supostabme[/b] ;) 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 Re: images with no-repeat in css ----------------------------------- Hi [b]supostabme[/b], 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 Re: Images With No-repeat In Css ----------------------------------- A very good place to study css is this site, [url=http://www.w3schools.com/css/default.asp]W3schools. :wink: ----------------------------------- TheSteffen Mon 09 Apr, 2007 21:03 Re: SOLVED - images with no-repeat in css ----------------------------------- Thanks [b]Dogs and things[/b], updated this post: http://www.icyphoenix.com/viewtopic.php?p=9328#p9328 ----------------------------------- Dogs and things Tue 10 Apr, 2007 09:46 Re: Images With No-repeat In Css ----------------------------------- Another brillant site to study .css is [url=http://www.csszengarden.com/]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 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 [url=http://www.icyphoenix.com/viewtopic.php?p=9328#p9328]this topic. Because you can easyly see how css works and will get demos for it.