designer toolkit demo

9
Designer Toolkit Demo

Upload: harsha-nagaraj

Post on 18-Dec-2014

190 views

Category:

Technology


2 download

DESCRIPTION

 

TRANSCRIPT

Page 1: Designer toolkit demo

Designer Toolkit Demo

Page 2: Designer toolkit demo

Login using your sign-up crendentials

Login using your sign-up crendentials

Page 3: Designer toolkit demo

After logging in, you will be re-directed to Dashboard as shown below.

Click on Themes Manager to start

Theme Development

Click on Themes Manager to start

Theme Development

Page 4: Designer toolkit demo

Click to add the details of the new theme

Click to add the details of the new theme

Click to create the new themeClick to create the new theme

Select an existing theme to copy its files on to your theme

Select an existing theme to copy its files on to your theme

Page 5: Designer toolkit demo

Click to start the theme editorClick to start the theme editor

Page 6: Designer toolkit demo

Upload images into this folder to use them in your style sheet

Upload images into this folder to use them in your style sheet

Style.css in edit modeStyle.css in edit mode

Upload your own style sheetsUpload your own style sheets

By Default, the editor displays style sheet of the theme selected in the previous page. Designer can modify this and save or upload a new style.css.

Page 7: Designer toolkit demo

The tumbnail.png image in the images folder is required as this will be the preview image for selecting the theme in the website editor.

Sample images in the img folder..

Sample images in the img folder..

Page 8: Designer toolkit demo

The new theme appears in the themes panel of the website editor as shown above. (the preview image is the thumbnail.png image described in the previous slide)

Page 9: Designer toolkit demo

For questions/problems/feedback,

email us at [email protected]