navigation
a webmaster learning community
     Home    Register     Search      Help      Login    
Sponsors

Shopping Cart Software
Ecommerce software integrated into Frontpage, Dreamweaver and Golive templates. No monthly fees and available in ASP and PHP versions.

Website Templates
We also have a wide selection of Dreamweaver, Expression Web and Frontpage templates as well as webmaster tools and CSS layouts.

Frontpage website templates
Creative Website Templates for FrontPage, Dreamweaver, Flash, SwishMax

Search Forums
 

Advanced search
Recent Posts

 Todays Posts
 Most Active posts
 Posts since last visit
 My Recent Posts
 Mark posts read

 

Very Nice Horizontal Nav List

 
View related threads: (in this forum | in all forums)

Logged in as: Guest
Users viewing this topic: none
Printable Version 

All Forums >> Web Development >> Cascading Style Sheets >> Very Nice Horizontal Nav List
Page: [1]
 
Peppergal

 

Posts: 2207
Joined: 9/20/2002
Status: offline

 
Very Nice Horizontal Nav List - 5/7/2004 17:24:53   
I found this today while searching for "...something...." to replace the ugly navigation buttons on one of my sites.

http://www.projectseven.com/tutorials/css/uberlinks/

I made up my own graphics and altered it slightly and here it is in action. I hope that the realtor likes it too...she and I both hate the current buttons, and this just seems WAY COOLER. :-)

http://www.lakewallenpaupackproperties.com/pending_properties.htm

(This page is a test page and holder for properties currently unavailable...the "public" won't see it, so it's kind of goofed up with stuff.)

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog
jaybee

 

Posts: 14191
Joined: 10/7/2003
From: Berkshire, UK
Status: offline

 
RE: Very Nice Horizontal Nav List - 5/8/2004 5:11:06   
Check out www.listamatic.com as well.

_____________________________

If it ain't broke..... fix it until it is.
:)

:)
GAWDS
Now where did I put that Doctype?

(in reply to Peppergal)
mar0364

 

Posts: 3213
Joined: 4/5/2002
From: Florida, US
Status: offline

 
RE: Very Nice Horizontal Nav List - 5/8/2004 8:39:29   
You can find the greatest things just hanging out here.

Thanks!
Rich

(in reply to Peppergal)
Peppergal

 

Posts: 2207
Joined: 9/20/2002
Status: offline

 
RE: Very Nice Horizontal Nav List - 5/8/2004 9:17:35   
quote:

Check out www.listamatic.com as well.


Listmatic is where I found the link to this!:)

_____________________________

Northeast PA / Poconos/ Lake Wallenpaupack Real Estate
wallenpaupacklakeproperty.com
Karen's Real Estate Blog

(in reply to jaybee)
c1sissy

 

Posts: 5084
Joined: 7/20/2002
From: NJ
Status: offline

 
RE: Very Nice Horizontal Nav List - 5/8/2004 9:58:33   
Karen, why don't you post this in the css links? This way it will be there for others to see! Great link.

_____________________________

Deb-aka-c4Ksissy
high panjandurum and alpha female of the silverback tribe
As decreed by Jesper 5-24-2003.
The only stupid question is... the one that is never asked!!
http://directory.css-styling.com
http://fmsforum.com
http://positioniseverything.net/
http://www.tanfa.co.uk/

(in reply to Peppergal)
treetopsranch

 

Posts: 1141
From: Cottage Grove, OR, USA
Status: online

 
RE: Very Nice Horizontal Nav List - 5/23/2004 23:40:12   
None of those examples work with my version of NS.

_____________________________

Don from TreeTops Ranch, Oregon

"I've got a taste for quality and luxury"


(in reply to c1sissy)
d a v e

 

Posts: 4167
Joined: 7/24/2002
From: England (but live in Finland now)
Status: online

 
RE: Very Nice Horizontal Nav List - 5/24/2004 1:12:14   
you have your own version of NS? ;)
do you mean version 4 or 6 or 7?

_____________________________

David Prescott
Gekko web design

(in reply to treetopsranch)
junebug1

 

Posts: 28
Joined: 5/31/2004
Status: offline

 
RE: Very Nice Horizontal Nav List - 6/1/2004 11:20:18   
Question from newbie. On that site listamatic, when I copy and paste the CSS code for those lists into Frontpage 2000's html area they don't work. What am I doing wrong? It just all shows up on Normal and Preview view as typed code.

Kelle

(in reply to d a v e)
Thomas Brunt

 

Posts: 6109
Joined: 6/6/1998
From: St. Matthews SC USA
Status: offline

 
RE: Very Nice Horizontal Nav List - 6/1/2004 11:47:11   
FP thinks you want to display the code on your page. The best way around that is to paste first into notepad. Then copy/paste from notepad into FP code view.

This issue is why you often see code examples displayed inside a form field. You're copying exactly what you see when you're copying from inside a textarea. You're copying the source code that displays what you see when you're copying from a web page.

t

(in reply to Peppergal)
ellipisces

 

Posts: 849
Joined: 12/14/2003
Status: offline

 
RE: Very Nice Horizontal Nav List - 6/1/2004 11:52:18   
Junebug -
If I remember correctly, most of the lists at listamatic are unordered lists <ul> that are styled by using external stylesheets. What that means is that your page will have this simple code in it:
<div id="navlist"> /*this is the container */
<ul> /*this is the beginning of the list of hyperlinks, a basic menu*/
<li>Page One</li> /* These would also contain anchor tags*/
<li>Page Two</li>
<li>Page Three</li>
</ul>
</div>

In the head section of this same page you would include a line like:
<link rel="stylesheet" type="text/css" href="somestyl.css">

Then you wouldhave a file that includes all of the styling information. It is a basic text file and it can be edited in Frontpage. Make sure that you have your "path" information straight, in the example, "somestyl.css is in the root directory.

#navlist a {
display: block;
padding: 2px 2px 2px 24px;
border: 1px solid;
border-color: #ddd #000 #000 #ddd;
background-color: #999999;
background-image: url(assets/l1_down.jpg);
background-repeat: no-repeat;
background-position: 0% 50%;
}

_____________________________


(in reply to Peppergal)
Page:   [1]

All Forums >> Web Development >> Cascading Style Sheets >> Very Nice Horizontal Nav List
Page: [1]
Jump to: 1





New Messages No New Messages
Hot Topic w/ New Messages Hot Topic w/o New Messages
Locked w/ New Messages Locked w/o New Messages
 Post New Thread
 Reply to Message
 Post New Poll
 Submit Vote
 Delete My Own Post
 Delete My Own Thread
 Rate Posts