Log In · Register

 
Transparent BG Color
YoUnGgUnNa360
post Feb 20 2009, 09:41 PM
Post #1


Member
**

Group: Member
Posts: 22
Joined: Feb 2009
Member No: 714,262
I just wanna change the main and sidebar background color to transparent but its not letting me save it.

CODE
<?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 expr:dir='data:blog.languageDirection' 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[/*
-----------------------------------------------
Blogger Template Style
Name: 565
Designer: Douglas Bowman
URL: www.stopdesign.com
Date: 28 Feb 2004
Updated by: Blogger Team
----------------------------------------------- */

/* Variable definitions
====================

<Variable name="mainBgColor" description="Main Background Color"
type="clear" default="#ccddbb" value="#ffffff">
<Variable name="mainTextColor" description="Text Color"
type="color" default="#333333" value="#000000">
<Variable name="mainLinkColor" description="Link Color"
type="color" default="#338888" value="#9900FF">
<Variable name="mainVisitedLinkColor" description="Visited Link Color"
type="color" default="#777766" value="#9900FF">
<Variable name="dateHeaderColor" description="Date Header Color"
type="color" default="#ffffff" value="#9900FF">
<Variable name="postTitleColor" description="Post Title Color"
type="color" default="#333333" value="#000000">

<Variable name="sidebarBgColor" description="Sidebar Background Color"
type="clear" default="#556655" value="#ffffff">
<Variable name="sidebarHeaderColor" description="Sidebar Title Color"
type="color" default="#889977" value="#000000">
<Variable name="sidebarTextColor" description="Sidebar Text Color"
type="color" default="#ccddbb" value="#000000">
<Variable name="sidebarLinkColor" description="Sidebar Link Color"
type="color" default="#ffffff" value="#9900FF">
<Variable name="sidebarVisitedLinkColor"
description="Sidebar Visited Link Color"
type="color" default="#aabb99" value="#9900FF">

<Variable name="descColor" description="Blog Description Color"
type="color" default="#ffffff" value="#000000">
<Variable name="bodyFont" description="Text Font"
type="font" default="normal normal 100% Verdana, Sans-serif" value="normal normal 100% Verdana, Sans-serif">
<Variable name="titleFont" description="Blog Title Font"
type="font" default="normal bold 275% Helvetica, Arial, Verdana, Sans-serif" value="normal bold 275% Helvetica, Arial, Verdana, Sans-serif">
<Variable name="sidebarHeaderFont" description="Sidebar Title Font"
type="font" default="normal bold 125% Helvetica, Arial, Verdana, Sans-serif" value="normal bold 125% Helvetica, Arial, Verdana, Sans-serif">
<Variable name="dateHeaderFont" description="Date Header Font"
type="font" default="normal bold 112% Arial, Verdana, Sans-serif" value="normal bold 112% Arial, Verdana, Sans-serif">
<Variable name="startSide" description="Start side in blog language"
type="automatic" default="left" value="left">
<Variable name="endSide" description="End side in blog language"
type="automatic" default="right" value="right">
*/

body {
background-color: transparent;
margin:0;
font: x-small Verdana, Sans-serif;
text-align:center;
color:#333;
font-size/* */:/**/small;
font-size: /**/small;
background-color:transparent;
background-image: url(http://i39.tinypic.com/2cpdp4o.jpg);
background-attachment: fixed;
background-position:bottom left;
background-repeat:repeat;
border-color:#1F1F1F;
border-width:0px;
border-style:solid;
}


/* Page Structure
----------------------------------------------- */
#outer-wrapper {
position:relative;
top:4px;
$startSide:4px;
background: transparent;
width:744px;
margin:10px auto;
text-align:$startSide;
font: $bodyFont;
}
#wrap2 {
position:relative;
top:-4px;
$startSide:-4px;
background:transparent;
padding:10px;
border: 0px solid ;
}

#content-wrapper {
width:100%;
background-color: transparent;
}
#main-wrapper {
background: $mainBgColor url("http://www.blogblog.com/no565/corner_main_$startSide.gif") no-repeat $endSide top;
width:460px;
float:$startSide;
color:$mainTextColor;
font-size: 85%;
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 */
}
#main {
margin:0;
padding:15px 20px;
}
#sidebar-wrapper {
background:$sidebarBgColor url("http://www2.blogblog.com/no565/corner_sidebar_$startSide.gif") no-repeat $startSide top;
width:254px;
float:$endSide;
padding:0;
color: $sidebarTextColor;
font-size: 83%;
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 */
}
#sidebar {
margin:0;
padding:2px 20px 10px;
}

