Layer 4 copy
doc
tut
blog
forum
doc
tut
blog
forum
home

Upload your PSD file...

Take a quick look at the Guidelines to see how to prepare your PSD file


 

Please wait - we are now uploading and converting your file...

 

Wait! You can upload your PSD, but you aren't logged in! If you submit now, you won't get any of the cool Unlimited features. You'll just get plain XHTML and CSS DIVs. Create a new account to use all the great Unlimited features free for 2 weeks.

Tutorial 39: Background Image That Extends Horizontally Only (Video Tutorial)

Tutorial 39: Background Image That Extends Horizontally Only (Video Tutorial)

Tutorial 48: Linkover Menu Options

Linkover Menu Options

If you would like a roll over effect for your link images (i.e. when your end user puts his mouse cursor over the button but doesn't click yet, the image changes) all you have to do is make a matching '_linkover' layer in your .psd file.

JPG Images vs. PNG Images

Differences Between JPG vs PNG

By default, all images psd2css Online creates for you are designated as PNG images. PNGs will keep any images you want transparent, but are very big images that take awhile to download.

For images with no transparency, label the image '_jpg', and it will load much quicker and at the same quality as a PNG.

Tutorial 51: Relative Position for CSS Layers

Relative Position for CSS Layers

Inputting Passwords in Forms

Inputting Passwords in Forms

To generate password fields in your forms, just draw a box and label it '_inputpassword'. Password fields are the same as text fields except that letters typed are not visible (asterisks or bullets instead of the letters).

Tutorial 50: Creating Dynamic Sliders



A Cool Content Slider For Your Presentations

How to Wrap Your Text Around Layers/Images

How to Wrap Your Text Around Layers/Images

To define a small layer/image to sit inside your text area, and have the text wrap around the image, label your layer '_floatleft' or '_floatright'. Make sure to put your floating layer inside the text space (defined in Photoshop as '_text'), and name it either '_floatleft' or '_floatright' depending on where you want the image to sit.

Fixed Layer Positioning

Fixed Layer Positioning

By using the '_fixed' Layer Naming Convention, you can get a particular CSS layer to stay fixed relative to your whole browser window. For example, to keep an image or logo at the top left of the page, no matter where your user is scrolling, the fixed layer will stay visible at that exact spot. Just label the layer '_fixed'.

Here's an example:
http://psd2cssonline.com/tutorials/fixed/index.html

Empty Containers for Layers with No Content

Empty Containers for Layers with No Content

If you want a layer to have no image in it just label the layer '_empty' in your PSD file. There are several reasons to create a box as an empty container:

1. To create a bounding region for '_relative' layers. Make your '_empty' layer larger and behind your '_relative' layers and the '_relative' layers will render inside the larger '_empty' layer
2. To create an area for a '_form'
3. To create a regions for '_page's

Creating Online Forums

Creating Online Forums

There are a number of Layer Naming Conventions for making forms.

Syndicate contentcopyright (c) 2009 psd2css Online, Inc.

 

 

User login

Become a Fan of our Facebook Page

Need help or have a question?
support@psd2cssonline.com

| Privacy | Terms of Use |

copyright (c) 2008, 2009, 2010, 2011 psd2css Online, Inc.
Patent Pending

Syndicate content

Warning: Duplicate entry '0' for key 'PRIMARY' query: INSERT INTO watchdog (uid, type, message, variables, severity, link, location, referer, hostname, timestamp) VALUES (0, 'php', '%message in %file on line %line.', 'a:4:{s:6:\"%error\";s:12:\"user warning\";s:8:\"%message\";s:279:\"Duplicate entry '0' for key 'PRIMARY'\nquery: INSERT INTO accesslog (title, path, url, hostname, uid, sid, timer, timestamp) values('', 'node', '', '54.161.235.83', 0, 'v5Az2Kln-08CkrIYlGOp41', 305, 1414277251)\";s:5:\"%file\";s:68:\"/home/smci1000/psd2cssonline-d6/modules/statistics/statistics.module\";s:5:\"%line\";i:64;}', 3, '', 'http://psd2cssonline.com/node', '', '54.161.235.83', 1414277251) in /home/smci1000/psd2cssonline-d6/includes/database.mysql.inc on line 128