2 replies [Last post]
poisonrose
Offline
newbie
Canada
Last seen: 12 years 21 weeks ago
Canada
Joined: 2008-06-02
Posts: 3
Points: 0

I don't know why but this code didn't work for me :? I tried everything I know that could possibly work but I guess Blogger is immune to those codes (which were everything suggested in this thread).

Here's my code, if you can help me.
*I didn't made the layout.*

<?xml version="1.0" encoding="UTF-8" ?>

*/

/* ----- GLOBAL ----- Blogger template design by Ourblogtemplates.com */

body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
min-width: 810px;
text-align: center;
color: $textColor;
background: #444 url(http://img156.imageshack.us/img156/809/bgbodyko5.gif) repeat-x;
background-attachment: fixed;
font-family: arial,verdana,helvetica,tahoma,Sans-serif;
font-size: 100%;
}

#outer-wrapper {
margin: 0 auto; /* to make the template lay in the screen center */
padding: 0px 0px 0px 0px;
margin-top: 0px;
text-align: left;
position: relative;
width: 810px;
}

#blog-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
position: relative;
width: 810px;
border: 1px solid $blogBorderColor;
border-right: 0;
border-top: 0;
}

#spacer {
z-index: -1;
clear: both;
margin: -7px 0px 0px 0px;
padding: 0;
line-height: 0;
min-height: 0;
max-height: 0;
z-index: -1;
}

/* global link attributes */
a {
color: $mainLinkColor;
text-decoration: underline;
}

a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

a:visited {
text-decoration: underline;
color: $mainVisitedLinkColor;
}

/* setting margin of Blogger Navbar */
#Navbar1 {
margin: 0;
padding: 0;
}

/* ----- HEADER ----- Blogger template design by Ourblogtemplates.com */

#top-wrapper {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 3px;
width: 805px;
background: $blogbgColor;
border-right: 1px solid $blogBorderColor;
}

#header-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 802px;
}

#header {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background: $headerbgColor;
border: 1px solid $headerBorderColor;
text-align: center;
}

#header h1 {
display: block;
margin: 0px 0px 0px 0px;
padding: 130px 30px 0px 30px;
color: $blogTitleColor;
font: $blogTitleFont;
text-align: left;
}

#header h1 a {
text-decoration: none;
color: $blogTitleColor;
}

#header h1 a:hover {
text-decoration: none;
}

#header .description {
display: block;
margin: 0px 0px 0px 0px;
padding: 5px 30px 10px 30px;
color: $blogDescriptionColor;
font: $blogDescriptionFont;
text-align: left;
}

#header a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border: 0;
position: absolute;
top: 0px;
left: 0px;
}

/* ----- LINKBAR ----- Blogger template design by Ourblogtemplates.com */
#linkbar {
margin: 0px 0px 2px 0px;
padding: 3px 0px 6px 0px;
position: relative;
width: 800px;
}

#linkbar ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
list-style-type:none;
}

#linkbar li {
display: inline;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

#linkbar h2 {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: none;
visibility: hidden;
}

#linkbar a {
clear: both;
margin: 0px -2px 0px 0px;
padding: 5px 15px 5px 15px;
width:100%px;
text-decoration:none;
font: $linkbarTextFont;
color: $linkbarTextColor;
background: $linkbartextbgColor;
border: 1px solid $linkbarBorderColor;
}

#linkbar a:hover {
color: $linkbarHoverTextColor;
background: $linkbarHoverBgColor;
}

/* ----- BANNER ----- */

.banner {
margin: 0px 0px 0px 0px;
padding: 0px 15px 0px 15px;
width: 800px;
text-align: center;
}

/* ----- MAIN ----- Blogger template design by Ourblogtemplates.com */

#content-wrapper {
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 3px;
width: 805px;
position: relative;
text-align: left;
background: $blogbgColor;
border-right: 1px solid $blogBorderColor;
}

#main-wrapper {
float: left;
position: relative;
margin: 0px 3px 0px 0px;
padding: 0px 0px 0px 0px;
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: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width: 470px;
color: $textColor;
font: $textFont;
background: $postbgColor;
border: 1px solid $postBorderColor;
}

#main .widget {
margin: 0px 0px 10px 0px;
padding: 10px 15px 0px 15px;
}

h2.date-header {
margin: 0px 0px -10px 0px;
padding: 20px 0px 0px 0px;
text-align: left;
color: $dateHeaderColor;
font: $dateHeaderFont;
text-decoration: underline;
}

