Posts Tagged ‘tutorial’

CSS horizontal menu with search form tutorial part 2 – coding

In: CSS Tutorials

14 May 2009

Yesterday we have started designing our new menu bar in Photoshop. Today we will focus on coding our menu to HTML and CSS. With the ready PSD template provided before we can all begin by opening it in Photoshop and hide all text layers.

Using rectangular marquee tool select the inner part of the menu (without borders) and transform selection to achieve width around 2px and the full height of the menu (mine is set to be around 35px). Copy the merged selection (you don’t need to merge the layers, just use Ctrl+Shift+C to hard-copy the selection) and create a new file with clipboard image dimensions and paste the content into the new canvas.

Continue reading »


Welcome

Here you can find web design related tips and tricks as well as industry news and articles, and of course tutorials. There will be plenty of stuff to download, like ready designs and files for tutorials, PrestaShop modules and other content. I hope to start building here a small but quality knowledge base, so if you have some thoughts about it give me a shout by commenting on my blog. I think we could all benefit from the knowledge we have so why not give it to the other people?

Don't forget to subscribe to my RSS feed to get the latest headlines!

Photostream

Categories

Archives

  • Guest: Thanks so much for the info [...]
  • Rahman: Where's link for download ?..... [...]
  • Matt: I will soon try to post a tutorial on full aspects of creating the PrestaShop theme and styling it u [...]
  • elrond: Thanks for the tutorial. Would you mind sharing how to create Prestashop theme? I can only find tuto [...]
  • Midhun Girish: Hey that was a great tut ..... Really ps lacks docs... and this tut made it up for a start... Now at [...]