#footer {
display:none;
}

/* Links
----------------------------------------------- */
a:link {
color:$mainLinkColor;
text-decoration:none;
}
a:visited {
color: $mainVisitedLinkColor;
text-decoration:none;
}
a:hover {
color: $mainVisitedLinkColor;
text-decoration:underline;
}
a img {
border-width:0;
}

#sidebar a {
color: $sidebarLinkColor;
}
#sidebar a:visited {
color: $sidebarVisitedLinkColor;
}
#sidebar a:hover {
color: $sidebarVisitedLinkColor;
}


/* Header
----------------------------------------------- */
#header-wrapper {
background: transparent;
padding-bottom: 4px;
position: relative;
min-height: 190px;
_height: 0px;
}

#header .titlewrapper {
background:#be4 url("http://www.blogblog.com/no565/topleft_$startSide.gif") no-repeat $startSide bottom;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:160px;
margin:0px 0px 10px 0px;
color:#fff;
width:100%;
width/* */:/**/auto;
width:auto;
_height: 0px;
min-height: 100px;
}
#header h1 {
background:url("http://www1.blogblog.com/no565/bg_header.gif") no-repeat $startSide top;
margin:0;
padding:70px 0 30px;
line-height: 97px;
font: $titleFont;
text-transform:lowercase;
_height: 0px;
}
#header h1 a {
color:#fff;
text-decoration:none;
}
.postpage #header h1 {
padding-top:0;
background-position:0 -40px;
}

.clear { clear: both; }

/* Description
----------------------------------------------- */
#header .descriptionwrapper {
background: #ff9900 url("http://www2.blogblog.com/no565/bg_desc_top_$startSide.gif") no-repeat $startSide top;
margin:0 0 6px;
padding:12px 0 0;
color: $descColor;
font-size: 75%;
border-bottom: 1px solid #ffffff;
width: 100%;
}
#header .description {
background:url("http://www.blogblog.com/no565/bg_desc_bot_$startSide.gif") no-repeat $startSide bottom;
margin:0;
padding:0 0 12px;
display:block;
line-height: 1.6em;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
border-bottom: 1px solid #ffffff;
}

#header .description span {
/* To remove the word next to the description, delete the following background property */
background:url("http://www2.blogblog.com/no565/temp_no.gif") no-repeat $startSide center;
/* Keep everything below */
display:block;
padding-top:0;
padding-$endSide:0;
padding-bottom:0;
padding-$startSide:160px;
text-transform:uppercase;
letter-spacing:.1em;
min-height:12px;
}


.postpage #description em {
font-size:1px;
line-height:1px;
color:$descColor;
visibility:hidden;
}

/* Posts
----------------------------------------------- */
h2.date-header {
margin:0 0 .5em;
line-height: 1.4em;
font: $dateHeaderFont;
text-transform:lowercase;
color:$dateHeaderColor;
}
.post {
margin:0 0 2em;
}
.post h3 {
margin:0 0 .25em;
line-height: 1.4em;
font-weight: bold;
font-size: 150%;
color:$postTitleColor;
}
.post h3 a {
text-decoration:none;
color:$postTitleColor;
}
.post h3 a:link {
color: $postTitleColor;
}
.post h3 a:hover {
color: $mainVisitedLinkColor;
}
.post-body {
margin:0 0 .75em;
line-height:1.6em;
}
.post-body blockquote {
line-height:1.3em;
}
.post-footer {
color:$postTitleColor;
text-transform:lowercase;
}
.post-footer .post-author,
.post-footer .post-timestamp {
font-style:normal;
}
.post blockquote {
margin:1em 20px;
padding:5px 0;
border:2px solid #dec;
border-width:2px 0;
}
.post blockquote p {
margin:.5em 0;
}
.post img {
border:5px solid #fff;
}


/* Comments
----------------------------------------------- */
#comments {
margin:2em 0 0;
border-top:2px solid #dec;
padding-top:1em;
}
#comments h4 {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 150%;
text-transform:lowercase;
color: #366;
}
#comments-block {
margin-top:0;
margin-$endSide:0;
margin-bottom:1em;
margin-$startSide:0;
line-height:1.6em;
}
.comment-author {
margin:0 0 .25em;
font-weight: bold;
line-height: 1.4em;
font-size: 112%;
text-transform:lowercase;
}
.comment-body, .comment-body p {
margin:0 0 .75em;
}
p.comment-footer {
margin:-.25em 0 2em;
}

