19 February 2013

Create Glassy Menu in Photoshop Tutorial (Part 3) - PSD TO XHTML

View Demo : http://cdpn.io/ahsDo

Source Code : http://codepen.io/rssatnam/pen/ahsDo

In this Final part of Photoshop tutorial series you'll learn how to :
  • * Use Dreamweaver
  • * Use xhtml and css to convert our PSD mockup to XHTML
  • * Sort out alignment problem with UL tag in HTML
  • * Make cross-browser compatible
  • * Face IE problems for links outline

Create Glassy Menu in Photoshop Tutorial (Part 1) - CREATING IN PHOTOSHOP
Create Glassy Menu in Photoshop Tutorial (Part 2) - SLICING AND SAVING FOR WEB
Create Glassy Menu in Photoshop Tutorial (Part 3) - PSD TO XHTML




If you've any Questions leave comment.

Create Glassy Menu in Photoshop Tutorial (Part 2) SLICING AND SAVING FOR WEB

Final Result :


In this Second part of Photoshop tutorial series you'll learn how to :

* Use Slice tool
* Use Slice Select tool
* Use Alignment and Distribution tool to align or distribute Slices perfectly in any way you want
* Duplicate Slices
* Slice Mockup for Web
* Save for Web

Create Glassy Menu in Photoshop Tutorial (Part 1) - CREATING IN PHOTOSHOP
Create Glassy Menu in Photoshop Tutorial (Part 2) - SLICING AND SAVING FOR WEB
Create Glassy Menu in Photoshop Tutorial (Part 3) - PSD TO XHTML





If you've any Questions leave comment.

Create Basic Dropdown menu using HTML and CSS

View Demo : http://cdpn.io/LHluy
Source : http://codepen.io/rssatnam/pen/LHluy

In this tutorial you'll learn how to :

* Use xhtml and css to Build a basic Dropdown Menu from the scratch
* Create nested UL in HTML to create Dropdown
* Sort out alignment problem with UL tag in HTML





If you've any Questions leave comment.

Like+Comment+Subscribe = More Tutorials!

You can also order me at = http://www.fiverr.com/sarvankarthik6
Subscribe my Youtube Channel = http://youtube.com/mrdesignerprogrammer