.date-header span {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.3em;
text-align: justify;
}

.post h3 {
margin: 0px 0px 10px 0px;
padding: 20px 0px 5px 0px;
color: $postTitleColor;
font: $postTitleFont;
text-decoration: none;
text-align: left;
line-height: 1.6em;
}

.post h3 a, .post h3 a:visited, .post h3 a:hover {
color: $postTitleColor;
text-decoration: none;
}

.post-body p {
/* Fix bug in IE5/Win with italics in posts */
margin: 0px 0px 0px 0px;
padding: 5px 0px 15px 0px;
display: inline; /* to fix floating-ads wrapping problem in IE */
height: 1%;
overflow: visible;
}

.post-body p a, .post-body p a:visited {
color: $mainLinkColor;
text-decoration: underline;
}

.post-body a:hover {
text-decoration: underline;
color: $mainHoverLinkColor;
}

.post ul {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 30px;
list-style-type: disc;
line-height: 2.0em;
font-size: 95%;
}

.post ol {
margin: 0px 0px 0px 0px;
padding: 15px 0px 15px 30px;
line-height: 2.0em;
font-size: 95%;
}

.post li {
list-style-image:url(http://img152.imageshack.us/img152/6758/skullb1ek6dh5.gif);
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.5em;
}

a img {
margin: 5px 5px 5px 5px;
padding: 0px 0px 0px 0px;
}

/* ----- POST-FOOTER ----- Blogger template design by Ourblogtemplates.com */

.post-footer {
display: block;
margin: 20px -15px 0px -15px;
padding: 3px 15px 3px 15px;
text-align: left;
font: $postfooterTextFont;
color: $postfooterTextColor;
font-weight: normal;
text-decoration: none;
background: $postfooterbgColor;
border-top: 1px solid $postfooterBorderColor;
border-bottom: 1px solid $postfooterBorderColor;
}

.post-footer-line {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.post-footer a {
color: $postfooterLinkColor;
text-decoration: none;
}

.post-footer a:hover {
text-decoration: none;
color: $commentTabLinkColor;
text-decoration: none;
}

.post-footer .post-comment-link a {
margin: 0px 10px 0px 10px;
padding: 0px 10px 0px 10px;
border-left: 1px solid $postfooterLinkColor;
border-right: 1px solid $postfooterLinkColor;
color: $commentTabLinkColor;
font-weight: bold;
}

.post-footer .post-comment-link a:hover {
text-decoration: none;
color: $postfooterLinkColor;
}

#blog-pager, #blog-pager a {
margin: 0px 0px 0px 0px;
padding: 7px 0px 10px 0px;
text-align: center;
font-size: 93%;
color: $feedlinksColor;
}

#blog-pager a:hover {color: $mainHoverLinkColor}

#blog-pager-newer-link {
float: left;
margin: 0px 0px 0px 0px;
padding-left: 3px;
}

#blog-pager-older-link {
float: right;
margin: 0px 0px 0px 0px;
padding-right: 3px;
}

.feed-links {
margin: 0px 0px 0px 0px;
padding: 25px 3px 10px 3px;
clear: both;
line-height: 1.5em;
text-align: right;
font-size: 93%;
color: $feedlinksColor;
}

.feed-links a, .feed-links a:visited {color: $feedlinksColor}
.feed-links a:hover {color: $mainHoverLinkColor}

/* ----- SIDEBAR ----- Blogger template design by Ourblogtemplates.com */

#side-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
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-wrapper {
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
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: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
line-height: 1.4em;
font: $sidebarTextFont;
}

#sidebar1 {
width: 130px;
max-width: 160px;
margin: 0px 3px 3px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar1TextColor;
background: $sidebar1bgColor;
border: 1px solid $sidebar1BorderColor;
}

#sidebar2 {
width: 130px;
margin: 0px 0px 3px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar2TextColor;
background: $sidebar2bgColor;
border: 1px solid $sidebar2BorderColor;
z-index: 1;
}

#sidebar3 {
width: 295px;
margin: 0px 0px 3px 0px;
padding: 15px 15px 0px 15px;
color: $sidebar3TextColor;
background: $sidebar3bgColor;
border: 1px solid $sidebar3BorderColor;
}

#sidebar1 .widget, #sidebar2 .widget, #sidebar3 .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 30px 0px;
}

