tamplate spiderman 3



copy code di bawah berikut:


<?xml version="1.0" encoding="UTF-8" ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<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'>
  <head>
    <b:include data='blog' name='all-head-content'/>
    <title><data:blog.pageTitle/></title>
    <b:skin><![CDATA[


/*-- (Hiding the navbar) --*/
#navbar-iframe {
   display:none !important;
}

body{

margin:0;

font-family:Arial, Helvetica, sans-serif;

color:#cccccc;

}


h2{

font-family:Geneva, Arial, Helvetica, sans-serif;

font-weight:normal;

font-size:32px;

color:#cccccc;

}



#wrapper{

background:#000000;

width:100%;

}



#bg_1{

background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/tile_bg.jpg);

width:100%;

}



#bg_2{

background:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/vert_bg.jpg) repeat-x;

width:100%;

}



#headerwrapper{

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/banner_head.jpg);

background-position:center;

background-repeat:no-repeat;

height:212px;

width:758px;

margin:0 auto;

vertical-align:middle;

}



.headercontent{

width:758px;

margin:0 auto;

position:relative;

top:10px;

left:20px;

text-align:left;color:#ffffff; font-weight:normal;

font-size:12px;

}

.headercontent a:link

 {

text-decoration : none;

color: #ffffff;

background: transparent;

}


.headercontent a:visited

 {

text-decoration : none;

color: #ffffff;

background: transparent;

}

.headercontent a:hover

 {

text-decoration : none;

color: #898d7b;

background: transparent;

}


#tableframe{

width:760px;

margin:0 auto;

}



#content{

background-color:#000000;

}



#contentwrapper{

width:566px;

min-height:100%;

vertical-align:top;

background-color:#000000;

}



#gradient_left_1{

width:12px;

vertical-align:top;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_left_tile.jpg);

}



#gradient_left_2{

width:12px;

height:1275px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_left_vert.jpg);

background-repeat:no-repeat;

}



#gradient_right_1{

width:12px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_right_tile.jpg);

}



#gradient_right_2{

width:12px;

height:1275px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/gradient_right_vert.jpg);

background-repeat:no-repeat;

}



#side{

}



#sidewrapper{

background-color:#000000;

border-left:1px solid #21262e;

width:192px;

vertical-align:top;

}







#visitthesite{

width:192px;

margin:0 auto;

}



#visitthesitewrapper{

background-color:#0f161d;

}



.clearfloat{

clear:both;

}



.date{

color:#666666;

font-size:10px;

}



.icon{

border:1px solid #898d7b;

float:left;

}



.iconwrapper{

width:180px;

margin:0 auto;

clear:both;

padding:10px 0 0 0;

}



.iconwrapper li{

list-style-type:none;

}



.icontext{

float:left;

padding-left:6px;

font-size:11px;

color:#666666;

}



.icontext_title{

font-size:12px;

}



.icontext_sub{

font-size:10px;

}



.icontext a{

font-size:11px;

color:#999966;

text-decoration:underline;

}



.post{

margin:20px;

background-image:url(http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/post_bg.jpg);

background-repeat:repeat-x;

}



.posticon{

float:left;

}



.posticon_text{

float:left;

position:relative;

top:6px;

}



.postline{

width:100%;

}



.postline_pad{

padding:6px;

}



.post_bottom_text, .vert_spacer{

color:#666666;

font-size:12px;

}



.post_bottom_where, .post_bottom_edit, .post_comment_count{

color:#999966;

font-size:12px;

}



.post_title{

width:100%;

color:#43484e;

font-weight:bold;

font-size:16px;

}

.post_title a{color:f00;}

.post_text{

font-size:12px;

color:#cccccc;

}



.sideline, #sidewrapper .widget-content{

width:100%;

font-size:.8em;

clear:both;

}


#sidewrapper .widget-content{padding:10px;}

#sidewrapper ul{margin:0;padding:0 10px;list-style-type:none;}


.side_title, #sidewrapper h2{

background-color:#21262e;

color:#ffffff;

font-weight:bold;

padding-left:6px;

}



.spacer{

height:20px;

}



.tableborder{

background-color:#21262e;

}





h2.sidebar-title,  #sidewrapper h2 {

font-size:14px;

font-weight:bold;

font-family:Arial, Helvetica, sans-serif;

color:#999999;

padding-left:12px;

padding-top:0px;}





/* Default Links

----------------------------------------------- */



a:link, a:visited {

text-decoration : underline;

color: #999966;

background: transparent;

}



a:hover {

text-decoration : underline;

color: #43484e;

background: transparent;

}



a:active {

text-decoration : none;

color: #999966;

background: transparent; 

}



/* miscellaneous

----------------------------------------------- */

.profile-img .{

display: inline;}



