Jump to content

website sneak peek


Recommended Posts

  • 2 weeks later...

I'll give ya a suggestion because it will give you some practice with dreamweaver and putting sites together.

Why not have the links you show in a bar? Sounds like something complicated but its not a complicated as ya might think. here are the steps if you fancy a challenge.



  1. using photoshop, or something like. Create 2 button sized squares with a gradient pattern going downward from light to dark in the middle then light again at the bottom on them to match your site.

  2. On the 3 buttons you have just created add the text for the last 3 links.

  3. Add a line on the left hand side going down the edge that is only thin, and a slightly darker colour than the block itself.Leave 2mm(ish) from the top and bottom of the line, so it will be attached to the left hand side but not touch the top or the bottom. Do this to all three.

  4. Now you need to create 1 more blocks for the left link. use the same principle as above, however add the line this time to the right hand side.

What you now have are 4 images that when lined up against each other with no border will look like one block with buttons to click due to the lines you added. It will also look almost 3d due to the gradient on the blocks.

All you do then is add the images in the same place as you added your links above, ensure you make the border and padding both 0, Make them links to the relevant pages, and you have a nice navigation bar :)

have fun

BTW: If you want to see the effect it has, it will give you a similar effect to the links in the header on this site, only you wont be able to see the blocks on them as they had to be edited for the dropdowns.

Link to comment
Share on other sites

Thats the beauty of iot because there are no big graphics involved. Its simply a box, with a gradient fill and a line at the side :)

If your unsure on how to do the gradient fill gimme a shout and I'll talk ya through it ..... Its literally a click n go :)

Link to comment
Share on other sites

  • 1 month later...

I'll give ya a suggestion because it will give you some practice with dreamweaver and putting sites together.

Why not have the links you show in a bar? Sounds like something complicated but its not a complicated as ya might think. here are the steps if you fancy a challenge.



  1. using photoshop, or something like. Create 2 button sized squares with a gradient pattern going downward from light to dark in the middle then light again at the bottom on them to match your site.

  2. On the 3 buttons you have just created add the text for the last 3 links.

  3. Add a line on the left hand side going down the edge that is only thin, and a slightly darker colour than the block itself.Leave 2mm(ish) from the top and bottom of the line, so it will be attached to the left hand side but not touch the top or the bottom. Do this to all three.

  4. Now you need to create 1 more blocks for the left link. use the same principle as above, however add the line this time to the right hand side.

What you now have are 4 images that when lined up against each other with no border will look like one block with buttons to click due to the lines you added. It will also look almost 3d due to the gradient on the blocks.

All you do then is add the images in the same place as you added your links above, ensure you make the border and padding both 0, Make them links to the relevant pages, and you have a nice navigation bar :)

have fun

BTW: If you want to see the effect it has, it will give you a similar effect to the links in the header on this site, only you wont be able to see the blocks on them as they had to be edited for the dropdowns.

i tryed this not sure if i done it right but should it be summit like this

post-145-13585943299532_thumb.jpg

Link to comment
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • Create New...

Important Information

By using this site, you agree to our Terms of Use and Privacy Policy , along with dressing your husky as a unicorn on the first Thursday of each month