/* sidebar heading ----- Blogger template design by Ourblogtemplates.com */

#sidebar1 h2 {
margin: -10px -10px 15px -10px;
padding: 5px 15px 4px 15px;
text-align: left;
color: $sidebar1HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
background: $sidebar1HeaderBgColor;
border: 1px solid $sidebarHeaderBorderColor;
text-align: left;
}

#sidebar2 h2 {
margin: -10px -10px 15px -10px;
padding: 5px 15px 4px 15px;
text-align: left;
color: $sidebar2HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
background: $sidebar2HeaderBgColor;
border: 1px solid $sidebarHeaderBorderColor;
text-align: left;
}

#sidebar3 h2 {
margin: -10px -10px 15px -10px;
padding: 5px 15px 4px 15px;
text-align: left;
color: $sidebar3HeaderColor;
font: $sidebarHeaderFont;
text-transform: uppercase;
background: $sidebar3HeaderBgColor;
border: 1px solid $sidebarHeaderBorderColor;
text-align: left;
}

.sidebar ul, #BlogArchive1 ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: none;
}

.sidebar li, #BlogArchive1 li {
margin: 0px 0px 0px 0px;
padding: 6px 0px 4px 0px;
line-height: 1.3em;
border-bottom: 1px solid $sidebarListLineColor;
}

#sidebar1 a {
color: $sidebar1LinkColor;
text-decoration: none;
}

#sidebar2 a {
color: $sidebar2LinkColor;
text-decoration: none;
}

#sidebar3 a {
color: $sidebar3LinkColor;
text-decoration: none;
}

#sidebar1 a:hover {
text-decoration: none;
color: $sidebar1HoverLinkColor;
}

#sidebar2 a:hover {
text-decoration: none;
color: $sidebar2HoverLinkColor;
}

#sidebar3 a:hover {
text-decoration: none;
color: $sidebar3HoverLinkColor;
}

#sidebar1 a:visited {
text-decoration: none;
color: $sidebar1VisitedLinkColor;
}

#sidebar2 a:visited {
text-decoration: none;
color: $sidebar2VisitedLinkColor;
}

#sidebar3 a:visited {
text-decoration: none;
color: $sidebar3VisitedLinkColor;
}

.sidebar a img {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- PROFILE ----- Blogger template design by Ourblogtemplates.com */

.profile-img a img {
display: block;
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
clear: both;
}

.profile-textblock {
margin: 0px 0px 0px 0px;
padding: 10px 0px 10px 0px;
clear: both;
line-height: 1.4em;
}

.profile-data {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: normal;
font-style: italic;
}

.profile-datablock {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.profile-link {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

/* ----- BLOCKQUOTE ----- */

blockquote {
margin: 15px 30px 15px 30px;
padding: 0px 0px 0px 0px;
color: $blogQuoteColor;
font: $quoteFont;
line-height: 1.6em;
}

/* ----- CODE ----- */

code {
color: $codeTextColor;
font-size: 110%;
}

/* ----- COMMENT ----- Blogger template design by Ourblogtemplates.com */

#comments {
margin: 0px -15px 0px -15px;
padding: 0px 25px 15px 25px;
text-align: left;
background: $commentbgColor;
color: $commentTextColor;
font: $commentTextFont;
border-bottom: 1px solid $commentboxBorderColor;
}

/* comment-header */
#comments h4 {
margin: 0px 0px 0px 0px;
padding: 17px 0px 5px 0px;
color: $commentTitleColor;
font: $commentTitleFont;
text-transform: uppercase;
}

.deleted-comment {
font-style:italic;
color:gray;
margin: 3px 0px 3px 0px;
}

.comment-author {
margin: 15px 0px 10px 0px;
padding: 15px 0px 0px 0px;
color: $commentauthorColor;
border-top: 1px solid $commentAuthorBorderColor;
}

.comment-author a {color: $commentauthorColor;}
.comment-author a:hover {color: $mainHoverLinkColor;}

.comment-body {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 30px;
}

.comment-footer {
margin: 0px 0px 20px 0px;
padding: 10px 0px 0px 30px;
}

.comment-timestamp, .comment-timestamp a {
margin: 0px 0px 30px 0px;
padding: 0px 0px 0px 0px;
color: gray;
font-size: 95%;
text-decoration: none;
}

.comment-body p {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
line-height: 1.6em;
}

#comments ul {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
list-style-type: disc;
}

