« previous next »
Pages: [1]   Go Down

Author Topic: BuzzBoost Styling Tricks  (Read 1184 times)

0 Members and 1 Guest are viewing this topic.

Offline alex

  • Global Moderator
  • *****
  • Posts: 35
  • Karma: +11/-0
BuzzBoost Styling Tricks
« on: October 09, 2009, 05:24:19 AM »
Code: [Select]
<div class="burner">BuzzBoost Code</div>

Style 1
Code: [Select]
.burner{
font-family:Arial;
border:1 px dotted #CCCCCC;
font-size:12px;
color:#000000;
font-weight:normal;
text-align:left;
padding:2px;
margin:2px;
}
.burner a{
font-size:13px;
color:#0000FF;
font-weight:bold;
}
.burner a:hover{
color:#CC0000;
}
.burner a:visited{
color:#0000FF;
}

Style 2
Code: [Select]
.burner{
font-family:Georgia;
border:2 px inset #CCCCCC;
font-size:12px;
color:#000000;
font-weight:normal;
text-align:left;
padding:2px;
margin:4px;
}
.burner a{
font-size:16px;
color:#0000FF;
font-weight:bold;
}
.burner a:hover{
color:#CC0000;
}
.burner a:visited{
color:#0000FF;
}

Style 3
Code: [Select]
.burner{
font-family: 'Trebuchet MS';
border:3 px dotted #CCCCCC;
font-size:12px;
color:#000000;
font-weight:normal;
text-align:left;
padding:2px;
margin:4px;
}
.burner a{
font-size:17px;
color:#686868;
font-weight:bold;
}
.burner a:hover{
color:#CC0000;
}
.burner a:visited{
color:#686868;
}

Style 4
Code: [Select]
.burner{
font-family: 'Trebuchet MS';
border:1 px dotted #000000;
font-size:11px;
color:#000000;
font-weight:normal;
text-align:left;
padding:2px;
margin:4px;
}
.burner a{
font-size:13px;
color:#8E0000;
font-weight:bold;
}
.burner a:hover{
color:#CC0000;
}
.burner a:visited{
color:#8E0000;
}
Logged

Offline alex

  • Global Moderator
  • *****
  • Posts: 35
  • Karma: +11/-0
Re: BuzzBoost Styling Tricks
« Reply #1 on: October 14, 2009, 06:47:58 AM »
images
Logged

Offline admin

  • Administrator
  • *****
  • Posts: 43
  • Karma: +1/-0
  • Gender: Male
BuzzBoost with Icons
« Reply #2 on: February 18, 2010, 05:24:33 PM »
Code: [Select]
<head>
<style>
ul
{
list-style-type: none;
padding: 0px;
margin: 0px;
}
li
{
background-image: url(013.png);
background-repeat: no-repeat;
padding-left: 20px;
background-position: 20px 3px;
}
.burner{
width:500;
font-family:"trebuchet ms";
background-color:lightyellow;
border:1 px dotted #CCCCCC;
font-size:12px;
color:#555;
font-weight:normal;
text-align:left;
padding:0;
margin:0;
}
.burner a{
padding-left:19px;
font-size:15px;
color:#0000FF;
font-weight:bold;

}
.burner a:hover{
color:#CC0000;
}
.burner a:visited{
color:#0000FF;
}
</style>
</head>
<div class="burner">
code code
</div>

 :) :) :) :) :)
« Last Edit: February 18, 2010, 05:26:06 PM by admin »
Logged
Pages: [1]   Go Up
« previous next »