If you are seeing this message, it is possible the page did not load properly. Please hit reload/refresh on your browser.
If you still see this message, you probably do not have a browser that supports web standards, although its content is accessible to any browser or Internet device.

Cool Tips & Tricks Cool Tips & Tricks

 Help Communities:
Help Forums Bug Base
<< Prev Topic | Next Topic >>
Cool Tips & Tricks ::: CSS ::: HELP ME !! losing my hair...(switching style)
Page 1 2 3 New Topic    Add Reply
Topic: HELP ME !! losing my hair...(switching style)  (?)  Click to receive email notification of replies Click to stop receiving email notification of replies email this topic to a friend
le critikeur

Registered User
Posts: 1
Posted: 9/8/04 12:00 pm    
HELP ME !! losing my hair...(switching style)
It's been almost like 6 days that I am trying to apply the switching device for alternative stylesheets

but it's not working.

Probably:
- because my .css files are wrong
- because I don't know what to write in the "custom html advanced customization box 1 (head)" (i mean, i already have a design and style tags etc... but if I use .css files, does it mean that is will override my style tags and all the html i've already put?)
- (?) cuz the links/codes are put in the wrong box ?

I am desperately looking for contacting someone via msn so he/she can explain to me what and how to do it properly.

Here are my stylesheets but i know they are not correct :

mapage.noos.fr/trialexandre/default3.css

mapage.noos.fr/trialexandre/option3.css

the thing is, what to put in a .css file???
everything that is ALREADY in your BOARD or just the stuff you would like to alternate ?

my board:

p074.ezboard.com/blfiag

and my email (msn messenger)
alexndc@hotmail.com

please help me,

Alex

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13634
Posted: 9/8/04 2:55 pm    
Re: HELP ME !! losing my hair...(switching style)
Looking at the stylesheets you have, they seem totally wrong.
I see /par all over the place and I have never seen that in any css before.
Dreamweaver opened your css and barfed on it straight away!

If your switching styles I would expect you to load as much css as would require the change to take place.
In other words it really depends on how many changes or differences there are between style1 and style2.

Here is a good example of a stylesheet.
If that code was used within a CSS file, it would look exactly as it looks there but without any style tags at the beginning or at the end.

  reply to this message

le critikeur

Registered User
Posts: 3
Posted: 9/8/04 3:05 pm    
Re: HELP ME !! losing my hair...(switching style)
hello nutrocker !

thank you for your answer and i'm honoured to talk to you since i've discovered your site and luv it!!

could you take a look at my board and tell me ?

in fact the way i did was to copy everthing that was between the style tags and take off the html etc... and bascially it changes the side bar

if you have a .css file, why bother than to write html codes in the box 1 ? does it have teh sae function?

I do not have dreamweaver but i only use a note pad, and opened it and just copy/paste, it's the wrong way ???:( :( :( :( :(


I so want to finish this board !!!!!!

  reply to this message

le critikeur

Registered User
Posts: 5
Posted: 9/8/04 3:13 pm    
Re: HELP ME !! losing my hair...(switching style)
take a look at my board nutrocker

what i want is a .css files to change the colours of the side bars the font + background etc...

  reply to this message

le critikeur

Registered User
Posts: 7
Posted: 9/8/04 3:30 pm    
Re: HELP ME !! losing my hair...(switching style)
this is what I did for the design...

I opened the "advance customization"
i changed and saved (on wordpad doc) the 3 different styles and it was working through the BOX 1

style 1: clear white
style 2: orange red
style 3: bleu green

then I thought that simply by taking some part of what was present between the style tags in the HEAD (box 1) was enough to create default.css file and then with each change of color (allready tested) i created option1.css and option2.css.

But i'm sure that's not the way to create CSS files.

It would be too long for me to learn CSS files now, so that leaves onlye 2 solutions for me:

- find someone who will agree to make the changes for me (i send to him/her my entire CUSTOM HTML from ezboard, and he/she makes the .css files for me)

- find a HTML to CSS generator which would make NO mistakes in order to generate the code in .css

