Staredit Network

Staredit Network -> Computers and Technical -> CSS

Report, edit, etc...Posted by Clokr_ on 2005-10-04 at 12:28:53

I've been practicing CSS and look what I have done:

CODE

It basically displays links as if they were buttons

Look at the attachment for an example (blue buttons are notvisited links, while grey buttons are the visited ones)

NOTE: I've only tested the webpage on Firefox, I guess that it'll work on other browsers as well, but I dunno

;

Report, edit, etc...Posted by slayer766 on 2005-10-04 at 12:33:15

Hey I just checked it out in IE. Works fine.

Report, edit, etc...Posted by Syphon on 2005-10-08 at 18:48:20

Lol, it's a start. The first CSS thing I ever wrote was an entire forum skin with no previous CSS knowledge and no help resources.

Report, edit, etc...Posted by O)FaRTy1billion on 2005-10-08 at 21:46:15

QUOTE(Syphon @ Oct 8 2005, 04:48 PM)

Lol, it's a start. The first CSS thing I ever wrote was an entire forum skin with no previous CSS knowledge and no help resources.

I did it with InvisionFree

well.. actually I did glowing text... and I could only do enough to change the color of a button, and I hadn't figured it out yet.

Report, edit, etc...Posted by Doodle77(MM) on 2005-10-09 at 19:38:11

Very nice

I might use some of your code and such for websites and things actually.

Report, edit, etc...Posted by Clokr_ on 2005-10-11 at 17:42:21

QUOTE(Syphon @ Oct 8 2005, 11:48 PM)

Lol, it's a start. The first CSS thing I ever wrote was an entire forum skin with no previous CSS knowledge and no help resources.
[right][snapback]329542[/snapback][/right]

I don't have any forums to test with. Changing the parameters without help is much easier than writing something from scratch. You just have to change the numbers where it says #XXYYZZ to change the color or write "right" where it says "left" to change the alignament..

Report, edit, etc...Posted by Syphon on 2005-10-11 at 21:43:45

QUOTE(Clokr_ @ Oct 11 2005, 03:42 PM)

No I wrote it from scratch... But that's gone now.

Of course I looked over a few of the codes first.

Report, edit, etc...Posted by RexyRex on 2005-10-12 at 00:39:43

Inbetween <head> and </head>...
<link href="stylesheet.css" rel="stylesheet" type="text/css">

Now, inside of stylesheet.css:

CODE

a.button
{
color: #000000;
background-color: #D4D0C8;
text-decoration: none;
border: 2px outset #0000FF;
padding-left: 5;
padding-right: 5;
}

a.button:visited
{
border-color: #000000;
}

a.button:hover
{
color: #FF0000;
border-color: #FF0000;
}

a.button:active
{
color: #800000;
border: inset #800000;
background-color: #E9E7E3;
}

Now, for every page that uses that <link> tag, you only have to modify the .css file to change everything. I also made the borders easier to work with.

Yay.

Report, edit, etc...Posted by BSTRhino on 2005-10-13 at 02:51:18

Or...

CODE

<?xml-stylesheet href="stylesheet.css" type="text/css"?>

If you're really hung up about XHTML. But it's not really that important anyway unless you're a web programmer or something.

Next Page (1)