The Joomla! Forum ™



Forum rules


Forum Rules
Absolute Beginner's Guide to Joomla! <-- please read before posting.
Forum Post Assistant - If you are serious about wanting help, you should use this tool to help you post.



Post new topic Reply to topic  [ 5 posts ] 
Author Message
PostPosted: Sat Apr 28, 2012 7:25 am 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon May 21, 2007 2:16 pm
Posts: 134
I need to use an image as background in an article; I use at the beginning of the code html of my article the following code
<div style="background-image: url('images/stories/key.jpg')">
But if the image is smaller than the page,I see the image repeated many times and it fills the page; I need to see the image only once, also if it is smaller than the page.
Is it possible?
Thank
Martino


Top
 Profile  
 
PostPosted: Sat Apr 28, 2012 9:49 am 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Fri Apr 08, 2011 9:19 pm
Posts: 124
Yeah! it is absolutely possible. Add another style background-repeat: no-repeat;. The edited div will be <div style="background-image: url('images/stories/key.jpg');background-repeat: no-repeat;">. I think your issue will be solved.

Thank you and take care. :)

_________________
ColourDrift is a distinguished design and development studio providing a wide range of organized and well-presented, creative Web Design
Website:- http://www.colourdrift.com


Top
 Profile  
 
PostPosted: Sat Apr 28, 2012 3:01 pm 
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Mon May 21, 2007 2:16 pm
Posts: 134
OK. it runs correctly. A ultimate question. In the article with the image as background, I would write using not the black caracter but an other colour. I use the basic editor: is it possible?
Thanks. Martino


Top
 Profile  
 
PostPosted: Sat Apr 28, 2012 4:37 pm 
User avatar
Joomla! Master
Joomla! Master

Joined: Wed Aug 17, 2005 10:27 pm
Posts: 14715
Location: Kent, England
Go to Plugin Manager
Select TinyMCE by clicking the name
Top right of the new page display find the drop down next Functionality - set to Advanced by default and select Extended. Click Save and Close.
You now have a far more detailed interface for the Editor including Font Colour selection


Top
 Profile  
 
PostPosted: Sun Apr 29, 2012 5:16 am 
User avatar
Joomla! Enthusiast
Joomla! Enthusiast

Joined: Fri Apr 08, 2011 9:19 pm
Posts: 124
You can do it using TinyMCE as said by humvee you can also use JCE (http://extensions.joomla.org/extensions/edition/editors/88) a popular editor. You can also use CSS technique to make that happen, add another style color:#FFFFFF; the FFFFFF is the hexadecimal value for while change it to whatever color you want but it have to be in hex value. The edited div will be <div style="background-image: url('images/stories/key.jpg');background-repeat: no-repeat;color:#FFFFFF;">.

All the best and take care. :)

_________________
ColourDrift is a distinguished design and development studio providing a wide range of organized and well-presented, creative Web Design
Website:- http://www.colourdrift.com


Top
 Profile  
 
Display posts from previous:  Sort by  
Post new topic Reply to topic  [ 5 posts ] 



Who is online

Users browsing this forum: Baidu [Spider] and 53 guests


You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot post attachments in this forum

Jump to:  
Powered by phpBB® Forum Software © phpBB Group