Blogs?

Krisidious

awesome awesome awesome... that's like watching your kid walk for the first time Alan... that is one juicy link... now Google knows nothing about dovetails... but they know that " http://home.nj.rr.com/afoust/dovetails.html#howto " is the best resource out there for links or information about dovetails, and since he thinks that you're such a great site... now google will see you as an authority on Dove tails... and if you are not required to link back, then it's even better.

fantastic... you're well on your way.

do that everyday... e-mail 1 or 2 people, 5 if you like before you know it, you'll be number #1

5,590 websites mention me, and I'm horrible at taking my own advice. soon you'll pass me and fly on... people will be linking to you wiht out being asked, just to give people your information...

I'm sooo happy for you. your first link and it's number 1 for your keyword that's just great you made my day.

alan wood

Hi Kris,
Thanks for that and your help.
cheers
Alan

rsw

since you're looking at nav bars etc, i thought i'd drop in this bit of work which i did a while ago, which you may or may not find useful. i realise its not a high priority at the moment, but you may be find it interesting to see what can be done with css.

Standalone Menu

The main aim of this was to create the triangle that you see to the left of the menu items without the need for images.
the beauty of this is that to add another menu item all that has to be added within the menu structure is the following

<li><a href="link here" title="description"><span></span>MENU TITLE</a></li>

Menu within a page

if you also look at the source for the above page the content is actually coded to come before the menu items, so in search results (which pay no attention to styling) the content is more likely to be displayed in the page summary instead of the menu list.

Edson

@alan wood said:

Edson
I may have the answer for that.

alan, you did have the answer! thanks a lot. you have just made my day. and congrats on the advances you have been making!

cheers.

Edson

@unknownuser said:

If you really want to get into making nav pieces I suggest you try making your own backgrounds to use with the nav bar creation tool.

bruce,

i apologise for my dumbness but what are those backgrounds supposed to be (just a colored box, a word)? and what should we do with those backgrounds?

i am asking this because of my interest in setting up those options (active, visited, etc). could you tell us a bit more about how to make it happen?

edson

Gaieus

Edson,

Whatever you saw in Richard's examples. They can be colours (like there) or they can even be images (in this case it may increase download time of the page).

Edson

bruce, gai and richard,

what i am trying to do is (or should) be very simple: i do not want to have the backgrounds change just the color of the nav bar element, be it a number or a word, when it is active, visited ou rollover.

regards.

Gaieus

OK Edson,

The "trick" is in the style sheet (I hope you can edit your html in your editor):
These elements should be added to your style coeds (the style tags you already have right before the closing tag of the </head> section):

<style type="text/css">
a;link {color; Blue;}
a;hover {color; Yellow;}
a;active {color; Red;}
a;focus {color; Red;}
a;visited {color; Purple;}
</style>

See an example here (with an iFrame for the lovers of it )
http://www.gaieus.hu/su/Edson.html

