Jelly Pages

MySpace 2.0 Layouts, Blogger Templates, Blog Backgrounds & Homepages

Spiderman Layout, Blog Background & Homepage

Details:

Category: Entertainment, Superhero

Tags: Comic Book, Marvel, Spiderman

Description:

Get the Spiderman blog background for your MySpace 2.0 layout, use it as a Blogger template, or make it your home page.

Extras:

How to make it your home page:

Internet Explorer: Click Here.
Firefox: Drag this link to your home button.

/*LAYOUT BY JELLYPAGES.COM*/
body { 
font-family: arial;
font-size: 10pt; 
background-image:url('http://bg.jellypages.com/spiderman/b.jpg');
background-attachment: fixed;
background-position: center;
background-color: transparent;
}

p{line-height:1.8;}
a:link, a:active, a:visited {color: #fff9f9}
a:hover {color: #fff9f9; text-decoration: underline; }
div.wrap{width:728px;background-color:transparent;}

div[class~="module"] { border:none; }
div[class~="moduleTop"], div[class~="moduleTop"] div, div[class~="moduleBottom"], div[class~="moduleBottom"] div { background-color:transparent; background-image:none; font-size:0px; }
div[class~="moduleTop"] div div, div[class~="moduleBottom"] div div { background-image:none; }
div[class~="moduleTop"] div div { height:5px; border-top: 0px solid #000000; margin: 0px 5px; } 
div[class~="moduleBottom"] div div { height:5px; border-bottom: 0px solid #000000; margin: 0 5px; } 

div[class~="moduleMid2"] { margin: 0 8px; } 
div[class~="moduleMid"] { border-left: solid #000000 0px; } 
div[class~="moduleMid1"] { border-right: solid #000000 0px; } 

div.moduleTop { background-position: top left; }
div.moduleTop div { background-position: top right; }
div.moduleBottom { background-position: bottom left; }
div.moduleBottom div { background-position: bottom right; }

div.contentMid { background-color: transparent; } 
div.module { border:0px solid #000000; color:#000000; }  
div#header, div#googlebar { background: none; } 

#topnav {background:transparent; background-color: transparent;}
#topnav ul { border-right: 0px #000000 solid; }  
#topnav ul li { border-left: 0px #000000 solid; } 
#topnav ul a { color: #fff9f9; }
#topnav ul li a:hover {background-color:#FFFFFF; color: #000000}  
#topnav ul li a.open:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000} 

#subnav * {
color:#0000000 !important;  
text-decoration:none !important;
text-transform:none !important;
}   
#subnav ul li a:hover {background: #FFFFFF none repeat scroll 0 0; color: #000000}
 
div#footer { background-color:transparent; padding:0 0 20px 0;} 
div#footer a { color:#fff9f9} 
div#footer div { padding:10px 0; color:#000000} 

div.content {background-color: #transparent;
background-image: url('http://bg.jellypages.com/jelly-pages-com.png');
background-repeat: no-repeat;
background-position: top right;}

h3.moduleHead { font-size: 100%;font-weight:bold; color:#000000; background-color: transparent; padding:0.2em }   
div.moduleMid2 h3 { background:transparent bottom left repeat-x; color: #; padding-top:5px; padding-bottom:5px; text-transform: none; letter-spacing:-1px; font-size:10pt;} 
h4 { font-size: 100%; color:#000000} 

div.basicInfoModule div.moduleHeadTop, div.basicInfoModule div.moduleHeadMid, div.basicInfoModule div.moduleHeadBottom { display:none; }
div.basicInfoModule { background-color: transparent; } 
div.photo, div.profileDemographics, div.moduleMid, div.moduleTop div div, div.moduleBottom div div { background-color: transparent; } 

div.moduleMid2 h3, div.basicInfoDetails h2 {color:#000000;} 
a.url, ul.contactLinks li a, a:hover; {color: #fff9f9;} 

div.basicInfoDetails h2 { font-size: 14pt; font-weight:normal; line-height: 1.2em;} 

div.profileStatus, div.profileMood, div.profileMoodImg { height:18px; line-height:18px; margin-top:7px; }
div.profileStatus { margin-left:0px; }

div.profileFullName { color:#000000; font-weight:normal; }
div.profileFullName span { color:#000000; }

ul.profileUserAlbum li { background-color: transparent; border: 0px solid #000000; }

div.musicPlayerModule h3.moduleHead { display: none; }

div.companiesModule li.moduleItem, div.interestsModule li, div.schoolsModule li.moduleItem, div.networkingModule li.moduleItem { background-color: transparent; }

div.detailsModule li { background-color: transparent; line-height: 0; color:#000000; } 
div.detailsModule li strong { display: block; float: left; width: 40%; line-height: 1.2em; height: 1.2em; overflow: hidden; font-weight: normal; color: #000000; }
div.detailsModule li span { display: block; margin-left: 42%; line-height: 1.2em; } 

div.networkingModule a { font-weight:normal; }

div.blogsModule ul.moduleList { border-top: dotted #000000 0px; }
div.blogsModule ul.moduleList li { border-bottom: dotted 0px #000000; }
div.blogsModule ul.moduleList span.date { color: #000000; } 
div.blurbsModule h4 { background-color: transparent; color: #000000; }
 
div.calendarModule ul.moduleList { border-top: dotted 0px #000000; }
div.calendarModule li.moduleItem { border-bottom: dotted 0px #000000; }
div.friendSpaceModule ol.moduleList li a img { border: 0px solid #000000; } 

div.commentsModule ul.moduleList li { background-color: transparent; } 
div.commentsModule a.profileLink,
div.commentsModule h3 { color: #000000; } 
div.commentsModule div.userComment { background-color: transparent; } 
div.commentsModule div.user { background:transparent; background-color: transparent; } 
div.commentsModule p.datePosted { font-weight: normal; color: #000000; }
div.commentsModule ul.moduleList li ul.commentsInfo li { font-size:80%; line-height: 1.2em; background-color: transparent; border-right: 1px solid #000000; } 
div.commentsModule ul.moduleList li {background-color: transparent;} 

.creditlink{
position: absolute;
top: 0px;
left: 0px;
}
/*BEGIN_ABOUT_CONTENT
<a class="creditlink" href="http://jellypages.com/"><img border="0" src="http://bg.jellypages.com/jelly-pages-tag3.png" alt="MySpace 2.0 Layouts"></a>
END_ABOUT_CONTENT*/


/*LAYOUT BY JELLYPAGES.COM*/

How to add a 2.0 layout to your profile:

Log in to MySpace.
Go to "Profile" drop down menu.
Click "Customize Profile".
Select "No Theme" (blank rectangle).
Click "CSS".
Click "Clear CSS".
Copy the 2.0 code above (pink text box).
Paste the 2.0 code into the CSS text box.
Click "Publish" (top right).

<div style="position:absolute;left:0px;top:0px;"><a href="http://jellypages.com"><img src="http://bg.jellypages.com/jelly-pages-tag3.png" border="0" alt="MySpace 2.0 Layouts"></a></div>
<style type="text/css">
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 body {
	background-color:transparent; border:none; border-width:0; !important;
	background-image:url('http://bg.jellypages.com/spiderman/b.jpg');
	background-attachment:fixed;
	background-position:center center;
	background-repeat:repeat;
	border-width:0px;
	border-color:;
	border-style:solid;
	padding-left:0px;
	padding-right:0px;
 }
 table table {border: 0px;;}
 table table table table{border:0px;}
 table, tr, td { background-color:transparent; border:none; border-width:0;}
 table table table {
	border-style:solid;
	border-width:0px;
	border-color:;
	background-color:transparent;
 }
 table table table table td {filter:none;}
 table table table table {border:0px;}
 td.text table, td.text table td {width:350px; padding:0px;}
 td.text table table table table, td.text table table table table td {width:0px;}
 table table td {width:10px;}
 div table table td, table table table td {width:auto;}
 td.text td.text table table div, td.text td.text table table a img {height:75px; width:65px !important; border-width:0px;}
 .nametext {font-family:arial !important; color:000000 !important; font-weight:bold; font-style:normal; letter-spacing:normal !important; line-height:normal;text-transform:normal;}
 .whitetext12 {font-family:arial !important; color:000000 !important; font-weight:bold; font-style:normal; letter-spacing:normal !important; line-height:normal;text-transform:normal;}
 .btext, .orangetext15 {font-family:arial !important; color:000000 !important; font-weight:bold; font-style:normal; letter-spacing:normal !important; line-height:normal;text-transform:normal;}
 .blacktext10, .blacktext11, .lightbluetext8 {font-family:arial !important; color:000000 !important; font-weight:bold; font-style:normal; letter-spacing:normal !important; line-height:normal;text-transform:normal;}
 table, tr, td, li, p, div, .blacktext12, .text, .redtext, .redbtext {font-family:arial !important; color:000000 !important; letter-spacing:normal !important; text-transform:normal;}
 a:active, a:visited, a:link {font-family:arial !important; color:fff9f9 !important; font-weight:normal; font-style:normal; letter-spacing:normal !important; text-transform:normal;}
 a:hover {font-family:arial !important; color:fff9f9 !important; font-weight:normal; font-style:normal; letter-spacing:normal !important; text-transform:normal;}
 </style>

How to add a 1.0 layout to your profile:

Log in to MySpace.
Go to "Profile" drop down menu.
Click "Edit Profile".
Copy the 1.0 code above (pink text box).
Paste the 1.0 code into the "About Me" text box.
Click "Save Changes".

<style type="text/css">body {background-image: url("http://bg.jellypages.com/spiderman/b.jpg"); background-position: center; background-repeat: repeat; background-attachment: fixed; }</style>
<style type="text/css">
.JellyBar a:link, .JellyBar a:visited, .JellyBar a:hover {text-decoration:none;color:#ffffff;}
.JellyTag {display: block; margin-left: auto; margin-right: auto; margin-bottom:2px; margin-top:2px;}
</style>
<div style="position:absolute; left:0px; top:30px; z-index:50; font-size:8px; background-color:#B61F23;line-height: 9px;  padding:1px; font-family: Arial; text-decoration: none; text-align:center; border:1px solid #ffffff; width: 114px;" class="JellyBar">
<span style="font-size:8px; line-height:9px;"><a href="http://jellypages.com" target="_blank"><img border="0" alt="Blogger Templates" src="http://bg.jellypages.com/jelly-pages-tag4.png" class="JellyTag"/></a>
<a href="http://jellypages.com" target="_blank">MySpace 2.0 Layouts</a><br/><a href="http://jellypages.com" target="_blank">Blogger Backgrounds</a><br/><a href="http://www.criticallayouts.com/" target="_blank">MySpace Comments</a></span></div>

How to add a background to your blog:

Sign in to Blogger.
Click "Layout".
Click "Pick New Template".
Click "Minima".
Click "Save Template".
Click "Page Elements".
Click "Add a Gadget".
Click "HTML/JavaScript".
Copy the Blogger code above (pink text box).
Paste the code into "Content".
Click "Save".

Subscribe to Jelly Pages

Jelly Pages

Jelly Pages

Spiderman Layout, Blog Background & Homepage

Details:

Description:

Extras:

1124 Layouts & Templates

Categories

Popular

Fun Stuff