.profile-data strong {

display: block;

}

.profile-textblock{padding-left:5px;}

.profile-link{padding-left:5px;}

.profile-img img {

float:left;

margin:5px 10px 5px 5px;

border:1px solid #cccccc;

}



.clear {

clear: both;

line-height: 0;

height: 0;

}



.splegal

{ font-family:Arial; font-size:9px;color:#cccccc;padding:10px;}

/* Feeds

----------------------------------------------- */

#blogfeeds {

font-size: 10px;padding:10px;

  }

#postfeeds {

font-size: 12px;

  }

#powered-by{text-align:center;

  }



#powered-by a img {

border: none;

}

 

   /* comments

----------------------------------------------- */

  #comments {

border: 0;

border-top: 1px dashed #cccccc;

margin: 10px 0 0 0;

padding: 0;

}



#comment-body{font-weight:normal;

font-size:12px;

color:#ffffff;

}



#comments h3 {

margin-top: 10px;

margin-bottom: -10px;

font-weight: normal;

font-style: italic;

text-transform: uppercase;

letter-spacing: 1px;

}



#comments dl dt {

font-weight: bold;

font-style: italic;

margin-top: 35px;

padding: 1px 0 0 18px;

color: #cccccc;

}



#comments dl dd {

padding: 0;

margin: 0;

}

.deleted-comment {

  font-style:italic;

  color:gray;

  }

 

 .comment-data{font-family:Georgia, "Times New Roman", Times, serif;

font-weight:normal;

font-size:12px;

color:#cccccc;}
 
]]></b:skin>
  </head>

  <body>
  <div id='wrapper'><div id='bg_1'><div id='bg_2'><table cellpadding='0' cellspacing='0' id='tableframe'>


    <!-- skip links for text browsers -->
    <span id='skiplinks' style='display:none;'>
      <a href='#main'>skip to main </a> |
      <a href='#sidebar'>skip to sidebar</a>
    </span>
<tr valign='top'>
<td id='gradient_left_1' rowspan='2'>
<div id='gradient_left_2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='12'/></div>
</td>
<td class='tableborder' rowspan='2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='1'/></td>
    <td colspan='2' id='headerwrapper'><div class='headercontent'>
      <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Point Blank (Header)' type='Header'/>
</b:section>
    </div>
    </td>
<td class='tableborder' rowspan='2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='1'/></td>
<td id='gradient_right_1' rowspan='2'>
<div id='gradient_right_2'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='12'/></div>
</td>
</tr>

<tr>

<td id='contentwrapper'>

      <div id='crosscol-wrapper' style='text-align:center'>
        <b:section class='crosscol' id='crosscol' showaddelement='no'/>
      </div>


        <b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Posting Blog' type='Blog'/>
</b:section>
</td><!--contentwrapper-->


  <td id='sidewrapper'>
    <b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='Label1' locked='false' title='Labels' type='Label'/>
</b:section>
    <div class='sideline'>
      <div class='spacer'><img alt='' height='1' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spacer.gif' width='1'/></div>
    </div>
    <div class='sideline'>
      <div id='visitthesitewrapper'>
      <div id='visitthesite'><a href='#'><img alt='Visit the Site' border='0' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/visit_the_site.jpg'/></a></div>
      </div>
    </div>
    <div class='sideline'>
      <div class='spideman_vert'><img alt='' src='http://flash.sonypictures.com/movies/spiderman/blogtemplate/style4/images/spiderman_vert.jpg'/></div>
    </div>

    <div class='splegal'>MARVEL and SPIDER-MAN: TM &amp;  2007 Marvel Characters, Inc. Motion Picture &#169; 2007 Columbia Pictures Industries, Inc. All Rights Reserved.   2007 Sony Pictures Digital Inc. All rights reserved. <a href='http://blogger-templates.blogspot.com/'>blogger templates</a></div>

  </td><!--sidewrapper-->


     <!-- spacer for skins that want sidebar and main to be the same height-->
     <div class='clear'>&#160;</div>

    <div id='footer-wrapper'>
      <b:section class='footer' id='footer'/>
    </div>

    </tr> 
   </table>
</div><!--bg2-->
</div><!--bg1-->

</div><!--wrapper-->
</body>
</html>
               
by [G]ame [C]heater di 3:36 AM

Tidak ada komentar:

Posting Komentar

Langganan: Posting Komentar (Atom)

-Music-

 

Welcome In Kode Blogger

Contoh Sliding Login Dengan JQuery

Disamping ini adalah contoh Sliding Login menggunakan JQuery. Login Form Disamping hanya Contoh dan tidak dapat digunakan layaknya Login Form FB, Karena Blog ini terbuka untuk umum tanpa perlu mendaftar menjadi Member

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!

http://www.blogger.com/img/blank.gif