Jump to content

Small bug, but can't figure out where


bbr

Recommended Posts

Blog test layout : http://blogtestlayout.blogspot.com/Ok, so i'm working on a blog layout template, which is coming along nicely so far and everything looks the way i want it.However, i'm having trouble finding a proper way to set the text color, link color etc for the "poll" widget.Everything else is working ok, but i've spend about an hour and a half trying to get this thing to show up in the proper colors.... but i'm at a loss, it keeps assuming the main article colors instead of the navbar colors as it should.Perhaps somebody with a fresh view on this thing can see the bug faster than i can, any help would be greatly apreciated.

<?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 StyleOriginal Name:		Rounders 3Original Designer:	Douglas BowmanURL:				www.stopdesign.comDate:				27 Feb 2004Updated by:			Blogger Team, BBR----------------------------------------------- *//* Variable definitions  ====================   <Variable name="mainBgColor" description="Main Background Color"			 type="color" default="#eec" value="#C3D9FF">   <Variable name="mainTextColor" description="Text Color" type="color"			 default="#333" value="#000000">   <Variable name="postTitleColor" description="Post Title Color" type="color"			 default="#333" value="#000000">   <Variable name="dateHeaderColor" description="Date Header Color"			 type="color" default="#586" value="#000000">   <Variable name="borderColor" description="Post Border Color" type="color"			 default="#bbb" value="#C3D9FF">   <Variable name="mainLinkColor" description="Link Color" type="color"			 default="#456" value="#003366">   <Variable name="mainVisitedLinkColor" description="Visited Link Color"			 type="color" default="#234" value="#003366">   <Variable name="titleBgColor" description="Page Header Background Color"			 type="color" default="#357" value="#32527A">   <Variable name="titleTextColor" description="Blog Title Color"			 type="color" default="#fff" value="#ffffff">   <Variable name="postFooterColor" description="Post Footer Color" type="color"			 default="#ddd" value="#e1ecff">   <Variable name="footerBgColor" description="Page Footer Background Color"			 type="color" default="#357" value="#32527A">   <Variable name="navBar_TextColor" description="Sidebar Text Color"			 type="color" default="#fff" value="#ffffff">   <Variable name="navBar_HeaderTextColor" description="Sidebar Header Text Color"			 type="color" default="#fff" value="#ffffff">   <Variable name="navbar_LinkColor" description="Sidebar Link Color"			 type="color" default="#ccccff" value="#ccccff">   <Variable name="navbar_VLinkColor" description="Sidebar Visited Link Color"			 type="color" default="#ccccff" value="#ccccff">   <Variable name="navbarColor_1" description="Navbar 1 Color"			 type="color" default="#586" value="#40608A">   <Variable name="navbarColor_2" description="Navbar 2 Color"			 type="color" default="#586" value="#456595">   <Variable name="navbarColor_3" description="Navbar 3 Color"			 type="color" default="#586" value="#40608A">   <Variable name="navbarColor_4" description="Navbar 4 Color"			 type="color" default="#586" value="#355585">   <Variable name="navbarColor_5" description="Navbar 5 Color"			 type="color" default="#586" value="#355585">   <Variable name="navbarColor_6" description="Navbar 6 Color"			 type="color" default="#586" value="#30507A">   <Variable name="bodyFont" description="Text Font" type="font"			 default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="pageTitleFont" description="Blog Title Font" type="font"			 default="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 200% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="descriptionFont" description="Blog Description Font" type="font"			 default="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal normal 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="headerFont" description="Sidebar Title Font" type="font"			 default="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 100% 'Trebuchet MS',Verdana,Arial,Sans-serif">   <Variable name="postTitleFont" description="Post Title Font" type="font"			 default="normal bold 135% 'Trebuchet MS',Verdana,Arial,Sans-serif" value="normal bold 135% 'Trebuchet MS',Verdana,Arial,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:#123;  margin:0;  text-align:center;  line-height: 1.5em;  font: x-small Trebuchet MS, Verdana, Arial, Sans-serif;  color:$mainTextColor;  font-size/* */:/**/small;  font-size: /**/small;  }/* Page Structure----------------------------------------------- *//* The images which help create rounded corners depend on the    following widths and measurements. If you want to change    these measurements, the images will also need to change.   */#outer-wrapper {  width: 980px;  margin:0 auto;  text-align:$startSide;  font: $bodyFont;  }#main-wrap1 {  width:600px;  float:$startSide;  background:$mainBgColor url("http://bbrtki.googlepages.com/corners_main_bot2.gif") no-repeat $startSide bottom;  margin:15px 0 0;  padding:0 0 10px;  color:$mainTextColor;  font-size:97%;  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 */  }#leftsidebar-wrap {  width:180px;  float:$endSide;  margin:15px 0 0;  margin-top:9px;  font-size:97%;  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 */  }#rightsidebar-wrap {  width:180px;  float:$endSide;  margin:15px 0 0;  margin-top:9px;  font-size:97%;  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 */  }#main-wrap2 {  float:$startSide;  width:100%;  background:url("http://bbrtki.googlepages.com/corners_main_top2.gif") no-repeat $startSide top;  padding:10px 0 0;  }#main {  background:url("http://www.blogblog.com/rounders3/rails_main.gif") repeat-y;  padding:0;  }.main .widget {   margin-top: 4px;  width: 600px;  padding: 0 13px;}.main .Blog {  margin: 0;  padding: 0;  width: 600px;}/* Links----------------------------------------------- */a:link {  color: $mainLinkColor;  }a:visited {  color: $mainVisitedLinkColor;  }a:hover {  color: $mainVisitedLinkColor;  }a img {  border-width:0;  }/* Blog Header----------------------------------------------- */#header-wrapper {  background:$titleBgColor url("http://bbrtki.googlepages.com/header_cap_top2.gif") no-repeat $startSide top;  width:600px;  margin-top:9px;  margin-$endSide:0;  margin-bottom:0;  margin-$startSide:0;  padding-top:8px;  padding-$endSide:0;  padding-bottom:0;  padding-$startSide:0;  color:$titleTextColor;  }#header {  background:url("http://bbrtki.googlepages.com/header_cap_bot2.gif") no-repeat $startSide bottom;  padding:0 15px 8px;  }#header h1 {  margin:0;  padding:10px 30px 5px;  line-height:1.2em;  font: $pageTitleFont;  }#header a,#header a:visited {  text-decoration:none;  color: $titleTextColor;  }#header .description {  margin:0;  padding:5px 30px 10px;  line-height:1.5em;  font: $descriptionFont;}/* Posts----------------------------------------------- */h2.date-header {  margin-top:0;  margin-$endSide:28px;  margin-bottom:0;  margin-$startSide:43px;  font-size:85%;  line-height:2em;  text-transform:uppercase;  letter-spacing:.2em;  color:$dateHeaderColor;  }.post {  margin:.3em 0 25px;  padding:0 13px;  border:1px dotted $borderColor;  border-width:1px 0;  }.post h3 {  margin:0;  line-height:1.5em;  background:url("http://www.blogblog.com/rounders3/icon_arrow.gif") no-repeat 10px .5em;  display:block;  border:1px dotted $borderColor;  border-width:0 1px 1px;  padding-top:2px;  padding-$endSide:14px;  padding-bottom:2px;  padding-$startSide:29px;  color: $postTitleColor;  font: $postTitleFont;  }.post h3 a, .post h3 a:visited {  text-decoration:none;  color: $postTitleColor;  }a.title-link:hover {  background-color: $borderColor;  color: $mainTextColor;  }.post-body {  border:1px dotted $borderColor;  border-width:0 1px 1px;  border-bottom-color:$mainBgColor;  padding-top:10px;  padding-$endSide:14px;  padding-bottom:1px;  padding-$startSide:29px;  }html>body .post-body {  border-bottom-width:0;  }.post p {  margin:0 0 .75em;  }.post-footer {  background: $postFooterColor;  margin:0;  padding-top:2px;  padding-$endSide:14px;  padding-bottom:2px;  padding-$startSide:29px;  border:1px dotted $borderColor;  border-width:1px;  font-size:100%;  line-height:1.5em;  color: #666666;}.post-footer p {   margin: 0;}html>body .post-footer {  border-bottom-color:transparent;  }.uncustomized-post-template .post-footer {  text-align: $endSide;}.uncustomized-post-template .post-author,.uncustomized-post-template .post-timestamp {  display: block;  float: $startSide;  text-align:$startSide;  margin-$endSide: 4px;}.post-footer a {   color: #456; }.post-footer a:hover {   color: #234; }a.comment-link {  /* IE5.0/Win doesn't apply padding to inline elements,	 so we hide these two declarations from it */  background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat $startSide 45%;  padding-$startSide:14px;  }html>body a.comment-link {  /* Respecified, for IE5/Mac's benefit */  background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat $startSide 45%;  padding-$startSide:14px;  }.post img {  margin-top:0;  margin-$endSide:0;  margin-bottom:5px;  margin-$startSide:0;  padding:4px;  border:1px solid $borderColor;  }blockquote {  margin:.75em 0;  border:1px dotted $borderColor;  border-width:1px 0;  padding:5px 15px;  color: $dateHeaderColor;  }.post blockquote p {  margin:.5em 0;  }#blog-pager-newer-link {  float: $startSide;  margin-$startSide: 13px; } #blog-pager-older-link {  float: $endSide;  margin-$endSide: 13px; }#blog-pager {     text-align: center;  }.feed-links {   clear: both;  line-height: 2.5em;  margin-$startSide: 13px;}/* Comments----------------------------------------------- */#comments {  margin:-25px 13px 0;  border:1px dotted $borderColor;  border-width:0 1px 1px;  padding-top:20px;  padding-$endSide:0;  padding-bottom:15px;  padding-$startSide:0;  }#comments h4 {  margin:0 0 10px;  padding-top:0;  padding-$endSide:14px;  padding-bottom:2px;  padding-$startSide:29px;  border-bottom:1px dotted $borderColor;  font-size:120%;  line-height:1.4em;  color:$postTitleColor;  }#comments-block {  margin-top:0;  margin-$endSide:15px;  margin-bottom:0;  margin-$startSide:9px;  }.comment-author {  background:url("http://www.blogblog.com/rounders3/icon_comment.gif") no-repeat 2px .3em;  margin:.5em 0;  padding-top:0;  padding-$endSide:0;  padding-bottom:0;  padding-$startSide:20px;  font-weight:bold;  }.comment-body {  margin:0 0 1.25em;  padding-top:0;  padding-$endSide:0;  padding-bottom:0;  padding-$startSide:20px;  }.comment-body p {  margin:0 0 .5em;  }.comment-footer {  margin:0 0 .5em;  padding-top:0;  padding-$endSide:0;  padding-bottom:.75em;  padding-$startSide:20px;  }.comment-footer a:link {  color: #333;  }.deleted-comment {  font-style:italic;  color:gray;  }/* Profile----------------------------------------------- */.profile-img {   float: $startSide;  margin-top: 5px;  margin-$endSide: 5px;  margin-bottom: 5px;  margin-$startSide: 0;  border: 4px solid $navBar_TextColor;}.profile-datablock {  margin-top:0;  margin-$endSide:15px;  margin-bottom:.5em;  margin-$startSide:0;  padding-top:8px;}.profile-link {   background:url("http://www.blogblog.com/rounders3/icon_profile.gif") no-repeat $startSide .1em;  padding-$startSide:15px;  font-weight:bold;}.profile-textblock {  clear: both;  margin: 0;}/* Sidebar Boxes----------------------------------------------- */.sidebar .clear, .main .widget .clear {   clear: both;}/* Left Boxes-------------------------- */#lbar_top_wrap1 {  background:$navbarColor_1 url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  margin:0px 0px 5px;  padding:0px 0px 5px;  }#lbar_top_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  padding: 5px 0 0;  margin:0;  border-width:0; }#lbar_mid_wrap1 {  background:$navbarColor_3 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#lbar_mid_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;}#lbar_bot_wrap1 {  background:$navbarColor_5 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#lbar_bot_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;}/* Right Boxes-------------------------- */#rbar_top_wrap1 {  background:$navbarColor_2 url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  margin:0px 0px 5px;  padding:0px 0px 5px;  }#rbar_top_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  padding: 5px 0 0;  margin:0;  border-width:0; }#rbar_mid_wrap1 {  background:$navbarColor_4 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#rbar_mid_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;} #rbar_bot_wrap1 {  background:$navbarColor_6 url("http://bbrtki.googlepages.com/navbar_cap_top2.gif") no-repeat $startSide top;  margin:0px 0px 5px;  padding:0px 0px 5px;}#rbar_bot_wrap2 {  background:url("http://bbrtki.googlepages.com/navbar_cap_bot2.gif") no-repeat $startSide bottom;  padding: 5px 0 0;  margin:0;  border-width:0;}/* Sidebar Fonts and colors----------------------------------------------- */.sidebar{  color: $navBar_TextColor;}.sidebar a {   color: $navbar_LinkColor;}.sidebar a:hover,.sidebar a:visited {   color: $navbar_VLinkColor;}.sidebar .widget {   margin:.5em 13px 1.25em;  padding:0 0px; }.widget-content {   margin-top: 0.5em; }.sidebar h2 {  margin-top:0;  margin-$endSide:0;  margin-bottom:.5em;  margin-$startSide:0;  padding:0 0 .2em;  line-height:1.5em;  font:$headerFont;}.sidebar ul {  list-style:none;  margin:0 0 1.25em;  padding:0;}.sidebar ul li {  background:url("http://www.blogblog.com/rounders3/icon_arrow_sm.gif") no-repeat 2px .25em;  margin:0;  padding-top:0;  padding-$endSide:0;  padding-bottom:3px;  padding-$startSide:16px;  margin-bottom:3px;  border-bottom:1px dotted $borderColor;  line-height:1.4em;  }.sidebar p {  margin:0 0 .6em;  }#sidebar h2 {  color: $navBar_HeaderTextColor;  border-bottom: 1px dotted $navBar_HeaderTextColor; }/* Footer----------------------------------------------- */#footer-wrap1 {  clear:both;  margin:0 0 10px;  padding:15px 0 0;  }#footer-wrap2 {  background:$footerBgColor url("http://bbrtki.googlepages.com/footer_cap_top2.gif") no-repeat $startSide top;  color:$titleTextColor;  }#footer {  background:url("http://bbrtki.googlepages.com/footer_cap_bot2.gif") no-repeat $startSide bottom;  padding:8px 15px;  }#footer hr {display:none;}#footer p {margin:0;}#footer a {color:$titleTextColor;}#footer .widget-content {  margin:0;}/* Page structure tweaks for layout editor wireframe----------------------------------------------- */body#layout #main-wrap1,body#layout #leftsidebar-wrap,body#layout #rightsidebar-wrap,body#layout #header-wrapper {  margin-top: 0;}body#layout #header, body#layout #header-wrapper,body#layout #outer-wrapper {   margin-$startSide:0,  margin-$endSide: 0;  padding: 0;}body#layout #outer-wrapper {   width: 730px;}body#layout #footer-wrap1 {   padding-top: 0; }]]></b:skin></head><body>  <div id='outer-wrapper'>	<table align='center' border='0' cellpadding='0' cellspacing='0'>		<tr valign='top'>			<td valign='top'>				  <div id='header-wrapper'>					<b:section class='header' id='header' maxwidgets='1'><b:widget id='Header1' locked='true' title='Random Ravings of Warcraft (test) (Header)' type='Header'/></b:section>				  </div>							  <div id='crosscol-wrapper' style='text-align:center'>					<b:section class='crosscol' id='crosscol' showaddelement='no'/>				  </div>								  <div id='main-wrap1'>					  <div id='main-wrap2'>						<b:section class='main' id='main' showaddelement='no'><b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/></b:section>					  </div>				  </div>			</td>			<td valign='top'>				  <div id='leftsidebar-wrap'>					<div id='lbar_top_wrap1'>						<div id='lbar_top_wrap2'>							<b:section class='sidebar' id='lbar_top_id'><b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/></b:section>						</div>					</div>									<div id='lbar_mid_wrap1'>						<div id='lbar_mid_wrap2'>							<b:section class='sidebar' id='lbar_mid_id' preferred='yes'><b:widget id='Poll1' locked='false' title='Looking good?' type='Poll'/><b:widget id='LinkList1' locked='false' title='links' type='LinkList'/></b:section>						</div>					</div>					<div id='lbar_bot_wrap1'>						<div id='lbar_bot_wrap2'>							<b:section class='sidebar' id='lbar_bot_id' preferred='yes'><b:widget id='Text2' locked='false' title='asdf' type='Text'/></b:section>						</div>					</div>				  </div>			</td>			<td valign='top'>				  <div id='rightsidebar-wrap'>					<div id='rbar_top_wrap1'>						<div id='rbar_top_wrap2'>							<b:section class='sidebar' id='rbar_top_id'><b:widget id='TextList1' locked='false' title='list' type='TextList'/></b:section>						</div>					</div>									<div id='rbar_mid_wrap1'>						<div id='rbar_mid_wrap2'>							<b:section class='sidebar' id='rbar_mid_id' preferred='yes'><b:widget id='HTML3' locked='false' title='test' type='HTML'/><b:widget id='AdSense2' locked='false' title='' type='AdSense'/><b:widget id='AdSense1' locked='false' title='' type='AdSense'/></b:section>						</div>					</div>					<div id='rbar_bot_wrap1'>						<div id='rbar_bot_wrap2'>							<b:section class='sidebar' id='rbar_bot_id' preferred='yes'><b:widget id='Text1' locked='false' title='textttxxx' type='Text'/></b:section>						</div>					</div>				  </div>			</td>		</tr>		<tr>			<td colspan='3' valign='top'>				  <div id='footer-wrap1'>					  <div id='footer-wrap2'>						<b:section class='footer' id='footer'><b:widget id='HTML2' locked='false' title='test test test' type='HTML'/></b:section>					  </div>				  </div>			</td>		</tr>	</table></div></body></html>