Of course you can edit the names of the colours (there are some with names - the rest is hexadecimal like #000000 for instance)

alan wood

dson,
I believe I have the answer for that.

Select the navigation bar that you want to ‘colour’ to make it ‘active’
double click on the navigation bar, and this will bring out the
‘ Edit Navigation bar dialogue box.’, select Customize.

If you want to ‘highlight’ the page number that someone has clicked on, you want to add a colour to the ‘Active Image’ menu.
Select Browse for the Active image.

Having selected browse, ‘ Choose an image’ dialogue box appears, I selected Clip Art.
From the menu available select the colour you wish, by highlighting the colour and selecting OK.

You will now have a colour behind your image every time someone selects a particular navigation entity.

I think that’s what you were after.
Cheers
Alan
PS glad the first bit of info was helpful.

alan wood

Hi web builders,
Problem/solution
One of the problems I was having with my web page was accurately positioning my navigation bars on a page, so that sequential pages had the navigation bar in exactly the same position.

The Ctrl C method of copying the navigation bar from one page to the next didn’t work.

Now all pages were the same width, in fact the standard default width of 760pixels.

Today I resolved that problem, and the solution is simple.

Add a text box the complete width of the page, in my case 760pixels. You don’t have to add any text that fills the box, just add a box the full width of the page.

Having done that, use the Ctrl C and Ctrl V method of copying and pasting the navigation bar, or in fact the iframe for my header, and it works perfectly every time now.

Happy page building.

cheers
Alan.

Edson

alan,

let me give you something in return for the help you have been giving me.

another way, perhaps simpler, to have your nav bar on the exact same spot on every page is to place one instance of it exactly were you want it, then right-click on it and select Set Location. all the others will move to that chosen spot.

try it and let me know how do you like it.

regards.

Gaieus

Bruce, that was just a very quick coding (almost emty page) just for the navigation. I didn't want to make more pages - but yeah... It's funny. I set the iFrame 1005 wide and 100% high. I should've, instead, make a table with the nav. line in the top cell and the iFrame in the bottom one and it would be OK.
I just wanted it BIG!

btw - I still like css - whenever I build a site I try to keep it simple so my css files aren't big at all.
Plus is you don't build a static site, you'll need them for sure.

Edson

@unknownuser said:

I feel like I could retire now...my pagebuilders are passing me as we speak.

too soon to retire, bruce. novices most of the times luck out and seem to know everything. then they stumble on the simplest of problems. so keep your eyes on us.

speaking for myself now, i still need some hold-handing to reach a first finished version of my site. as someone said, building the site is just the first step, then one has to go on nursing it, updating it, etc.

cheers.

alan wood

Hi Edson
I had tried that but it didnt work for me.
I'm in the process of upgrading the iframe on my front page using the recent lesson. The navigation bar at the bottom with next previous etc. I will try it again then.

Thanks
Alan

PS I'm working tomorrow, will catch up in the evening.

rsw

@unknownuser said:

Richard...Although this is great stuff you are showing it is not for us beginners yet

I agree with that, I just felt it was worthwhile showing it. At the moment (from what i have read) you are explaining very well the basics of web design, and the people following your advice should start to understand the structure of a web page (as well as an understanding of some of the html behind what they see) and may in the future see the benefit in .css. and you'd probably be surprised at how easy some of it is to convert

@unknownuser said:

We need to be able to control elements of the page independently. The template approach that Sitebuilder lets us build is surprisingly powerful and affords complete control. As well .css is somewhat limiting when it comes to independant page marking...not sure why anyone would build a site that is less than 100 pages with .css. By the way I am not personally impressed with .css as you know.. slaping down the same static theme for every page on a site is well..noticable...every single well designed page just looks like the last one.

It may be the way i'm interpreting what you said above (and forgive me if i'm mistaken), but it sounds like you don't like sites which have a consistant design throughout. I agree though that some sites it is too noticable and would suggest that it is because the quality of the design outweighs the quality of the content.

@unknownuser said:

If I seem a bit turse please forgive me...this is good advise.

you don't seem turse at all, we have a difference of opinions and its a good debate, which would probbaly be best left for another thread (i don't want to confuse things too much!)

@unknownuser said:

(unless you are happy removing your entire engine each time you need to clean a spark plug)

I have to disagree with that comment. The biggest advantage of using .css (at least in my opinion) is that content and presentation are separate. Content can effortlessly be changed without effecting presentation, and presentation can be changed across the entire site without effecting the actual content.

@gaieus said:

Plus is you don't build a static site, you'll need them for sure

I agree with Gai on this, not using .css on a dynamic site would be far too difficult.

Gaieus

@unknownuser said:

The biggest advantage of using .css (at least in my opinion) is that content and presentation are separate. Content can effortlessly be changed without effecting presentation, and presentation can be changed across the entire site without effecting the actual content.

That's what I mean, first of all, too.
Probably because I myself am a total amateaur in this field myself, I never really think it over how to design my sites so I need to change things on the fly. It can be a nightmare checking for hours that every page has been properly changed or not.

Well, I don't use templates - that's the other thing. I also found some templates really heavy loading and css (especially when in a separate file) needs to load only once and is kept in the cache for the entire session. Then I can concentrate on the content and the download size of it instead of needing to consider the template size, as well.

I perfectly know that frames are supposed to be a bit "outdated" today (and all is for divs) but again, the advantage of frames is that you can have some constant content loaded from exactly the same file - therefore already being in the cache - and it speeds download time up.

Ah yes, and I'm also a lazy ass...

rsw

I've never used templates either until now, and thats only to use as a the underlying structure of the site, rather than for its presentation.

frames are outdated but iframes aren't. however i would stil not use them (personal preferance more than anything) and simply separate header, menus, content and footer into separate files and join them up with php or something similar (but obviously not everyong has access to a server with php, or wants to use it even if they do)

Gaieus

Yes, this php include thing is what I'm thinking about now, as well. That has all the advantages of frames, too.

BTW Why is that "outdated"? Works fine - that's the main thing!

Edson

@alan wood said:

I think that’s what you were after.

alan,
unless i misunderstood your explanation, that is not what i am after. i do not want a coloured rectangle behind the active nav bar item. i want the actual word to change colour. and this is something i could not find yet. perhaps i will have to deal with an image of it replacing the active item.

thanks anyway.

Gaieus

Well, Bruce, you're right.
I actually "maintain" and constantly try to add content to my sites and for me (as I'm not a designer), this css thing has helped a lot. All I've learnt from was lurking source codes.

But sure, I'm aware that this topic is not about us all conversating but about some "courses" through which these guys can learn the basics (and hopefully the "heights") of website building so let's not hijack the thread...

Good work guys and I'll keep an eye on you!