Page 1 of 2
Trying to modify CSS
Posted: Mon Jan 18, 2010 1:38 pm
by Izal
I will say first off that CSS is what I call trail by ordeal, well if feels like it anyway...
I have been trying to change a CSS sheet I copied and attached to a template that I also copied. They are what currently make the following page up. This test page that shows the results so far
http://sensualsoundz.net/cms/index.php?page=testing
The site logo is supposed to sit dead centre of the DIV or element it inhabits. If I change any of the short hand elements, the whole CSS sheet show no background, the page is like the original template, I get the CMS logo sitting top left with the site logo I uploaded partly hidden under the site logo.
What do I need to do to the settings to get this header to sit properly and be a transparent element while showing the logo?
Thx.
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 4:32 pm
by Izal
Some progress!
Still can not find the settings to move the aqua coloured text so it is central despite setting an independent entry refering to it, the thing still sits left.
Menu background... Can not find the setting for the transparency setting of it and to get it to display horizontal and not vertical and I need to have some info on how I can get CSS to attach images to the menu.
Anyone know what elements I need to look for in the CSS or is this a template issue?
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 8:39 pm
by replytomk3
If you want to do this yourself, here are two things you will need:
1) Web Developer toolbar for Firefox
2) Online or printed book on CSS
CSS is tricky, and it would take too long for people to implement all of this one by one. Someone who is good with CSS will be able to implement the changes in 5 minutes.
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 8:55 pm
by Izal
I put in webdeveloper tool bar in to the mozilla plugins search and I do not see any "Webdeveloper Tool Bar" listed.
Does it have a specific name?
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 9:04 pm
by replytomk3
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 9:08 pm
by Izal
Thanks, got it, installed it and about to use it..
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 9:13 pm
by replytomk3
The toolbar is for editing CSS live in the browser.
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 10:15 pm
by Izal
Thx, had a quickie at it. Tried the CMS in it and it gave me a headache with the number of errors, 41 in total and thats on the CMS MS style sheet alone. Have yet to look at my addition.
Do I need to specify or select a particular validation model? If one exists?
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 10:25 pm
by replytomk3
The reason I told you about the toolbar is that you can click CSS button> edit CSS, and edit CSS right in the browser and see what happens.... Don't try anything else with the toolbar.
Re: Trying to modify CSS
Posted: Mon Jan 18, 2010 11:32 pm
by Izal
I have a question, using CSS, how can I replace the text links with images of the corresponding name for the link with CSS in the menu?
Also, can someone tell me what items in these CSS, menu and templates I can delete from the system as I am getting confused and lost with them all.
All I want to do is to have the menu horizontal across the middle of the screen and have images in place of the text.
I see that a horizontal menu exists, question is how to I invoke it? Tried attaching it to the template I made and it does nothing but display a vertical menu.
Re: Trying to modify CSS
Posted: Tue Jan 19, 2010 12:09 am
by replytomk3
Try the bMenu menu styler module, help for that module, and wiki sections for both the module and the menu.
Re: Trying to modify CSS
Posted: Wed Jan 20, 2010 9:45 pm
by Dr.CSS
If you wanted horiz. menu you should have started with one of the other templates as this one has the vert. menu css attached to it 'Navigation: Simple - Vertical', you have duplicate main css attached, if you look att the style hseets attached you will see one at the top and one at the bottom which have almost the exact same calls in them, remove the top one...
To get anything to center in a web page it needs an actual width set then margin: 0px auto, a lot of this is explained in the style sheets comments...
For more on how to do CSS try
http://www.w3schools.com/css/default.asp...
The text on that image is almost impossible to read you may end up losing a lot of visitors if they go here and see they can hardly read any info...
Re: Trying to modify CSS
Posted: Thu Jan 21, 2010 12:14 am
by Gamonon
Izal wrote:
I will say first off that CSS is what I call trail by ordeal, well if feels like it anyway...
I have been trying to change a CSS sheet I copied and attached to a template that I also copied. They are what currently make the following page up. This test page that shows the results so far
http://sensualsoundz.net/cms/index.php?page=testing
The site logo is supposed to sit dead centre of the DIV or element it inhabits. If I change any of the short hand elements, the whole CSS sheet show no background, the page is like the original template, I get the CMS logo sitting top left with the site logo I uploaded partly hidden under the site logo.
What do I need to do to the settings to get this header to sit properly and be a transparent element while showing the logo?
Thx.
CSS is a real great way to shape your page but you will have to learn how to master it.
Starting to learn with an existing stylesheet is not the easiest way. Especially if you're editing real time in your browser.
I use Dreamweaver to experiment with different options in separate div styles. You immediately see what you do in your browser. Working like this you'll get the hang real quick. You can then copy the result to your stylesheet in CMSms
As far as your page is concerned, get rid of that background or, as Dr.CSS says, nobody will see what you have done with CSS.
Re: Trying to modify CSS
Posted: Thu Jan 21, 2010 7:19 am
by Dr.CSS
Not everyone can afford dreamweaver, but the next best thing is Firefox with the Web Developers tool bar, with it you can edit the css in real time and when/if you like what you've done copy it into the real style sheet, and it's all free...
I've never used DW and don't see the need to...
Re: Trying to modify CSS
Posted: Fri Jan 22, 2010 2:02 am
by Izal
Ok, I changed the template, the menu bar needs changing now.
I still have to fit the statement text in under the site logo. So I will soon see what happens with the way that sits with a template change...
What name is the menu css sheet for this style you pointed me too?