.deleted-comment {
font-style:italic;
color:gray;
}

.feed-links {
clear: both;
line-height: 2.5em;
}

#blog-pager-newer-link {
float: $startSide;
}

#blog-pager-older-link {
float: $endSide;
}

#blog-pager {
text-align: center;
}

/* Sidebar
----------------------------------------------- */
.sidebar h2 {
margin:1em 0 .25em;
line-height: 1.4em;
font: $sidebarHeaderFont;
color: $sidebarHeaderColor;
text-transform:lowercase;
}
.sidebar .widget {
margin:0 0 1.5em;
padding:0;
}
.sidebar ul {
list-style:none;
margin: 0;
padding: 0;
}
.sidebar li {
margin:0;
padding-top:0;
padding-$endSide:0;
padding-bottom:.25em;
padding-$startSide:20px;
text-indent:-20px;
line-height:1.4em;
}


/* Profile
----------------------------------------------- */
.profile-datablock, .profile-textblock {
margin:0 0 .75em;
line-height:1.4em;
}
.profile-img {
float: $startSide;
margin-top: 0;
margin-$endSide: 5px;
margin-bottom: 5px;
margin-$startSide: 0;
border: 5px solid $sidebarHeaderColor;
}
.profile-data {
font-weight: bold;
}

/* Misc
----------------------------------------------- */
#footer-wrapper {
clear:both;
display:block;
height:1px;
margin:0;
padding:0;
font-size:1px;
line-height:1px;
}

/** Page structure tweaks for layout editor wireframe */
body#layout #outer-wrapper {
margin-top: 0;
}
body#layout #main,
body#layout #sidebar {
padding: 0;
}
body#layout #main-wrapper,
body#layout #sidebar-wrapper {
height: auto;
}
]]></b:skin>
</head>

<body>
<div id='outer-wrapper'><div id='wrap2'>

<!-- 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>

<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='Mind Of An Everyday Fly Guy (Header)' type='Header'/>
</b:section>
</div>

<div id='content-wrapper'>

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

<div id='main-wrapper'>
<b:section class='main' id='main' showaddelement='no'>
<b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/>
</b:section>
</div>

<div id='sidebar-wrapper'>
<b:section class='sidebar' id='sidebar' preferred='yes'>
<b:widget id='Profile2' locked='false' title='Ask about me!' type='Profile'/>
<b:widget id='Image1' locked='false' title='' type='Image'/>
<b:widget id='HTML1' locked='false' title='Food For Your Ears' type='HTML'/>
<b:widget id='LinkList3' locked='false' title='Myspace Profile' type='LinkList'/>
<b:widget id='Poll1' locked='false' title='What do you think of my blog?!' type='Poll'/>
<b:widget id='LinkList1' locked='false' title='Seattle Sneaker Boutiques' type='LinkList'/>
<b:widget id='LinkList2' locked='false' title='Sneaker &amp;amp; Clothing Sites' type='LinkList'/>
<b:widget id='Followers2' locked='false' title='Dont watch me watch TV!' type='Followers'/>
<b:widget id='Text1' locked='false' title='Extravagant' type='Text'/>
<b:widget id='TextList1' locked='false' title='Peaks of Interest' type='TextList'/>
<b:widget id='HTML3' locked='false' title='ShoutMix!' type='HTML'/>
<b:widget id='BlogArchive2' locked='false' title='Blog Archive' type='BlogArchive'/>
<b:widget id='HTML2' locked='false' title='Blog Views' type='HTML'/>
</b:section>
</div>

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

</div> <!-- end content-wrapper -->
</div></div> <!-- end outer-wrapper -->
</body>
</html>
 

Posts in this topic
YoUnGgUnNa360   Transparent BG Color   Feb 20 2009, 09:41 PM
YoUnGgUnNa360   I meant the table background and sidebar backgroun...   Feb 22 2009, 01:50 AM
YoUnGgUnNa360   Theres only 2 tables on my page the main one with ...   Feb 22 2009, 06:00 PM

« Next Oldest · Blogger Resolved Topics · Next Newest »
 

Closed TopicStart new topic
1 User(s) are reading this topic (1 Guests and 0 Anonymous Users)
0 Members:

 

Display Mode: Switch to: Standard · Switch to: Linear+ · Outline

Track this topic · Email this topic · Print this topic