ringnews24 Posted June 3, 2013 Share Posted June 3, 2013 Hi guys, Sorry if this post is in the wrong section. My website is Joomla 3 and I am looking to add a background image that is fixed and clickable. I found some info on this here link http://subin.me/blog/how-to-background-image-ads-using-pure-html-and-css-a-better-quick-and-smarted-way/ but its way over my head, can someone put it in simple terms as I am a newbie at css. Were do I put the html?Were do i put the css?Were do I put the Simple Jquery Solution code? Thanks Link to comment Share on other sites More sharing options...
newseed Posted June 3, 2013 Share Posted June 3, 2013 Creating a link to use a background image does not require any special script. Here's a very simple method: HTML: <a class="speciallink" href="your-url">Text Link with background</a> CSS: a.speciallink {background-image: url('your-image-file-path') Now you may want something more than what I provided here but this is the concept in a nutshell. Link to comment Share on other sites More sharing options...
ringnews24 Posted June 3, 2013 Author Share Posted June 3, 2013 Thanks for the reply newseed. I have the html and css sorted thanks to a friend, he suggested this html/css http://jsfiddle.net/A4TWj/1/ The problem we are having just now is we do not know were to put the css and html on Joomla 3. Link to comment Share on other sites More sharing options...
newseed Posted June 3, 2013 Share Posted June 3, 2013 I have not used Joomla since release 1.5 but more than likely there should be a theme editor to allow you to edit the css. I think it's under Template Manager. Link to comment Share on other sites More sharing options...
ringnews24 Posted June 3, 2013 Author Share Posted June 3, 2013 There is 18 css Stylesheets in Template Manager. What css stylesheet do I add the css in? and where do I add the html? Any ideas? Thanks Link to comment Share on other sites More sharing options...
newseed Posted June 3, 2013 Share Posted June 3, 2013 You will need to read the Joomla documentation. As I said before, I have not touched it since release 1.5 and that was about 3-4 years ago. However, try to determine which css is considered a default and put it in there. Do the same for the html if you are planning on adding it to the theme's file(s). Otherwise you can add the html to the post/page via the admin. Link to comment Share on other sites More sharing options...
DizzyDan Posted June 4, 2013 Share Posted June 4, 2013 or link a new style sheet in the head and put all your new css in there and upload it to the corresponding directory. (root directory in this example) <link rel="stylesheet" type="text/css" href="/stylesheetname.css"> Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now