{"id":10987,"date":"2011-09-16T16:58:03","date_gmt":"2011-09-16T21:58:03","guid":{"rendered":"http:\/\/www.ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/"},"modified":"2011-09-17T12:59:59","modified_gmt":"2011-09-17T17:59:59","slug":"tutorial-psd-to-xhtml-conversion","status":"publish","type":"post","link":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/","title":{"rendered":"[Tutorial] PSD to XHTML Conversion Code Sample"},"content":{"rendered":"

From Junkaria<\/em> –PSD to XHTML conversion code sample<\/strong><\/a>:<\/p>\n

\u201c<\/span>
\n\"PSD<\/a>Today we give a basic concept and code sample to all of you on how to convert PSD to CSS. CSS is an abbreviation of Cascading Style Sheet. In this tutorial, we just give the overview that how looks the HTML code and How we write a CSS file for a website.
\n\u201d<\/span><\/em><\/p>\n

\n
READ MORE \u00bb<\/big><\/strong><\/a><\/div>\n
<\/blockquote>\n","protected":false},"excerpt":{"rendered":"

This Tutorial consists of Basic CSS and Html Sample code, which is used in every PSD to XHTML Conversion.<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[],"class_list":["post-10987","post","type-post","status-publish","format-standard","hentry","category-html-tipz"],"yoast_head":"\n[Tutorial] PSD to XHTML Conversion Code Sample - WHUZZUP!<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"[Tutorial] PSD to XHTML Conversion Code Sample - WHUZZUP!\" \/>\n<meta property=\"og:description\" content=\"This Tutorial consists of Basic CSS and Html Sample code, which is used in every PSD to XHTML Conversion.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/\" \/>\n<meta property=\"og:site_name\" content=\"WHUZZUP!\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/\" \/>\n<meta property=\"article:author\" content=\"EricBrooksDotComWeb\" \/>\n<meta property=\"article:published_time\" content=\"2011-09-16T21:58:03+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2011-09-17T17:59:59+00:00\" \/>\n<meta property=\"og:image\" content=\"http:\/\/s3.amazonaws.com\/gt-production-icons\/icons\/icon\/57280.jpg?1315540693\" \/>\n<meta name=\"author\" content=\"Eric Brooks\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:site\" content=\"@EricBrooksCom\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Eric Brooks\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/\"},\"author\":{\"name\":\"Eric Brooks\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\"},\"headline\":\"[Tutorial] PSD to XHTML Conversion Code Sample\",\"datePublished\":\"2011-09-16T21:58:03+00:00\",\"dateModified\":\"2011-09-17T17:59:59+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/\"},\"wordCount\":70,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/s3.amazonaws.com\\\/gt-production-icons\\\/icons\\\/icon\\\/57280.jpg?1315540693\",\"articleSection\":[\"Html Tipz\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/\",\"name\":\"[Tutorial] PSD to XHTML Conversion Code Sample - WHUZZUP!\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#primaryimage\"},\"thumbnailUrl\":\"http:\\\/\\\/s3.amazonaws.com\\\/gt-production-icons\\\/icons\\\/icon\\\/57280.jpg?1315540693\",\"datePublished\":\"2011-09-16T21:58:03+00:00\",\"dateModified\":\"2011-09-17T17:59:59+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#primaryimage\",\"url\":\"http:\\\/\\\/s3.amazonaws.com\\\/gt-production-icons\\\/icons\\\/icon\\\/57280.jpg?1315540693\",\"contentUrl\":\"http:\\\/\\\/s3.amazonaws.com\\\/gt-production-icons\\\/icons\\\/icon\\\/57280.jpg?1315540693\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/tutorial-psd-to-xhtml-conversion\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"[Tutorial] PSD to XHTML Conversion Code Sample\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#website\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"name\":\"WHUZZUP!\",\"description\":\"What's new at EricBrooks.Com plus news and gossip all over CyberTown\",\"publisher\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#organization\",\"name\":\"WHUZZUP!\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"contentUrl\":\"https:\\\/\\\/ericbrooks.com\\\/images\\\/posts\\\/cropped-favicon_64-1.png\",\"width\":512,\"height\":512,\"caption\":\"WHUZZUP!\"},\"image\":{\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/logo\\\/image\\\/\"},\"sameAs\":[\"https:\\\/\\\/www.facebook.com\\\/EricBrooksDotComWeb\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\",\"https:\\\/\\\/www.instagram.com\\\/ericbrooksdotcom\\\/\",\"https:\\\/\\\/www.linkedin.com\\\/in\\\/ericbrooksdotcom\",\"https:\\\/\\\/myspace.com\\\/ericbrooksdotcom\",\"https:\\\/\\\/www.pinterest.com\\\/ericbrookscom\\\/\",\"https:\\\/\\\/www.youtube.com\\\/user\\\/ericbrooksdotcom\"]},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/#\\\/schema\\\/person\\\/3b162468e1f9814f6e9f61460db00a3a\",\"name\":\"Eric Brooks\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x\",\"caption\":\"Eric Brooks\"},\"description\":\"Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.\",\"sameAs\":[\"https:\\\/\\\/ericbrooks.com\",\"EricBrooksDotComWeb\",\"ericbrooksdotcom\",\"ericbrookscom\\\/\",\"https:\\\/\\\/x.com\\\/EricBrooksCom\"],\"url\":\"https:\\\/\\\/ericbrooks.com\\\/whuzzup\\\/author\\\/site-admin\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"[Tutorial] PSD to XHTML Conversion Code Sample - WHUZZUP!","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/","og_locale":"en_US","og_type":"article","og_title":"[Tutorial] PSD to XHTML Conversion Code Sample - WHUZZUP!","og_description":"This Tutorial consists of Basic CSS and Html Sample code, which is used in every PSD to XHTML Conversion.","og_url":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/","og_site_name":"WHUZZUP!","article_publisher":"https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","article_author":"EricBrooksDotComWeb","article_published_time":"2011-09-16T21:58:03+00:00","article_modified_time":"2011-09-17T17:59:59+00:00","og_image":[{"url":"http:\/\/s3.amazonaws.com\/gt-production-icons\/icons\/icon\/57280.jpg?1315540693","type":"","width":"","height":""}],"author":"Eric Brooks","twitter_card":"summary_large_image","twitter_creator":"@EricBrooksCom","twitter_site":"@EricBrooksCom","twitter_misc":{"Written by":"Eric Brooks"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#article","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/"},"author":{"name":"Eric Brooks","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a"},"headline":"[Tutorial] PSD to XHTML Conversion Code Sample","datePublished":"2011-09-16T21:58:03+00:00","dateModified":"2011-09-17T17:59:59+00:00","mainEntityOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/"},"wordCount":70,"commentCount":0,"publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#primaryimage"},"thumbnailUrl":"http:\/\/s3.amazonaws.com\/gt-production-icons\/icons\/icon\/57280.jpg?1315540693","articleSection":["Html Tipz"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/","url":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/","name":"[Tutorial] PSD to XHTML Conversion Code Sample - WHUZZUP!","isPartOf":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#website"},"primaryImageOfPage":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#primaryimage"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#primaryimage"},"thumbnailUrl":"http:\/\/s3.amazonaws.com\/gt-production-icons\/icons\/icon\/57280.jpg?1315540693","datePublished":"2011-09-16T21:58:03+00:00","dateModified":"2011-09-17T17:59:59+00:00","breadcrumb":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#primaryimage","url":"http:\/\/s3.amazonaws.com\/gt-production-icons\/icons\/icon\/57280.jpg?1315540693","contentUrl":"http:\/\/s3.amazonaws.com\/gt-production-icons\/icons\/icon\/57280.jpg?1315540693"},{"@type":"BreadcrumbList","@id":"https:\/\/ericbrooks.com\/whuzzup\/tutorial-psd-to-xhtml-conversion\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/ericbrooks.com\/whuzzup\/"},{"@type":"ListItem","position":2,"name":"[Tutorial] PSD to XHTML Conversion Code Sample"}]},{"@type":"WebSite","@id":"https:\/\/ericbrooks.com\/whuzzup\/#website","url":"https:\/\/ericbrooks.com\/whuzzup\/","name":"WHUZZUP!","description":"What's new at EricBrooks.Com plus news and gossip all over CyberTown","publisher":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/ericbrooks.com\/whuzzup\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/ericbrooks.com\/whuzzup\/#organization","name":"WHUZZUP!","url":"https:\/\/ericbrooks.com\/whuzzup\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/","url":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","contentUrl":"https:\/\/ericbrooks.com\/images\/posts\/cropped-favicon_64-1.png","width":512,"height":512,"caption":"WHUZZUP!"},"image":{"@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/EricBrooksDotComWeb\/","https:\/\/x.com\/EricBrooksCom","https:\/\/www.instagram.com\/ericbrooksdotcom\/","https:\/\/www.linkedin.com\/in\/ericbrooksdotcom","https:\/\/myspace.com\/ericbrooksdotcom","https:\/\/www.pinterest.com\/ericbrookscom\/","https:\/\/www.youtube.com\/user\/ericbrooksdotcom"]},{"@type":"Person","@id":"https:\/\/ericbrooks.com\/whuzzup\/#\/schema\/person\/3b162468e1f9814f6e9f61460db00a3a","name":"Eric Brooks","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","url":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/62114f8baf9a3737e7686125b69907010ad6aff5dfc07c12707e8a18bb49bc34?s=96&d=blank&r=x","caption":"Eric Brooks"},"description":"Web & Graphic Designer, Blogger, Musician, Evil Clown. I also code websites and promote people for a living. Still kind of a jerk, though. Approach with food.","sameAs":["https:\/\/ericbrooks.com","EricBrooksDotComWeb","ericbrooksdotcom","ericbrookscom\/","https:\/\/x.com\/EricBrooksCom"],"url":"https:\/\/ericbrooks.com\/whuzzup\/author\/site-admin\/"}]}},"_links":{"self":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/10987","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/comments?post=10987"}],"version-history":[{"count":4,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/10987\/revisions"}],"predecessor-version":[{"id":11302,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/posts\/10987\/revisions\/11302"}],"wp:attachment":[{"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/media?parent=10987"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/categories?post=10987"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ericbrooks.com\/whuzzup\/wp-json\/wp\/v2\/tags?post=10987"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}