RE: new website!
Login  | |
|
RE: new website! - 12/12/2006 8:14:04 PM
|
|
|
woot
Posts: 785
Joined: 7/24/2006
From: NS, Canada
Status: offline
|
Ya I'm like Rrasco on this one.
I started ages ago - then I started I learned the basics, and in notepad. I'm really not a fan of WYSIWYG (what you see is what you get) because typically behind the scenes is crap and non-standard. I'm picky, and that might seem overbearing at first, but from my experience let me state that being picky early in the game saves you later.
So I started doing basic html in 93/94. Real basic. Stuff like
<html>
<head><title>My first webpage</title></head>
<body>
<center>Welcome!!111!!</center>
<br>
This is my content
</body>
</html>
Really simple. Then I just started learning 1 new part at time... it was actually really easy.
Then I got into more of it - doing alot more php (and the other 'real' langauges...
It's a toss-up for you - you've put time into learning so perhaps you'd enjoy it... I did.
_____________________________
2000 CBR 600 F4
Full M4,
-1,+2 520,
Speedohealer (-11.4%), AutoCom Pro, Garmin Nuvi 360 GPS/MP3, Cobra FRS/GMRS , Vortex sliders, mirrored windscreen, Cortech bags and Aux Fuse box.
Safety wired and ready to go
|
|
|
|
|
|
|
RE: new website! - 12/14/2006 10:43:52 PM
|
|
|
woodyracing
Posts: 1326
Joined: 5/3/2006
From: Meridian, MS
Status: offline
|
well I picked up a book called "Build Your Own Web Site the Right Way Using HTML and CSS" by Ian Lloyd and have been working my way through it, I'm a little past halfway through the book and here is what i've got so far:
click it
just one page, didn't upload any of the other pages
I modeled it after the page I made in Publisher but using only notepad
I'm going to be changing it completely pretty soon though, this is just for learning all the coding stuff
the CSS thing was easier than I thought it would be, had a few problems that took a while to figure out, but I think i've got the basics down
anyway, take a look and let me know what ya'll think, what i need to fix, and anything i just completely f'ed up lol
< Message edited by woodyracing -- 12/14/2006 10:45:42 PM >
_____________________________
Selling my 600RR CLICK HERE!
|
|
|
|
|
RE: new website! - 12/14/2006 10:53:23 PM
|
|
|
mdfirefighter
Posts: 658
Joined: 9/11/2005
From: Huntingtown, MD (USA)
Status: offline
|
Wow, that sure is an improvement on the coding side. Keep goin man. Now see what you can do about those pictures in your menu.
MDFF
_____________________________
"This is gold one to gold two and three, split up, take them one on one." - Tron
|
|
|
|
|
RE: new website! - 12/14/2006 11:54:18 PM
|
|
|
woodyracing
Posts: 1326
Joined: 5/3/2006
From: Meridian, MS
Status: offline
|
thanks
one question, I made an image to use as a button (attached below), should i forget that and use text links for the navigation or are buttons alright?
this is for the future, not for version i've got up now
_____________________________
Selling my 600RR CLICK HERE!
|
|
|
|
|
RE: new website! - 12/15/2006 6:13:41 AM
|
|
|
woot
Posts: 785
Joined: 7/24/2006
From: NS, Canada
Status: offline
|
WOW - you came along way fast... that's the right road IMHO.
Graphics for buttons. If you properly put image tags on it - that's fine. I'm sure that the standards person would say use text, and use CSS to make it pretty.
Method one"
<a href = "link"> <img src = "menuitembutton1.jpg" alt = "Helmets"></a>
Method two.
<a href = "link" class = "MenuButton"> <img src = "helmetlogo.jpg" alt = "Helmets">Helmets</a>
and in the css.
a.MenuButton{
padding: .5 em;
background: F00; // R - G - B, so this number means all red, no green, no blue
border-style: thin;
border-color: F00;
}
a:hover.MenuButton{
padding: .5 em;
background: 000; // R - G - B, so this number means nol red, no green, no blue - so it is White.
border-style: thin;
border-color: F00;
}
Now when you mouse over the menu item it will flash white - if you have the helmet as a image, and the text as words it will look almost like you image - plus you save bandwidth on it being text, get to easily change it later to blue if you wanted, and it flashes to difference colours without having to make a second image... saves me time on menus.
You've got it though - keep going.
Woot
_____________________________
2000 CBR 600 F4
Full M4,
-1,+2 520,
Speedohealer (-11.4%), AutoCom Pro, Garmin Nuvi 360 GPS/MP3, Cobra FRS/GMRS , Vortex sliders, mirrored windscreen, Cortech bags and Aux Fuse box.
Safety wired and ready to go
|
|
|
|
|
RE: new website! - 12/16/2006 12:20:41 AM
|
|
|
woodyracing
Posts: 1326
Joined: 5/3/2006
From: Meridian, MS
Status: offline
|
cool thanks man, here is what i've got so far for the next version:
click it (pt 2)
i've got a couple of definite bugs to work out, one problem i'm having is getting rid of the highlight around the buttons in the top menu
also, i'm doing all this in XHTML i've seen other sites using html 4 etc should i be trying to learn something different or is XHTML good?
_____________________________
Selling my 600RR CLICK HERE!
|
|
|
|
|
RE: new website! - 12/16/2006 12:47:04 PM
|
|
|
woot
Posts: 785
Joined: 7/24/2006
From: NS, Canada
Status: offline
|
To get rid of the highlighting - in your CSS add text-decoration: none
xhtml is the proper way - you're really going for it now... woot!
to apply CSS to any xhtml tag - just put class="StyleName" in it
Here is an example:
In the html put in a regular link, but refer to the class MenuLink
<a href = "home.html" class = "MenuLink">Home!</a>
In the css add a class
a.MenuLink{
background-color: #ff0000; // Red background
color: #000000; // White text colour
text-decoration: none // No underline or border on text
}
a.Hover{ // When the mouse is over it - this is how it will look
background-color: #000000; // white background
color: #ff0000; // Red text colour
text-decoration: none // No underline or border on text
}
A good reference: http://www.w3schools.com/css/css_examples.asp
cheers,
woot.
_____________________________
2000 CBR 600 F4
Full M4,
-1,+2 520,
Speedohealer (-11.4%), AutoCom Pro, Garmin Nuvi 360 GPS/MP3, Cobra FRS/GMRS , Vortex sliders, mirrored windscreen, Cortech bags and Aux Fuse box.
Safety wired and ready to go
|
|
|
|
|
RE: new website! - 12/16/2006 5:04:17 PM
|
|
|
mdfirefighter
Posts: 658
Joined: 9/11/2005
From: Huntingtown, MD (USA)
Status: offline
|
Not to be a nitpicker or anything but classes should never start with a capital letter ;)
MDFF
_____________________________
"This is gold one to gold two and three, split up, take them one on one." - Tron
|
|
|
|
|
RE: new website! - 12/16/2006 6:08:39 PM
|
|
|
woot
Posts: 785
Joined: 7/24/2006
From: NS, Canada
Status: offline
|
lol - a good point... and do you know why? :D
_____________________________
2000 CBR 600 F4
Full M4,
-1,+2 520,
Speedohealer (-11.4%), AutoCom Pro, Garmin Nuvi 360 GPS/MP3, Cobra FRS/GMRS , Vortex sliders, mirrored windscreen, Cortech bags and Aux Fuse box.
Safety wired and ready to go
|
|
|
|
Contact Us |
Advertising |
Automotive Directory |
About Us |
Archive |
Honda CBR Motorcycle Links |
Legal |
Privacy Policy |
© CBR Forum
CBR Forum .com is not affiliated with or endorsed by Honda Motor Company.
|
Printable Version
