Icy Phoenix

     
 


Post new topic  Reply to topic 
Page 1 of 1
 
 
Reply with quote Download Post 
Post 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
 



 
supostabmeSend private messageVisit poster's website  
Back to topPage bottom
Icy Phoenix is an open source project, you can show your appreciation and support future development by donating to the project.

Support us
 
Reply with quote Download Post 
Post 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



You find it in the css of you template. I don't know what image you are talking about 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: [Download] [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: [Download] [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 )
 



 
VortexSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 



 
supostabmeSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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!  
 



 
VortexSend private messageVisit poster's website  
Back to topPage bottom
Reply with quote Download Post 
Post 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
 



 
TheSteffenSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post Re: Images With No-repeat In Css 
 
A very good place to study css is this site, W3schools.
 



 
Dogs and thingsSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post Re: SOLVED - images with no-repeat in css 
 
Thanks Dogs and things,

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



 
TheSteffenSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 



 
Dogs and thingsSend private message  
Back to topPage bottom
Reply with quote Download Post 
Post 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.
 



 
TheSteffenSend private message  
Back to topPage bottom
Post new topic  Reply to topic  Page 1 of 1
 


Display posts from previous:    

HideWas this topic useful?

Link this topic
URL
BBCode
HTML




 
Permissions List
You cannot post new topics
You cannot reply to topics
You cannot edit your posts
You cannot delete your posts
You cannot vote in polls
You cannot attach files
You can download files
You cannot post calendar events


  

 

  cron