Note:i did not make this banner on this layout..it's really popular i know, but i'm going to make a new banner, because i want all my layouts to be MINE and original! I will fix that when i find time..

<img src="http://tinypic.com/20l1ub"> <style type="text/css"> body { background-repeat: no-repeat; background-attachment: fixed; background-position: bottom right; scrollbar-arrow-color: #ff3399; scrollbar-track-color: #FFFFFF; scrollbar-shadow-color: ffccff; scrollbar-face-color: #ffffff; scrollbar-highlight-color: #FF99CC; scrollbar-darkshadow-color: ffccff; scrollbar-3dlight-color: #ff3399; } .left, .blogbody, table.footer, .standard, .leftmodulefontcolor, td, p { /* edits main text */ font:normal 10px verdana; line-height:12px; color:000000; letter-spacing:0px; text-align:justify; } table.footer TD { /* this makes the footer at the bottom centered */ /* leave it alone unless you know what to do*/ text-align: center; } div.blogheader, .caption { /* edits the dates */ font-family:tahoma; text-transform:lowercase; font-size:25px; line-height:16px; font-weight:normal; color:#FF99CC; letter-spacing:0px; background-color: transparent; text-align: center; border: 3px solid #ff3399; } a:link, .footernav.link, a.footernav:link, a.footernav:active { /* edits all links */ color:#ff3399; text-decoration: none; } a:visited, a.footernav:visited, { /* edits the links that the user has visited */ color:ffccff; text-decoration: none; } a:hover { /* edits when user mouseovers the links */ color:#FF99CC; cursor: ne-resize; text-decoration: overline underline; } input, select, textarea, .textfield, .button { /* this edits the buttons, dropdowns, etc. */ border: 1px solid #ff3399; font:normal 10px verdana; background-color: transparent; letter-spacing:0px; color: #FF99CC; } table.left { /* this edits the menu module */ border: 1px solid #ff3399; width:160px; background-color: transparent; } table.blogbody { /* this edits the other the place where the blog is */ border: 1px dashed #ff3399; background-color: transparent; width:400px; } table.left th { /* on your menu module, this edits the title part of it */ /* like BLOGRINGS, POSTING CALENDAR, etc */ background-image: url(); background-color: #FF99CC; font: normal 11x terminal; text-transform: lowercase; color: #ff3399; border: none; text-align: center; } table.left TD { /* on your menu module, this edits the body part of it */ background-image: url(); background-color: transparent; border: none; color: ff3399 } table.search TD, table.search, table.announcements { /* border of search bar (if you have it) */ background-color: transparent; border: 1px solid #FF99CC; } table.search TD, table.announcements TH { /* this should be left alone */ /* unless you know what to do */ border: 0px solid #ff3399; } table.navigation, table.main, table.footer { /* the width of your blog with modules */ width: 500px; } hr { /* horizontal divider */ border: 1px solid #ff3399; } </style> <script language=JavaScript> <!-- // customize by changing the values below // these are the various colors, in quotes, seperated by commas var blinkColors = new Array("#ffccff","#FF99CC","#ff3399"); // the border color var blinkBorderColor = "#ffffff" // the border width, in pixels var blinkBorderWidth = 2; // the # of rows var blinkRows = 2; // the # of columns var blinkCols = 40; // the width of the entire box, in pixels or % var blinkWidth = 590; // the height of each row, in pixels var blinkRowHeight = 10; // speed of blinking, in milliseconds var blinkRate = 8; // do not edit below this line st=setTimeout; document.write("<table id='blinkbox' width='" + blinkWidth +"' border = 0 cellspacing='" + blinkBorderWidth + "' cellpadding=0 bgcolor='" + blinkBorderColor +"'>"); for (r = 0; r < blinkRows; r++){ document.write("<TR>"); for (c = 0; c < blinkCols; c++){ document.write("<TD height='" + blinkRowHeight + "'></TD>"); } document.write("</TR>"); } document.write("</table>"); // ... and this makes it blink function blinkIt() { changecell = Math.floor(Math.random() * (blinkCols * blinkRows)); changecolor = Math.floor(Math.random() * blinkColors.length); bb = document.getElementById("blinkbox"); bbtd = bb.getElementsByTagName("td"); bbtd[changecell].style.backgroundColor = blinkColors[changecolor]; st('blinkIt()', blinkRate); } blinkIt(); //--> </SCRIPT> <!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody b, .standard b, p b, strong { /* edits bolded text in your entry */ font-weight: bold; color: ff3399; } </style> <!-- end code provided by createblog.com --> <!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody i, .standard i, p i, em { font-weight: italic; color: ffccff;} </style> <!-- end code provided by createblog.com --> <!-- begin code provided by createblog.com --> <style type="text/css"> .blogbody u, .standard u, p u, u { font-weight: lighter; color: ff3399; border-bottom: #000000 dashed 2px;} </style> <!-- end code provided by createblog.com -->

Bold Text
Italics
Underlined

Icon's to go with it...