:( :( :( :( :(

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13640
Posted: 9/8/04 3:30 pm    
Re: HELP ME !! losing my hair...(switching style)
A CSS file is only a text file.
It can be created with, opened with notepad, Dreamweaver, HTML Kit, 1st Page 2000 and many other programs that support text/css files.

CSS, Cascading Style Sheet
HTML, HyperText Markup Language
(both web programming languages, both different in what they can and cannot do)

HTML is used to define the layout and CSS is used to control how the HTML layout looks (fonts, colors etc.)

If you are trying to use the style switcher, you really need to get acquainted with CSS and HTML, understand how it works, once you grasp that you should fly through style switching.

I think you're trying to run before you have even crawled at the moment :(

  reply to this message

le critikeur

Registered User
Posts: 8
Posted: 9/8/04 3:32 pm    
Re: HELP ME !! losing my hair...(switching style)
I just accepted you on the forum nutrocker

please take a look...

PS: the 8 essential forums are "hidden" (invisible)

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13641
Posted: 9/8/04 3:38 pm    
Re: HELP ME !! losing my hair...(switching style)
This lot in your custom html, 1st text box from the top, is CSS.
When it's used within the webpage itself it has to use the STYLE tags (beginning and end)
When it's used in an external .css file, you do not need the STYLE tags within the .css file, that's the main difference between the two.

Use Notepad to create .css or .js files, it's the most basic tool you should need, steer clear of Wordpad!

 
<style type="text/css">
body { font-size: 12px; font-family: verdana, helvetica, sans-serif; }

td { font-size: 12px; font-family: verdana, helvetica, sans-serif; }

h4 { font-size: 18px; font-weight: bold; }

.m { font-size: 11px; }

.headings { font-size: 17px; font-weight: bold; }

.title { font-size: 16px; font-weight: bold; }

.inputbox { border-top:#339933 solid thin; border-bottom:#339933 solid thin; border-right:#339933 solid thin; border-left:#339933 solid thin; font-family: verdana, helvetica, sans-serif; } 

.inputbutton { font-size: 12px; }

A {
color:#C0A000;
text-decoration:none;
}
A:hover {
color:#CC0000;
text-decoration:underline;
}
A.menu {
color:#C0C0C0; 
text-decoration:none;
}
A:hover.menu {
color:#FF0033;
text-decoration:underline;
}
A.manu {
color:#00FFFF;
text-decoloration:none;
}
A:hover.manu {
color:#C0C0C0;
text-decoloration:underline;
}


body {
font-family: verdana, sans-serif;
font-size: 12px;
text-align: center;

}

td {
font-family: verdana, sans-serif;
font-size: 12px;
}

#outer { padding: 4px}

#header {padding: 0px}

.header {
border: 1px solid #416A9C;
background-color: #FFFFCC;
background-image: url(http://mapage.noos.fr/trialexandre/rayevertical.jpg);
margin-bottom: 2px;
}

#sidebar {
width: 150px;
padding: 0px;
}

#sidebar .holder {width: 150px; margin-right: 4px;}

.sidebar, .credit {
border: 1px solid #416A9C;
padding: 6px;
font-size: 10px;
text-align:center;
background-color: #F5F5F5;
}

.sidebarlinks {
padding: 0px;
font-size: 10px;
text-align:center;
background-color: #FFFFFF;
}

.sidebartitle, .header {
border: 1px #416A9C solid;
color: #000000;
padding: 4px;
font-size: 16px;
font-weight: bold;
text-align: center;
background-image: url(http://mapage.noos.fr/trialexandre/rayevertical.jpg);
                        width: 100%;
}

span.sidebartitle {margin-bottom: 4px}

.sidebarsubhead {
border: 1px #416A9C solid;
border-bottom: 0px;
background-color: #FFFFFF;
padding: 2px;
font-size: 12px;
text-align: center;
background-image: url(http://mapage.noos.fr/trialexandre/rhorizontal.jpg);
                width: 100%;
color: #FFFF00;
font-weight: bold;
}

span.sidebarsubhead { border: 1px #416A9C solid; margin-bottom: 4px;}

.spacer {height: 4px}

#forum {
padding: 0px;
}

#forum .holder { width:100%}

.forum {
padding: 0px;
border: 1px solid #416A9C;
background-color: #ffffff;
}


.forumtitle {
border: 1px #416A9C solid;
color: #FFFF00;
padding: 4px;
font-size: 16px;
font-weight: bold;
text-align: center;
width: 100%;
background-image: url(http://mapage.noos.fr/trialexandre/rayevertical.jpg);
}

hr { height: 1px; width: 100%; color: #416A9C; border:0px}

a, a:link { color: #416A9C; text-decoration: none}
a:visited { color: #416A9C}
a:hover { color: #660066; text-decoration: underline}

a.nav {
height: 15px;
width: 100%;
padding: 2px;
margin-bottom: 1px;
background-color: #E0FFFF;
border: 1px #416A9C solid;
color: #416A9C;
font-weight: bold;
line-height: 19px;
}

a.nav:hover {
background-color: #416A9C;
color: #FFFFFF;
}

.scroller {
height: 200px;
width: 100%;
Filter:Alpha(Opacity=100, FinishOpacity=0, Style=1, StartX=0, StartY=40, FinishX=0, FinishY=0);
text-align:center;
}


</style>

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13642
Posted: 9/8/04 3:43 pm    
Re: HELP ME !! losing my hair...(switching style)
Compare that code above to what you have contained in your css files, you will see the difference.

To save a .css file or a .js file in Notepad..

File, Save As
Change the 'Save As Type' from Text, to 'All Files'

Encoding should be ANSI

File Name (type a name for the file here, don't forget what it's called!) make sure you end the file with
.CSS (if it's a css file)
.JS (if it's a script file)

Save it, upload it to your web space and link to it.

  reply to this message

le critikeur

Registered User
Posts: 8
Posted: 9/8/04 3:44 pm    
Re: HELP ME !! losing my hair...(switching style)
the problem is that I learned pretty fast if for example i have an example

take a look at my board now...

that is the "clean" version.

I have tested this afternoon (through HTML) 2 other versions (red/orange - very beautiful) and (bleu/green)

But the problem is that I know how and where to put the codes and new images etc in the custom html but for the .css files..... it's like I know nothing and don't understand...

if only atlaass or you could , i dunno, like programm for me one generic .css file so it suits my desire to change properly the colors of the sidebars...that would be so great!!!

I mean, doing the custom advanced HTML is one okay thing, and i understand how to change which part and which part, how to include a background there and then another color here etc...

but whenit comes to designing .css files? i'm like ....
never ever heard of .css before!?


it's SOOOOOOOOOOO hard.....

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13644
Posted: 9/8/04 3:47 pm    
Re: HELP ME !! losing my hair...(switching style)
You have a set of generic css staring at you on your board and just up there that I posted a short while ago :)

Come on, it's not that difficult!!

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13645
Posted: 9/8/04 3:51 pm    
Re: HELP ME !! losing my hair...(switching style)
Anything beginning with a # will be referring to a section of HTML that uses an ID

e.g
#header

(in html the css would control this bit)
<td ID=header>


Anything beginning with a . will be referring to a section of HTML that uses a CLASS name.

e.g.
.header
(in html the css would control this bit)
<td class=header>

  reply to this message

le critikeur

Registered User
Posts: 9
Posted: 9/8/04 3:52 pm    
Re: HELP ME !! losing my hair...(switching style)
ah ok cool i didn't see your post

, i'm gonna take a coffee (it's 1 am here in Paris whet I live) and i'm gonan work

i'll tell you the outcome of my "work" (sorry for my english is clumsy...)

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13646
Posted: 9/8/04 3:56 pm    
Re: HELP ME !! losing my hair...(switching style)
.header {
border: 1px solid #416A9C;
background-color: #FFFFCC;
background-image: url(http://mapage.noos.fr/trialexandre/rayevertical.jpg);
margin-bottom: 2px;
}


So, that bit of css will control how a section of html looks that has been given a CLASS name of .header

It will assign a border of 1 pixel thick and a border color using hex color #416A9C

It will also assign a background color of hex color #FFFFCC

It will also use a background image and tell the browser where to find it.
http://mapage.noos.fr/trialexandre/rayevertical.jpg

And finally, it will assign a bottom margin of 2 pixels so there is a little gap at the bottom.

That tiny section of code does a lot when you think about it. :)

  reply to this message

Nutrocker

ezboard Moderator
ezSupporter
Posts: 13647
Posted: 9/8/04 4:00 pm    
Re: HELP ME !! losing my hair...(switching style)
S'okay my French is awful! ;)

And you're English seems fine to me :)

Don't rush, take your time looking at the CSS, then look at the HTML used for your sidebar, try to learn which bit of CSS controls which bit of HTML in the sidebar.

I have a busy day ahead of me tomorrow, so i will be going to bed, back tomorrow night.

Au revoir for now :)

  reply to this message

le critikeur

Registered User
Posts: 10
Posted: 9/8/04 4:02 pm    
Re: HELP ME !! losing my hair...(switching style)
several questions:

- notepad and wordpad are NOT the same????

- that's what know, that section you showed me, i have 4 different styles of it with colors changing and new images. I've tested those and it worked but only in th custom html
as for . css files???

what can i do?

1; download notepad
2; open it and copy paste that section (which is what i did)
but i dunno why you do see so many "\par " etc... cuz i don't see them (i use wordpad) does that make a difference?

  reply to this message

Gaucho Don

Registered User
ezSupporter
Posts: 363
Posted: 9/8/04 4:03 pm    
Re: HELP ME !! losing my hair...(switching style)
Best (or easiest now) thing to do is open your existing .css files in wordpad... save as... file type: text (DOS), but make sure it still says default.css etc.

Then open in notepad and compare to the other .css file and you'll see the difference... a

If you use wordpad you need to make sure to save as a text file, and then it might cause problems anyway... use notepad or editplus or dreamweaver or something.

If you fix your .css files and it still doesn't work then let us know and we can take another look... there is no point until the .css are correct.

here is an example of YOUR corrected default.css file you should be able to acheive the same thing on the option file by the process I described above:

www.crazyhostingdeals.com...fault3.css

  reply to this message

Gaucho Don

Registered User
ezSupporter
Posts: 364
Posted: 9/8/04 4:05 pm    
Re: HELP ME !! losing my hair...(switching style)
Oh yeah the /par are Rich Text Format markups and if you save as text only they will disappear...

what do you get if you double click on one of your .css links above? does it open in wordpad or something else?

  reply to this message

le critikeur

Registered User
Posts: 11
Posted: 9/8/04 4:22 pm    
Re: HELP ME !! losing my hair...(switching style)
Merci Gaucho Don (don, like don from nutrocker?)

Merci Nutrocker!!!
Good luck for tomorrow and ur busy day!!

I'll continue to post my questions here in this thread and i'll keep you posted.

Rendez-vous tomorrow night !!!


thank you both!!!

  reply to this message

Gaucho Don

Registered User
ezSupporter
Posts: 367
Posted: 9/8/04 4:37 pm    
Re: HELP ME !! losing my hair...(switching style)
Not the same Don, I'm better than Nut at javascript, but he's better at everything else :(

  reply to this message

le critikeur

Registered User
Posts: 12
Posted: 9/9/04 11:06 am    
Re: HELP ME !! losing my hair...(switching style)
Hello again

ok, so here are my .css files and it's NOT working. :(

mapage.noos.fr/trialexandre/defaut.css

mapage.noos.fr/trialexandre/options1.css

and

mapage.noos.fr/trialexandre/options2.css

when I click on the 3 first button (in the right side bar) to switch from one design to another, it doesn't change at all.0]

Are my .css wrong??? please take a look at them all please:o

thank you
alex

  reply to this message

Click to receive email notification of replies Click to stop receiving email notification of replies email this topic to a friend

Page 1 2 3 New Topic    Add Reply

jump to:
Topic Control Image::: Topic Commands
<< Prev Topic | Next Topic >>

Icon Legend

reply button:::Reply to Post Button   edit button:::Edit Post Button  delete button:::Delete Post Button (Moderator Only)

subscribe/unsubscribe to thread button:::Subscribe to Thread Button   email to friend button:::Email to Friend Button  


- Cool Tips & Tricks - CSS -

Communitiesezboard Help Communities:

Help Forums Help Forums Bug Base Bug Base

© Copyright 1999-2003 ezboard, Inc. All rights reserved. corporate & legal | sitemap
ezboard and helping.people.connect are registered trademarks of ezboard, Inc.


Powered By ezboard® Ver. 7.32
Copyright ©1999-2007 ezboard, Inc.