Page 2 of 2 FirstFirst 12
Results 16 to 26 of 26

Thread: Convert PSD to HTML

  1. #16
    Join Date
    Jul 2010
    I use a 960 gridder layer. You can pick it up at http://960.gs (it's the very top left "download") That will have all the files you need.

    Basically you lay it over your PSD (it's just a folder with layers), and it will show you where the gutters are and the columns are. If you've never used a grid system it's very confusing at first, but I feel like it paid off in the long run.

    Alternatively, you can slice your entire template. Which is something I used to do... It makes everything an image which kind of sucks. But photoshop will save it as an html table, which makes it a lot easier than using 960gs. I wouldn't consider this method very good at all, but give it a try because it might be useful for some things. It's something like file > save for web > slices or something XD
    Share on Google+

  2. #17
    Join Date
    Dec 2010
    Cool. I had never thought about it like this. Funny, in that http://www.jadii.com project that I working on, someone sent me a file that had all hidden group layer with all these red vertical lines. At the time I was like, was that part of the background design Now I know why. cool

    Quote Originally Posted by eval(BadCode) View Post
    I use a 960 gridder layer. You can pick it up at http://960.gs (it's the very top left "download") That will have all the files you need.
    Share on Google+

  3. #18
    Join Date
    Sep 2011
    Hey Mika,

    A great place you can get your conversions done is http://www.psdcenter.com.

    If you are trying to learn it yourself I would suggest learning HTML & CSS at http://www.w3schools.com/
    Share on Google+

  4. #19
    Join Date
    Aug 2011
    There are so many software available on the Internet to convert PSD to HTML. You have just download the software and install it. Nowadays there are so many online link also available for converting.
    Share on Google+

  5. #20
    Join Date
    Feb 2012
    Hi there,

    There are a lot of companies out there that can help you. Check out this article, it explains how to find a good psd to html conversion company, http://www.all-cabpa.org/how-to-find...ml-markup/492/

    You can also check us out if you like, www.psd2htmlpros.com

    Have a good day!
    Share on Google+

  6. #21
    Join Date
    Dec 2011
    United States
    Quote Originally Posted by felgall View Post
    That comment was exactly 100% true. It doesn't matter whether the images are in the page or in the background - as far as the search engines are concerned images in neither place exist. Unless you convert the actual content of the page to TEXT then your page contains nothing that the search engines will see.

    Thank you for the information. Now I know what I'm going to do.

    phoenix arizona web design
    Share on Google+

  7. #22
    Join Date
    Jun 2013
    Quote Originally Posted by MikaWhat View Post
    I've got a PSD template, and i want to convert it to HTML. Is there a way to do that automatically? I don't really know how to use PhotoShop or ImageReady. Any suggestions?
    Best way is you have to pay for it, and i found this website that convert PSD to HTML5 / HTML / CSS. It's cheap price but the quality of there work is awesome and highly recommended. I think its doctypecoder.com
    For $35 per page. Other than that they offer other services like Web Designing etc. Gudluck!
    Share on Google+

  8. #23
    Join Date
    Feb 2012
    Noida, India
    Of course many conversion methods available on www.csschopper.com where we convert all types of PSD or images into HTML templates format.
    Share on Google+

  9. #24
    Join Date
    Nov 2017
    On the internet, there are a lot of software or plugins available they said we convert PSD layout to HTML but they cannot do it really or if they do then they cannot give you perfectly. If you really want to convert your PSD design to HTML code then I suggest you choose best professional PSD to HTML conversion company they do it very well with pixel perfect coding, W3C validation and responsive too and you will get professional & custom webdesign for your personal and company use. I recommend Pixlogix for PSD to HTML Conversion it will give you 100% satisfaction and full support at best price.
    Share on Google+

  10. #25
    Join Date
    Dec 2017
    To do this, create a new document in Photoshop and drag every icon into it. The next step of PSD to HTML conversion is writing the CSS code for the menu.
    Share on Google+

  11. #26
    Join Date
    Mar 2007
    PLEASE do not resurrect old posts, this one is from 2006.

    --> JavaScript Frameworks like JQuery, Angular, Node <--
    ... and please remember to wrap code with forum BBCode tags:-

    [CODE]...[/CODE] [HTML]...[/HTML] [PHP]...[/PHP]

    If you can't think outside the box, you will be trapped forever with no escape...
    Share on Google+

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
HTML5 Development Center



X vBulletin 4.2.2 Debug Information

  • Page Generation 0.11870 seconds
  • Memory Usage 2,953KB
  • Queries Executed 15 (?)
More Information
Template Usage (36):
  • (1)ad_footer_end
  • (1)ad_footer_start
  • (1)ad_global_above_footer
  • (1)ad_global_below_navbar
  • (1)ad_global_header1
  • (1)ad_global_header2
  • (1)ad_navbar_below
  • (1)ad_showthread_firstpost_sig
  • (1)ad_showthread_firstpost_start
  • (1)ad_thread_first_post_content
  • (1)ad_thread_last_post_content
  • (3)bbcode_quote
  • (1)footer
  • (1)forumjump
  • (1)forumrules
  • (1)gobutton
  • (1)header
  • (1)headinclude
  • (1)headinclude_bottom
  • (11)memberaction_dropdown
  • (1)navbar
  • (4)navbar_link
  • (1)navbar_moderation
  • (1)navbar_noticebit
  • (1)navbar_tabs
  • (2)option
  • (1)pagenav
  • (1)pagenav_curpage
  • (1)pagenav_pagelink
  • (11)postbit
  • (11)postbit_onlinestatus
  • (11)postbit_wrapper
  • (1)spacer_close
  • (1)spacer_open
  • (1)tagbit_wrapper 

Phrase Groups Available (6):
  • global
  • inlinemod
  • postbit
  • posting
  • reputationlevel
  • showthread
Included Files (26):
  • ./showthread.php
  • ./global.php
  • ./includes/class_bootstrap.php
  • ./includes/init.php
  • ./includes/class_core.php
  • ./includes/config.php
  • ./includes/functions.php
  • ./includes/functions_navigation.php
  • ./includes/class_friendly_url.php
  • ./includes/class_hook.php
  • ./includes/class_bootstrap_framework.php
  • ./vb/vb.php
  • ./vb/phrase.php
  • ./includes/functions_facebook.php
  • ./includes/functions_calendar.php
  • ./includes/functions_bigthree.php
  • ./includes/class_postbit.php
  • ./includes/class_bbcode.php
  • ./includes/functions_reputation.php
  • ./includes/functions_notice.php
  • ./packages/vbattach/attach.php
  • ./vb/types.php
  • ./vb/cache.php
  • ./vb/cache/db.php
  • ./vb/cache/observer/db.php
  • ./vb/cache/observer.php 

Hooks Called (74):
  • init_startup
  • friendlyurl_resolve_class
  • init_startup_session_setup_start
  • database_pre_fetch_array
  • database_post_fetch_array
  • init_startup_session_setup_complete
  • global_bootstrap_init_start
  • global_bootstrap_init_complete
  • cache_permissions
  • fetch_postinfo_query
  • fetch_postinfo
  • fetch_threadinfo_query
  • fetch_threadinfo
  • fetch_foruminfo
  • load_show_variables
  • load_forum_show_variables
  • global_state_check
  • global_bootstrap_complete
  • global_start
  • style_fetch
  • global_setup_complete
  • showthread_start
  • showthread_getinfo
  • strip_bbcode
  • friendlyurl_clean_fragment
  • friendlyurl_geturl
  • forumjump
  • cache_templates
  • cache_templates_process
  • template_register_var
  • template_render_output
  • fetch_template_start
  • fetch_template_complete
  • parse_templates
  • fetch_musername
  • notices_check_start
  • notices_noticebit
  • process_templates_complete
  • friendlyurl_redirect_canonical
  • showthread_post_start
  • showthread_query_postids
  • showthread_query
  • bbcode_fetch_tags
  • bbcode_create
  • showthread_postbit_create
  • postbit_factory
  • postbit_display_start
  • postbit_imicons
  • bbcode_parse_start
  • bbcode_parse_complete_precache
  • bbcode_parse_complete
  • postbit_display_complete
  • memberaction_dropdown
  • pagenav_page
  • pagenav_complete
  • tag_fetchbit_complete
  • forumrules
  • navbits
  • navbits_complete
  • build_navigation_data
  • build_navigation_array
  • check_navigation_permission
  • process_navigation_links_start
  • process_navigation_links_complete
  • set_navigation_menu_element
  • build_navigation_menudata
  • build_navigation_listdata
  • build_navigation_list
  • set_navigation_tab_main
  • set_navigation_tab_fallback
  • navigation_tab_complete
  • fb_like_button
  • showthread_complete
  • page_templates