Warning, this can easily go wrong, but at least you can reset to default template and start again.
Select Create/Edit Custom Theme under Edit Profile and you will get a box with the existing theme (it contains the rightsidebar, main and leftsidebar with the sections in their current places)
The key to changing the theme is to add a style into the code.
At the beginning of mine I have added:
<style type="text/css">
body {
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size: .75em;
background : #FFFFF0;
color : #666;
margin: 0px;
}
p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px;
}
a:link {
color: #0000FF;
text-decoration: none;
}
a:visited {
color: #872126;
text-decoration: none;
}
a:hover {
color: #D2B48C;
text-decoration: none;
}
a img {
border: 0;
}
.bluebox {
background : #FFFFF0;
border: 1px solid #000000;
margin-top: 0px;
margin-bottom: 10px;
padding: 5px;
}
.simplebox {
background : #FFFFF0;
border: 1px solid #000000;
margin-top: 0px;
margin-bottom: 10px;
padding: 5px;
}
.whitebox {
background : #FFFFF0;
border: 1px solid #000000;
margin-top: 0px;
margin-bottom: 10px;
padding: 5px;
}
.bluebox h2 {
border-bottom: 1px solid #666;
background: #FFFFF0;
color: #0000FF !important;
margin-top: 0px;
margin-bottom: 5px;
font-size: 100%;
padding-left: -5px;
text-transform: none;
}
.simplebox h2 {
border-bottom: 1px solid #666;
background: #FFFFF0;
color: #0000FF !important;
margin-top: 0px;
margin-bottom: 5px;
font-size: 100%;
padding-left: -5px;
text-transform: none;
}
.whitebox h2 {
border-bottom: 1px solid #666;
background: #FFFFF0;
color: #0000FF !important;
margin-top: 0px;
margin-bottom: 5px;
font-size: 100%;
padding-left: -5px;
text-transform: none;
}
.footerimg {
display: none;
}
footer {
border-top: 2px solid #666 !important;
}
</style>
I think a brief explanation is needed:
The <style type="text/css"> </style> is enclosing the added styles.
The 'body' section sets the background colour in my case and the font colour, type and size.
The 'a' sections are the colours of the hyperlinks.
'.bluebox', '.simplebox' and '.whitebox' are the styles that cre8Buzz uses for the sections in the profile such as about me, my friends etc. I have set the background colour and a thin black line around each box.
'.bluebox h2' is the title/header of the section in the profile. I have set mine to a solid background colour (#FFFFF0) with blue (#0000FF) writing. I have also set a thin grey (#666) line under the title/heading. I was playing with the font size as well.
I turned off the graduated blue image at the foot of the page and added a thin grey line.
If this has given you any ideas there is more on CSS at http://www.w3schools.com/css/default.asp
For example instead of the background colour in body you might want an image. In the body section you would use something like:
background-image:url("http://url_to_your_image_here/image.gif");
background-repeat:repeat;
background-position:center;
I don't promise it will work for you first time, but if you have a try and need help drop me a message.
I hope I haven't made too many errors above, time for bed.
Regards,
Ian
Recent Comments
khenney said (10 months ago)
Glad to see I'm not the only one frustrated by the silent change to the way HTML is handled in posts... I created a few more custom theme examples that are simple cut&paste mods for those who don't know HTML. Check out previews (and code) in my photo gallery.
ijhedges said (11 months ago)
That's a bit better. Amazing how easy it is to fix the little errors when you're not falling asleep at the keyboard.
Antman said (11 months ago)
Thanks bro, awfully nice of you to share with the buzz folks! Way to jump in and make stuff happen. Sleep tight dawg!
ijhedges said (11 months ago)
AAGHH! Its treating my style code at real style code and using it not showing it. I'll get round it at the moment by putting: ignore the quotes '<' word '>' instead of <word>
Please login to comment.

ijhedges said (10 months ago)