skip to main
|
skip to sidebar
DJANKRIK
dj-ankrik.blogspot.com
RSS
Home
RSS Post
RSS Comment
FB
Twitter
smc
About me
Jumat, 19 Maret 2010
skin
2 colom
<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br /> <head><br /> <b:include data='blog' name='all-head-content'/><br /> <title><data:blog.pageTitle/></title><br /> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Jester----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333"><br /> <br /> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FFF"><br /> <br /> <Variable name="datecolor" description="Date Header Color" type="color" default="#ccc"><br /> <br /> <Variable name="titlecolor" description="Post Title Color" type="color" default="#f63"><br /> <br /> <Variable name="footercolor" description="Post Footer Color" type="color" default="#999"><br /> <br /> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"><br /> <br /> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"><br /> <br /> <Variable name="linkcolor" description="Link Color" type="color" default="#69c"><br /> <br /> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"><br /> <br /> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"><br /> <br /> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> */<br /> <br /> /* ---( page defaults )--- */<br /> body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff ; }<br /> blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; }<br /> blockquote p { margin-top: 0; }<br /> abbr, acronym { cursor: help; font-style: normal; }<br /> code { color: #f63; }<br /> hr { display: none; }<br /> img { border: none; }<br /> <br /> /* unordered list style */<br /> ul { list-style: none; margin-left: 10px; padding: 0; }<br /> li { list-style: none; padding-left: 14px; margin-bottom: 3px; }<br /> <br /> /* links */<br /> a:link { color: #467839;text-decoration: none; }<br /> a:visited { color: #666699;text-decoration: none; }<br /> a:hover { color: red;text-decoration: none; }<br /> a:active { color: #cc3333; text-decoration: none; }<br /> <br /> /* ---( layout structure )---*/<br /> #outer-wrapper { width: 838px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; }<br /> #content-wrapper { background: url('http://lh3.google.com/image/jvdmds/ReOmnmV5XxI/AAAAAAAAAFI/5ZMP112HsfE/fire-girl-1.jpg') no-repeat top center; margin: 0px; /* to avoid the border image */ width: 838px; }<br /> #main { float: left; width: 550px; margin: 0px; padding: 120px 0px 0px 42px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #sidebar { float: right; width: 170px; padding: 30px 35px 0px 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #center {background: #fff url('http://lh5.google.com/image/jvdmds/ReOp2GV5X8I/AAAAAAAAAGg/hlB-BhaM6Us/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cfire-girl-2.jpg') repeat-y top center;}<br /> <br /> /* ---( header and site name )--- */<br /> #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; }<br /> #header { margin: 0; height:272px; width:450; color: #ff943d;}<br /> #header h1 { width: 430px; font-size: 240%; padding: 115px 0px 0px 72px; text-shadow: #81A75B 2px 2px 2px; text-align: left; }<br /> #header h1 a { text-decoration: none; color: #FFFFCC; }<br /> #header h1 a:hover { color: #eee; }<br /> <br /> /* ---( main column )--- */<br /> h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; }<br /> .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; }<br /> .post { margin: 0 0 1em 0; border-bottom: 1px solid #ccc; padding: 0 0 1em 10px; }<br /> .post h3 a {color: #ff943d; text-decoration: none;}<br /> .post h3 a:hover { color: #cccccc; text-decoration: none; }<br /> .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; }<br /> .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }<br /> .feed-links { clear: both; line-height: 2.5em;}<br /> #blog-pager-newer-link { float: left; }<br /> #blog-pager-older-link { float: right; }<br /> #blog-pager { text-align: center; }<br /> <br /> /* comment styles */<br /> #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; }<br /> #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }<br /> #comments ul { margin-left: 0; }<br /> #comments li { background: none; padding-left: 0; }<br /> .comment-body { padding: 0 10px 0 25px; }<br /> .comment-body p { margin-bottom: 0; }<br /> .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; }<br /> .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}<br /> .deleted-comment { font-style:italic; color:gray; }<br /> <br /> /* ---( sidebar )--- */<br /> .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }<br /> .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;}<br /> .sidebar li { padding-left: 5px; }<br /> .profile-textblock { margin:.5em 0 .5em; }<br /> .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;}<br /> <br /> /* ---( footer )--- */<br /> .clear { /* to fix IE6 padding-top issue */ clear: both; }<br /> #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; }<br /> #footer { margin: 0; width: 838px; height:95px; padding: 0px; background: url('http://lh6.google.com/image/jvdmds/ReOm9WV5XyI/AAAAAAAAAFQ/Klsi8HaxJ2g/fire-girl-3.jpg') no-repeat top center; }<br /> <br /> <br /> /** Page structure tweaks for layout editor wireframe */<br /> body#layout #outer-wrapper,<br /> body#layout #main,<br /> body#layout #sidebar { padding-top: 0; margin-top: 0;}<br /> body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;}<br /> body#layout #sidebar { margin-right: 0; margin-bottom: 1em; }<br /> body#layout #header,body#layout #footer,<br /> body#layout #main { padding: 0; }<br /> body#layout #content-wrapper { margin: 0px; }<br /> #navbar-iframe { height:0px; visibility:hidden; display:none } <br /> <br /> ]]></b:skin><br /> </head><br /> <br /> <body><br /> <div id='outer-wrapper'><div id='wrap2'><br /> <!-- skip links for text browsers --><br /> <span id='skiplinks' style='display:none;'><br /> <a href='#main'>skip to main </a> |<br /> <a href='#sidebar'>skip to sidebar</a><br /> </span><br /> <br /> <br /> <div id='center'> <div id='content-wrapper'> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><br /> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><br /> </b:section><br /> </div> <div id='main-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='Wordpress (Header)' type='Header'/><br /> </b:section><br /> </div> <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /> </b:section><br /> </div><br /> <br /> <br /> <!-- spacer for skins that want sidebar and main to be the same height--><br /> <div class='clear'></div><br /> </div><!-- end content-wrapper --><br /> </div><!--end center--><br /> <div id='footer-wrapper'> <b:section class='footer' id='footer'/><br /> </div><br /> </div></div><!-- end outer-wrapper --><br /> </body><br /> </html>
2 colom
<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br /> <head><br /> <b:include data='blog' name='all-head-content'/><br /> <title><data:blog.pageTitle/></title><br /> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Deer----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: February 2007 ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333"><br /> <br /> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FFF"><br /> <br /> <Variable name="datecolor" description="Date Header Color" type="color" default="#ccc"><br /> <br /> <Variable name="titlecolor" description="Post Title Color" type="color" default="#f63"><br /> <br /> <Variable name="footercolor" description="Post Footer Color" type="color" default="#999"><br /> <br /> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"><br /> <br /> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"><br /> <br /> <Variable name="linkcolor" description="Link Color" type="color" default="#69c"><br /> <br /> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"><br /> <br /> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"><br /> <br /> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> */<br /> <br /> /* ---( page defaults )--- */<br /> body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff ; }<br /> blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; }<br /> blockquote p { margin-top: 0; }<br /> abbr, acronym { cursor: help; font-style: normal; }<br /> code { color: #f63; }<br /> hr { display: none; }<br /> img { border: none; }<br /> <br /> /* unordered list style */<br /> ul { list-style: none; margin-left: 10px; padding: 0; }<br /> li { list-style: none; padding-left: 14px; margin-bottom: 3px; }<br /> <br /> /* links */<br /> a:link { color: #467839;text-decoration: none; }<br /> a:visited { color: #666699;text-decoration: none; }<br /> a:hover { color: red;text-decoration: none; }<br /> a:active { color: #cc3333; text-decoration: none; }<br /> <br /> /* ---( layout structure )---*/<br /> #outer-wrapper { width: 838px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; }<br /> #content-wrapper { background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/592207/deer-1.jpg') no-repeat top center; margin: 0px; /* to avoid the border image */ width: 838px; }<br /> #main { float: left; width: 550px; margin: 0px; padding: 200px 0px 0px 40px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #sidebar { float: right; width: 160px; padding: 60px 40px 0px 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #center {background: #fff url('http://photos1.blogger.com/x/blogger/6092/2649/1600/278570/deer-2.jpg') repeat-y top center;}<br /> <br /> /* ---( header and site name )--- */<br /> #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; }<br /> #header { margin: 0; height:272px; width:450; color: #3f302c;}<br /> #header h1 { width: 430px; font-size: 240%; padding: 135px 0px 0px 60px; text-shadow: #81A75B 2px 2px 2px; text-align: left; }<br /> #header h1 a { text-decoration: none; color: #FFFFCC; }<br /> #header h1 a:hover { color: #eee; }<br /> <br /> /* ---( main column )--- */<br /> h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; }<br /> .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; }<br /> .post { margin: 0 0 1em 0; border-bottom: 1px solid #ccc; padding: 0 0 1em 10px; }<br /> .post h3 a {color: #3f302c; text-decoration: none;}<br /> .post h3 a:hover { color: #cccccc; text-decoration: none; }<br /> .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; }<br /> .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }<br /> .feed-links { clear: both; line-height: 2.5em;}<br /> #blog-pager-newer-link { float: left; }<br /> #blog-pager-older-link { float: right; }<br /> #blog-pager { text-align: center; }<br /> <br /> /* comment styles */<br /> #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; }<br /> #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }<br /> #comments ul { margin-left: 0; }<br /> #comments li { background: none; padding-left: 0; }<br /> .comment-body { padding: 0 10px 0 25px; }<br /> .comment-body p { margin-bottom: 0; }<br /> .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; }<br /> .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}<br /> .deleted-comment { font-style:italic; color:gray; }<br /> <br /> /* ---( sidebar )--- */<br /> .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }<br /> .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;}<br /> .sidebar li { padding-left: 5px; }<br /> .profile-textblock { margin:.5em 0 .5em; }<br /> .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;}<br /> <br /> /* ---( footer )--- */<br /> .clear { /* to fix IE6 padding-top issue */ clear: both; }<br /> #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; }<br /> #footer { margin: 0; width: 838px; height:85px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/848009/deer-3.jpg') no-repeat top center; }<br /> <br /> <br /> /** Page structure tweaks for layout editor wireframe */<br /> body#layout #outer-wrapper,<br /> body#layout #main,<br /> body#layout #sidebar { padding-top: 0; margin-top: 0;}<br /> body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;}<br /> body#layout #sidebar { margin-right: 0; margin-bottom: 1em; }<br /> body#layout #header,body#layout #footer,<br /> body#layout #main { padding: 0; }<br /> body#layout #content-wrapper { margin: 0px; }<br /> #navbar-iframe { height:0px; visibility:hidden; display:none } <br /> <br /> ]]></b:skin><br /> </head><br /> <br /> <body><br /> <div id='outer-wrapper'><div id='wrap2'><br /> <!-- skip links for text browsers --><br /> <span id='skiplinks' style='display:none;'><br /> <a href='#main'>skip to main </a> |<br /> <a href='#sidebar'>skip to sidebar</a><br /> </span><br /> <br /> <br /> <div id='center'> <div id='content-wrapper'> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><br /> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><br /> </b:section><br /> </div> <div id='main-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='Wordpress (Header)' type='Header'/><br /> </b:section><br /> </div> <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /> </b:section><br /> </div><br /> <br /> <br /> <!-- spacer for skins that want sidebar and main to be the same height--><br /> <div class='clear'></div><br /> </div><!-- end content-wrapper --><br /> </div><!--end center--><br /> <div id='footer-wrapper'> <b:section class='footer' id='footer'/><br /> </div><br /> </div></div><!-- end outer-wrapper --><br /> </body><br /> </html>
skin
2 colom
<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br /> <head><br /> <b:include data='blog' name='all-head-content'/><br /> <title><data:blog.pageTitle/></title><br /> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Jester----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: March 2007 ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333"><br /> <br /> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FFF"><br /> <br /> <Variable name="datecolor" description="Date Header Color" type="color" default="#ccc"><br /> <br /> <Variable name="titlecolor" description="Post Title Color" type="color" default="#f63"><br /> <br /> <Variable name="footercolor" description="Post Footer Color" type="color" default="#999"><br /> <br /> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"><br /> <br /> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"><br /> <br /> <Variable name="linkcolor" description="Link Color" type="color" default="#69c"><br /> <br /> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"><br /> <br /> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"><br /> <br /> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> */<br /> <br /> /* ---( page defaults )--- */<br /> body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff ; }<br /> blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; }<br /> blockquote p { margin-top: 0; }<br /> abbr, acronym { cursor: help; font-style: normal; }<br /> code { color: #f63; }<br /> hr { display: none; }<br /> img { border: none; }<br /> <br /> /* unordered list style */<br /> ul { list-style: none; margin-left: 10px; padding: 0; }<br /> li { list-style: none; padding-left: 14px; margin-bottom: 3px; }<br /> <br /> /* links */<br /> a:link { color: #467839;text-decoration: none; }<br /> a:visited { color: #666699;text-decoration: none; }<br /> a:hover { color: red;text-decoration: none; }<br /> a:active { color: #cc3333; text-decoration: none; }<br /> <br /> /* ---( layout structure )---*/<br /> #outer-wrapper { width: 838px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; }<br /> #content-wrapper { background: url('http://lh3.google.com/image/jvdmds/ReOmnmV5XxI/AAAAAAAAAFI/5ZMP112HsfE/fire-girl-1.jpg') no-repeat top center; margin: 0px; /* to avoid the border image */ width: 838px; }<br /> #main { float: left; width: 550px; margin: 0px; padding: 120px 0px 0px 42px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #sidebar { float: right; width: 170px; padding: 30px 35px 0px 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #center {background: #fff url('http://lh5.google.com/image/jvdmds/ReOp2GV5X8I/AAAAAAAAAGg/hlB-BhaM6Us/F%3A%5Ctexts%5Cnew-temp%5Cbeta%5CNew%5Cfire-girl-2.jpg') repeat-y top center;}<br /> <br /> /* ---( header and site name )--- */<br /> #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; }<br /> #header { margin: 0; height:272px; width:450; color: #ff943d;}<br /> #header h1 { width: 430px; font-size: 240%; padding: 115px 0px 0px 72px; text-shadow: #81A75B 2px 2px 2px; text-align: left; }<br /> #header h1 a { text-decoration: none; color: #FFFFCC; }<br /> #header h1 a:hover { color: #eee; }<br /> <br /> /* ---( main column )--- */<br /> h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; }<br /> .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; }<br /> .post { margin: 0 0 1em 0; border-bottom: 1px solid #ccc; padding: 0 0 1em 10px; }<br /> .post h3 a {color: #ff943d; text-decoration: none;}<br /> .post h3 a:hover { color: #cccccc; text-decoration: none; }<br /> .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; }<br /> .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }<br /> .feed-links { clear: both; line-height: 2.5em;}<br /> #blog-pager-newer-link { float: left; }<br /> #blog-pager-older-link { float: right; }<br /> #blog-pager { text-align: center; }<br /> <br /> /* comment styles */<br /> #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; }<br /> #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }<br /> #comments ul { margin-left: 0; }<br /> #comments li { background: none; padding-left: 0; }<br /> .comment-body { padding: 0 10px 0 25px; }<br /> .comment-body p { margin-bottom: 0; }<br /> .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; }<br /> .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}<br /> .deleted-comment { font-style:italic; color:gray; }<br /> <br /> /* ---( sidebar )--- */<br /> .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }<br /> .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;}<br /> .sidebar li { padding-left: 5px; }<br /> .profile-textblock { margin:.5em 0 .5em; }<br /> .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;}<br /> <br /> /* ---( footer )--- */<br /> .clear { /* to fix IE6 padding-top issue */ clear: both; }<br /> #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; }<br /> #footer { margin: 0; width: 838px; height:95px; padding: 0px; background: url('http://lh6.google.com/image/jvdmds/ReOm9WV5XyI/AAAAAAAAAFQ/Klsi8HaxJ2g/fire-girl-3.jpg') no-repeat top center; }<br /> <br /> <br /> /** Page structure tweaks for layout editor wireframe */<br /> body#layout #outer-wrapper,<br /> body#layout #main,<br /> body#layout #sidebar { padding-top: 0; margin-top: 0;}<br /> body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;}<br /> body#layout #sidebar { margin-right: 0; margin-bottom: 1em; }<br /> body#layout #header,body#layout #footer,<br /> body#layout #main { padding: 0; }<br /> body#layout #content-wrapper { margin: 0px; }<br /> #navbar-iframe { height:0px; visibility:hidden; display:none } <br /> <br /> ]]></b:skin><br /> </head><br /> <br /> <body><br /> <div id='outer-wrapper'><div id='wrap2'><br /> <!-- skip links for text browsers --><br /> <span id='skiplinks' style='display:none;'><br /> <a href='#main'>skip to main </a> |<br /> <a href='#sidebar'>skip to sidebar</a><br /> </span><br /> <br /> <br /> <div id='center'> <div id='content-wrapper'> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><br /> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><br /> </b:section><br /> </div> <div id='main-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='Wordpress (Header)' type='Header'/><br /> </b:section><br /> </div> <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /> </b:section><br /> </div><br /> <br /> <br /> <!-- spacer for skins that want sidebar and main to be the same height--><br /> <div class='clear'></div><br /> </div><!-- end content-wrapper --><br /> </div><!--end center--><br /> <div id='footer-wrapper'> <b:section class='footer' id='footer'/><br /> </div><br /> </div></div><!-- end outer-wrapper --><br /> </body><br /> </html>
2 colom
<?xml version="1.0" encoding="UTF-8" ?><br /> <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"><br /> <html xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br /> <head><br /> <b:include data='blog' name='all-head-content'/><br /> <title><data:blog.pageTitle/></title><br /> <b:skin><![CDATA[ /* --- * Blogger Template Style---- * Name: Deer----- *Designer: J.aghili ----- * URL: www.finalsense.com ------ * Date: February 2007 ----- */ /* Variable definitions ==================== <Variable name="textcolor" description="Text Color" type="color" default="#333"><br /> <br /> <Variable name="pagetitlecolor" description="Page Header Color" type="color" default="#FFF"><br /> <br /> <Variable name="datecolor" description="Date Header Color" type="color" default="#ccc"><br /> <br /> <Variable name="titlecolor" description="Post Title Color" type="color" default="#f63"><br /> <br /> <Variable name="footercolor" description="Post Footer Color" type="color" default="#999"><br /> <br /> <Variable name="sidebartextcolor" description="Sidebar Text Color" type="color" default="#999"><br /> <br /> <Variable name="sidebarcolor" description="Sidebar Title Color" type="color" default="#666"><br /> <br /> <Variable name="linkcolor" description="Link Color" type="color" default="#69c"><br /> <br /> <Variable name="visitedlinkcolor" description="Visited Link Color" type="color" default="#666699"><br /> <br /> <Variable name="bodyfont" description="Text Font" type="font" default="normal normal 100% Verdana, sans-serif"><br /> <br /> <Variable name="pagetitlefont" description="Page Header Font" type="font" default="normal normal 100% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="titlefont" description="Post Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> <br /> <Variable name="sidebarheaderfont" description="Sidebar Title Font" type="font" default="normal bold 130% 'Georgia','Times New Roman'"><br /> */<br /> <br /> /* ---( page defaults )--- */<br /> body { margin: 0px; padding: 0px; font-size: small; text-align: center; color: #333333; background: #ffffff ; }<br /> blockquote { margin: 0 0 0 30px; padding: 10px 0 0 20px; font-size: 88%; line-height: 1.5em; color: #666; }<br /> blockquote p { margin-top: 0; }<br /> abbr, acronym { cursor: help; font-style: normal; }<br /> code { color: #f63; }<br /> hr { display: none; }<br /> img { border: none; }<br /> <br /> /* unordered list style */<br /> ul { list-style: none; margin-left: 10px; padding: 0; }<br /> li { list-style: none; padding-left: 14px; margin-bottom: 3px; }<br /> <br /> /* links */<br /> a:link { color: #467839;text-decoration: none; }<br /> a:visited { color: #666699;text-decoration: none; }<br /> a:hover { color: red;text-decoration: none; }<br /> a:active { color: #cc3333; text-decoration: none; }<br /> <br /> /* ---( layout structure )---*/<br /> #outer-wrapper { width: 838px; margin: 0px auto 0; text-align: left; font: normal normal 100% Verdana, sans-serif; }<br /> #content-wrapper { background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/592207/deer-1.jpg') no-repeat top center; margin: 0px; /* to avoid the border image */ width: 838px; }<br /> #main { float: left; width: 550px; margin: 0px; padding: 200px 0px 0px 40px; line-height: 1.5em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #sidebar { float: right; width: 160px; padding: 60px 40px 0px 0px; font-size: 85%; line-height: 1.4em; word-wrap: break-word; /* fix for long text breaking sidebar float in IE */ overflow: hidden; /* fix for long non-text content breaking IE sidebar float */ }<br /> #center {background: #fff url('http://photos1.blogger.com/x/blogger/6092/2649/1600/278570/deer-2.jpg') repeat-y top center;}<br /> <br /> /* ---( header and site name )--- */<br /> #header-wrapper { margin: 0; padding: 0; font: normal normal 100%'Georgia','Times New Roman'; }<br /> #header { margin: 0; height:272px; width:450; color: #3f302c;}<br /> #header h1 { width: 430px; font-size: 240%; padding: 135px 0px 0px 60px; text-shadow: #81A75B 2px 2px 2px; text-align: left; }<br /> #header h1 a { text-decoration: none; color: #FFFFCC; }<br /> #header h1 a:hover { color: #eee; }<br /> <br /> /* ---( main column )--- */<br /> h2.date-header { margin-top: 0; padding-left: 10px; font-size: 90%; color: #cccccc; }<br /> .post h3 { margin-top: 0; font: normal bold 130% 'Georgia','Times New Roman'; color: #ff6633; }<br /> .post { margin: 0 0 1em 0; border-bottom: 1px solid #ccc; padding: 0 0 1em 10px; }<br /> .post h3 a {color: #3f302c; text-decoration: none;}<br /> .post h3 a:hover { color: #cccccc; text-decoration: none; }<br /> .post-footer { margin: 0; padding: 0px; font-size: 88%; color: #999999; }<br /> .post img { padding: 6px; border-top: 1px solid #ddd; border-left: 1px solid #ddd; border-bottom: 1px solid #c0c0c0; border-right: 1px solid #c0c0c0; }<br /> .feed-links { clear: both; line-height: 2.5em;}<br /> #blog-pager-newer-link { float: left; }<br /> #blog-pager-older-link { float: right; }<br /> #blog-pager { text-align: center; }<br /> <br /> /* comment styles */<br /> #comments { padding-top: 10px; font-size: 85%; line-height: 1.5em; color: #666; }<br /> #comments h4 { margin: 20px 0 15px 0; padding: 8px 0 0 40px; font-family: "Lucida Grande", "Trebuchet MS"; font-size: 130%; color: #666; height: 29px !important; /* for most browsers */ height /**/:37px; /* for IE5/Win */ }<br /> #comments ul { margin-left: 0; }<br /> #comments li { background: none; padding-left: 0; }<br /> .comment-body { padding: 0 10px 0 25px; }<br /> .comment-body p { margin-bottom: 0; }<br /> .comment-author { margin: 4px 0 0 0; padding: 0 10px 0 60px; color: #999; }<br /> .comment-footer { border-bottom: 1px solid #ddd; padding-bottom: 1em;}<br /> .deleted-comment { font-style:italic; color:gray; }<br /> <br /> /* ---( sidebar )--- */<br /> .sidebar h2 { margin: 0 0 0 0; padding: 10px 0 0 0px; font: normal bold 130% 'Lucida Grande','Trebuchet MS'; color: #666666; height: 32px; height: 32px !important; /* for most browsers */ height /**/:57px; /* for IE5/Win */ }<br /> .sidebar .widget { margin: 0; padding: 0 0 10px 10px; border-bottom: 0px solid #ddd;}<br /> .sidebar li { padding-left: 5px; }<br /> .profile-textblock { margin:.5em 0 .5em; }<br /> .profile-img { float: left; margin: 0 5px 5px 0; border: 1px solid #ddd; padding: 4px;}<br /> <br /> /* ---( footer )--- */<br /> .clear { /* to fix IE6 padding-top issue */ clear: both; }<br /> #footer-wrapper { margin: 0; padding: 0 0 0 0; font-size: 85%; }<br /> #footer { margin: 0; width: 838px; height:85px; padding: 0px; background: url('http://photos1.blogger.com/x/blogger/6092/2649/1600/848009/deer-3.jpg') no-repeat top center; }<br /> <br /> <br /> /** Page structure tweaks for layout editor wireframe */<br /> body#layout #outer-wrapper,<br /> body#layout #main,<br /> body#layout #sidebar { padding-top: 0; margin-top: 0;}<br /> body#layout #outer-wrapper,body#layout #content-wrapper { width: 740px;}<br /> body#layout #sidebar { margin-right: 0; margin-bottom: 1em; }<br /> body#layout #header,body#layout #footer,<br /> body#layout #main { padding: 0; }<br /> body#layout #content-wrapper { margin: 0px; }<br /> #navbar-iframe { height:0px; visibility:hidden; display:none } <br /> <br /> ]]></b:skin><br /> </head><br /> <br /> <body><br /> <div id='outer-wrapper'><div id='wrap2'><br /> <!-- skip links for text browsers --><br /> <span id='skiplinks' style='display:none;'><br /> <a href='#main'>skip to main </a> |<br /> <a href='#sidebar'>skip to sidebar</a><br /> </span><br /> <br /> <br /> <div id='center'> <div id='content-wrapper'> <div id='sidebar-wrapper'> <b:section class='sidebar' id='sidebar' preferred='yes'><br /> <b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/><br /> <b:widget id='Profile1' locked='false' title='About Me' type='Profile'/><br /> </b:section><br /> </div> <div id='main-wrapper'> <div id='header-wrapper'> <b:section class='header' id='header' maxwidgets='1' showaddelement='no'><br /> <b:widget id='Header1' locked='true' title='Wordpress (Header)' type='Header'/><br /> </b:section><br /> </div> <b:section class='main' id='main' showaddelement='no'><br /> <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/><br /> </b:section><br /> </div><br /> <br /> <br /> <!-- spacer for skins that want sidebar and main to be the same height--><br /> <div class='clear'></div><br /> </div><!-- end content-wrapper --><br /> </div><!--end center--><br /> <div id='footer-wrapper'> <b:section class='footer' id='footer'/><br /> </div><br /> </div></div><!-- end outer-wrapper --><br /> </body><br /> </html>
Please enable JavaScript to view the
comments powered by Disqus.
Posting Lebih Baru »
« Posting Lama
Beranda
Langganan:
Posting Komentar (Atom)
sekilas...
MAKRUEF
Muhammad Amar Ma'ruf 10.12.5113 Seorang mahasiswa AMKIOM YOGYAKARTA masuk pada tahun 2010 .. di jurusan S1 SI...
Lihat profil lengkapku
Click Bottom it
Brushes *ABR
Feed FB
live stream
membuat komentar
membuat Link Pelangi
membuat menu
membuat pic fly
membuat taq rotate
membuat text area
Muntilan Fan
skin 2 colom
Skin 3 colom
skin campuran
Social Holic
ubah judul
follow
Buat Lencana Anda
Back to
TOP