Link to comment
Share on other sites

You have a iframe that is extracting a link from google which you cannot style. The only thing you can style is the IFrame itself but not the contents that google has. If you are able, check with your style settings at your google account in which where you created your poll.Otherwise you can give your IFrame a different background color.

Link to comment
Share on other sites

This is all the code that's in there.. i haven't got much access to the iframe itself or it's content other than this.Annoying if that's not possible to change then.I suppose i could make the entire item the same background as the main bar.. but it'd be pretty ugly.

<b:widget id='Poll1' locked='false' title='Looking good?' type='Poll'> <b:includable id='main'>  <div class='widget-content' id='widget-content'>    <h2><data:title/></h2>    <iframe allowtransparency='true' expr:height='data:iframeheight' expr:name='"poll-widget" + data:pollid' expr:src='data:iframeurl' frameborder='0' style='border:none; width:100%;'/>    <b:include name='quickedit'/>   </div> </b:includable> </b:widget>

Link to comment
Share on other sites

Where did you get the poll info? How did you set it up so you can have it inserted in your web page? That is what I am talking about is that you need to go to the direct source that generated that code and see if you can change some of the default styles. Otherwise, you are only limited in style the IFrame only and not the contents itself.

Link to comment
Share on other sites

Where did you get the poll info? How did you set it up so you can have it inserted in your web page? That is what I am talking about is that you need to go to the direct source that generated that code and see if you can change some of the default styles. Otherwise, you are only limited in style the IFrame only and not the contents itself.
In blogger you can add a widget, one of such is a poll.It doesn't display options for colors etc however, just questions, duration and the like.I suppose it grabs the style from main somehow, but perhaps it'll be possible to reconfigure the main frame itself to take a different style without affecting the main body.e.g. duplicate main to main2 and use main2 for the body, then keep using main for the poll with different colors.
Link to comment
Share on other sites

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...