#comments li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

a.comment-link {
/* ie5.0/win doesn't apply padding to inline elements,
so we hide these two declarations from it */
padding: 0px 0px 0px 0px;
}

html>body a.comment-link {
/* respecified, for ie5/mac's benefit */
padding-left: 0px;
}

/* ----- FOOTER ----- Blogger template design by Ourblogtemplates.com */

#footer-wrapper {
clear: both;
display: inline; /* handles IE margin bug */
float: left;
margin: 0px 0px 0px 0px;
padding: 0px 0px 3px 3px;
width: 805px;
background: $blogbgColor;
border-right: 1px solid $blogBorderColor;
}

#footer {
margin: 0px 0px 0px 0px;
padding: 10px 15px 10px 15px;
width: 770px;
text-align: left;
color: $footerTextColor;
font: $footerTextFont;
line-height: 1.6em;
background: $footerbgColor;
border: 1px solid $footerBorderColor;
}

#footer h2 {
margin: 0px 0px 0px 0px;
padding: 3px 0px 3px 0px;
color: $footerHeaderColor;
font: $footerHeaderFont;
}

#footer .widget {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

.footer a {
color: $footerTextColor;
text-decoration: underline;
}

.footer a:hover {
color: $footerHoverLinkColor;
text-decoration: underline;
}

.footer a:visited {
color: $footerVisitedLinkColor;
text-decoration: underline;
}

/* ----- CREDIT ----- */

#credit-wrapper {
clear: both;
margin: 2px 0px 0px 0px;
text-align: left;
font: $textFont;
font-size: 60%;
color: #444444;
font-weight: bold;
background: #333333;
}

.creditleft {
float:left;
display: inline;
padding: 2px 10px 1px 10px;
}

.creditright {
float:right;
text-align:right;
display: inline;
padding: 2px 10px 1px 10px;
}

.creditleft a, .creditleft a:hover, .creditleft a:visited {
color: #444444;
text-decoration: underline;
}

.creditright a, .creditright a:hover, .creditright a:visited {
color: #444444;
text-decoration: underline;
}

/* ************ END OF CSS STYLING ************ */

/** Page structure tweaks for layout editor wireframe */

body#layout #main,
body#layout #sidebar {
padding: 0;
}
]]>

var fade = false;
function showFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Appear(spans[i]);
} else spans[i].style.display = 'inline';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'none';
if (spans[i].id == "hidelink")
spans[i].style.display = 'inline';
}
}

function hideFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
if (fade) {
spans[i].style.background = peekaboo_bgcolor;
Effect.Fade(spans[i]);
} else spans[i].style.display = 'none';
}
if (spans[i].id == "showlink")
spans[i].style.display = 'inline';
if (spans[i].id == "hidelink")
spans[i].style.display = 'none';
}
post.scrollIntoView(true);
}

function checkFull(id) {
var post = document.getElementById(id);
var spans = post.getElementsByTagName('span');
var found = 0;
for (var i = 0; i < spans.length; i++) {
if (spans[i].id == "fullpost") {
spans[i].style.display = 'none';
found = 1;
}
if ((spans[i].id == "showlink") && (found == 0))
spans[i].style.display = 'none';
}
}


skip to main | skip to sidebar

Thanks a lot if you care to answer my message!!! Smile

Tyssen
Tyssen's picture
Offline
Moderator
Brisbane
Last seen: 6 years 2 weeks ago
Brisbane
Timezone: GMT+10
Joined: 2004-05-01
Posts: 8201
Points: 1386

Can you please the code

Can you please the code after it's been sent to the browser (ie view source, copy & paste); not what you've posted here with Blogger-specific tags etc.?

How to get help
Post a link. If you can't post a link, jsFiddle it.
My blog | My older articles | CSS Reference

poisonrose
Offline
newbie
Canada
Last seen: 12 years 21 weeks ago
Canada
Joined: 2008-06-02
Posts: 3
Points: 0

Why do you need the code of

Why do you need the code of the page source? My question is about styling bold text for the post messages using CSS codes with Blogger (related to this thread http://csscreator.com/node/25965).

But anyways, I copied-pasted the code source and nothing showed up with the "code" tags. And without them, my entire post messages appeared. Not quite what I want.

So.. if anyone knows how to make bold text in a specific style in the CSS for Blogger, I'd be more than happy to know how. I've been looking for a solution for months Sad