- Joined
- 18 Oct 2002
- Posts
- 5,586
- Location
- Stone, Staffordshire
Yeah if you can do the piers one with England, Scotland and Wales that would be great!
Header Required!
- Thread starter wonder_lander
- Start date
Yep, can do, again you'll just need to create a category and the links......
I'll make an example on the test site. On your live site you'll just need to copy the link category names and create the links (assigning them to the categories).
Regarding the menu showing current page (if you really want that), i can make that work if you put your pages into 'posts' instead, as posts work on a category basis (example would be the news category) i can insert an ID into a the menu items when a category is being shown (for example news), which in turn will allow me to create an active page effect in the menu.
The width issue is fixed, the reasoning for the increased width is due to the link names not correctly pushing the width of the menu when needed for longer names, such as some of the pier names...
I'm actually really impressed with Wordpress, first time coding inside WP, and it's been dead easy and taken 2 mins on google to resolve issues....in most cases...
I'll make an example on the test site. On your live site you'll just need to copy the link category names and create the links (assigning them to the categories).
Regarding the menu showing current page (if you really want that), i can make that work if you put your pages into 'posts' instead, as posts work on a category basis (example would be the news category) i can insert an ID into a the menu items when a category is being shown (for example news), which in turn will allow me to create an active page effect in the menu.
The width issue is fixed, the reasoning for the increased width is due to the link names not correctly pushing the width of the menu when needed for longer names, such as some of the pier names...
I'm actually really impressed with Wordpress, first time coding inside WP, and it's been dead easy and taken 2 mins on google to resolve issues....in most cases...
Active page now functions, it won't make any difference whether you use it or not though, the function is there if you want it.
If you want it, you'll need to use posts instead of pages as said, assigning them to a category with the same name as the menu name, for example Piers...
You can see an example by clicking Piers from categories on the test site.... the Piers item in the menu should turn black to indicate you are viewing a page or pages in that category...
EDIT:: Seems this menu is turning out pretty well. Since it's a free menu and Wordpress is also free, i'm going to release the code for anyone else who may want a menu for wordpress... Of course i'll change the links in the one i give out..
I've done the hard parts so to speak, so it should be easy for anyone to use..... with the right instructions...
Anyone in search for information regarding how to manage dynamic content/links in Wordpress should see the following pages.
http://codex.wordpress.org/Template_Tags/
http://codex.wordpress.org/Template_Tags/wp_list_bookmarks
http://codex.wordpress.org/Conditional_Tags
Thought i'd pop a couple of links in there for the curious wordpress users reading..
If you want it, you'll need to use posts instead of pages as said, assigning them to a category with the same name as the menu name, for example Piers...
You can see an example by clicking Piers from categories on the test site.... the Piers item in the menu should turn black to indicate you are viewing a page or pages in that category...
EDIT:: Seems this menu is turning out pretty well. Since it's a free menu and Wordpress is also free, i'm going to release the code for anyone else who may want a menu for wordpress... Of course i'll change the links in the one i give out..
I've done the hard parts so to speak, so it should be easy for anyone to use..... with the right instructions...
Anyone in search for information regarding how to manage dynamic content/links in Wordpress should see the following pages.
http://codex.wordpress.org/Template_Tags/
http://codex.wordpress.org/Template_Tags/wp_list_bookmarks
http://codex.wordpress.org/Conditional_Tags
Thought i'd pop a couple of links in there for the curious wordpress users reading..
Last edited:
Very nice and easy adjustment there, we could use your menu, with a simple drop down for the piers, i've made a basic drop-down for piers links...
Will post shortly once it's functioning correctly...
EDIT::
snip
Excuse the poor quality JPEG.... and ignore the fact it's a very basic image (it's simply just to show you the menu)
Basic dropdown for the piers that i've made, it could be used in for the menu in Mattus's pic above....
A few lines of CSS and a little bit of HTML...
We could add some icons, some transparency, backgrounds with hover effects...(or whatever you like).... the possibilities are nearly endless....
EDIT 2::
Updated image... transparency used with menu
You can't see the cursor in the screenies (just the app i use for quick screenshots and cropping)...
Can't believe he didn't go with this menu you suggested. Its so much nicer and cleaner looking then any of those he posted from external sites.
Also where you get these web 2.0 type pattern background from? Or do you make them yourself in phiotoshop? Have been looking for one like in the above pic for ages.
It's just a partially transparent background....
I have a bunch i use with different colours....
I create an image with a transparent canvas, only need by 1px by 1px, plonk a coloured pixel on the canvas and reduce the transparency, then export, then reduce it a little more - export.
I have 1 pixel images for 90%, 80% and so on...
Of course it's only any good as long as the browser being used can correctly render the PNG's.... so it's not really a good idea to use them, i normally just use them for Styles created in Stylish, since that's firefox only, which does support them....
The above image was an example, and i know the URL for my pixel images, so it was quick and easy to use them.... though in reality it's not really advisable.... IE 5/6 won't render the background, so you'd need some IE conditional statements.....
If you want a copy of the images, you're welcome to them, just remember regarding IE....
RE: the menu...
It's actually working out really well with the menu chosen, i'm going to work the code a little more then post it up somewhere, a wordpress site or here, as there may be other people wanting to the same kinda thing, plus it's fully working in IE and FF as far as i can tell, at least more so then my menu was.... but hey!, it was my first shot at a self-written basic drop-down menu, so i didn't do too bad.
I have a bunch i use with different colours....
I create an image with a transparent canvas, only need by 1px by 1px, plonk a coloured pixel on the canvas and reduce the transparency, then export, then reduce it a little more - export.
I have 1 pixel images for 90%, 80% and so on...
Of course it's only any good as long as the browser being used can correctly render the PNG's.... so it's not really a good idea to use them, i normally just use them for Styles created in Stylish, since that's firefox only, which does support them....
The above image was an example, and i know the URL for my pixel images, so it was quick and easy to use them.... though in reality it's not really advisable.... IE 5/6 won't render the background, so you'd need some IE conditional statements.....
If you want a copy of the images, you're welcome to them, just remember regarding IE....
RE: the menu...
It's actually working out really well with the menu chosen, i'm going to work the code a little more then post it up somewhere, a wordpress site or here, as there may be other people wanting to the same kinda thing, plus it's fully working in IE and FF as far as i can tell, at least more so then my menu was.... but hey!, it was my first shot at a self-written basic drop-down menu, so i didn't do too bad.
Last edited:
- Joined
- 18 Oct 2002
- Posts
- 5,586
- Location
- Stone, Staffordshire
Looking good chap, thanks ever so much!
Well the menu is done, i just need to know where you want it placed on the page (because i fiddled with the layout while i was testing). Also need to know what colours you want for the menu?... What's set is only me playing...
I have marked the code in header.php with...
<!-- Start nav menu -->
and
<!-- End nav menu -->
So you know what to chop out...
As said, if you not sure what to do, just look at the test site in the WP admin and see the link categories and links i've created already as examples, that should get you started, you've got a fair few to create......
Go ahead and create a few new links on the test site first, see how you get on, if you get stuck ask away...
Also you may wish to have a play with the CSS in style.css for the menu, it's all at the bottom, but i've tried to simplify a bit, the CSS wasn't greatly commented to start with.
I have marked the code in header.php with...
<!-- Start nav menu -->
and
<!-- End nav menu -->
So you know what to chop out...
As said, if you not sure what to do, just look at the test site in the WP admin and see the link categories and links i've created already as examples, that should get you started, you've got a fair few to create......
Go ahead and create a few new links on the test site first, see how you get on, if you get stuck ask away...
Also you may wish to have a play with the CSS in style.css for the menu, it's all at the bottom, but i've tried to simplify a bit, the CSS wasn't greatly commented to start with.
- Joined
- 18 Oct 2002
- Posts
- 5,586
- Location
- Stone, Staffordshire
Wow thanks for all that you have done.
Will have a play with it and see what colours work best and where the menu placement suits
Will have a play with it and see what colours work best and where the menu placement suits
I've installed a copy of the menu on a local install of Wordpress now for myself to play with, so i don't keep messing up your template with my fiddling...
If you've got MSN, add me t31os AT homail (.co.uk or .com)...
Bit easier then posting streams of replies...
If you've got MSN, add me t31os AT homail (.co.uk or .com)...
Bit easier then posting streams of replies...
- Joined
- 18 Oct 2002
- Posts
- 5,586
- Location
- Stone, Staffordshire
How search engine friendly will the menu be? Do I need to worry about it?
Should be ok, it really depends how you setup your posts/pages via wordpress...
And then also how you link to them using the 'Links'.
You can see my install here if you like...
http://www.t31os.co.uk
It's on 000webhost right now and painfullly slow, but it's working....
Links should be friendly enough, you can always re-write the Permalinks in Settings > Permalinks so they're more friendly...
Link and post categories can be both be given Slugs, which provide a secondary friendly url....
Slugs explained on here briefly...
http://codex.wordpress.org/Introduction_to_Blogging
Slugs work in hand with the permalinks, and if you use the slug links in the menu you'll have friendly URLs....
I'm still figuring it out myself (though i'm using sub-categories on my install), so i can't say precisely how search engines will handle them, it's really not my area.
EDIT::
If you go to Settings > Permalinks,
Select the 2nd or 3rd option you'll get friendly URLs for your posts, then you can use those URLs when creating Links...
However for me the other permalink options are not working, i'm getting 'not found' for all my pages, which is proberly a .htaccess issue...
You can try it, failing that, you'll need to modify .htaccess
And then also how you link to them using the 'Links'.
You can see my install here if you like...
http://www.t31os.co.uk
It's on 000webhost right now and painfullly slow, but it's working....
Links should be friendly enough, you can always re-write the Permalinks in Settings > Permalinks so they're more friendly...
Link and post categories can be both be given Slugs, which provide a secondary friendly url....
Slugs explained on here briefly...
http://codex.wordpress.org/Introduction_to_Blogging
Slugs work in hand with the permalinks, and if you use the slug links in the menu you'll have friendly URLs....
I'm still figuring it out myself (though i'm using sub-categories on my install), so i can't say precisely how search engines will handle them, it's really not my area.
EDIT::
If you go to Settings > Permalinks,
Select the 2nd or 3rd option you'll get friendly URLs for your posts, then you can use those URLs when creating Links...
However for me the other permalink options are not working, i'm getting 'not found' for all my pages, which is proberly a .htaccess issue...
You can try it, failing that, you'll need to modify .htaccess
Last edited:
Update...
I was missing the .htaccess file on my install, so i plonked it online, only to find the host blocks mod-rewrite....
If you have the same problem you can add...
/index.php
At the front of the permalink as a workaround... (works on my install)
Source:: http://codex.wordpress.org/Using_Permalinks
I was missing the .htaccess file on my install, so i plonked it online, only to find the host blocks mod-rewrite....
If you have the same problem you can add...
/index.php
At the front of the permalink as a workaround... (works on my install)
Source:: http://codex.wordpress.org/Using_Permalinks
- Joined
- 18 Oct 2002
- Posts
- 5,586
- Location
- Stone, Staffordshire
I've installed a copy of the menu on a local install of Wordpress now for myself to play with, so i don't keep messing up your template with my fiddling...
If you've got MSN, add me t31os AT homail (.co.uk or .com)...
Bit easier then posting streams of replies...
Added you but you're never online
I've tried to break down an explaination of how to use the menu as best i could here...
http://www.t31os.co.uk/?p=152
Posting the link as i said i would earlier....
If anyone wants a little help intergrating this menu, just pop me a comment on that page, no registration required....
http://www.t31os.co.uk/?p=152
Posting the link as i said i would earlier....
If anyone wants a little help intergrating this menu, just pop me a comment on that page, no registration required....