there are many members that are asking for this so here is a simple css code .. it is for changing the headers into images... just follow the instructions.. preview: no preview for now.. credits: me #1 you need the images for the background of each header with text.. sample: [img]http://i34.tinypic.com/98awwm.jpg[/img] #2 how can you make images like that? tip: I'm using [i]Microsoft Office Powerpoint[/i] for image editing ^ that is my secret.. #3 now if you already have the images , upload them all at your image hosting account. #4 then you need the code for that.. heres the complete codes just edit the [b]IMAGE URL[/b] [spoiler]for apps/widgets [spoiler]/*application*/ #widgetModule{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for controlpanel [spoiler]/*control panel*/ #controlpanel_header{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for photos [spoiler]/*photos*/ .photos h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for blogs [spoiler]/*blogs*/ .blogs h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for reviews [spoiler]/*reviews*/ .reviews h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for more about [spoiler]/*more about*/ .moreabout h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for comments [spoiler]/*comments*/ .publiccomments h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for media box [spoiler]/*media box*/ .scrapbook h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for friends [spoiler]/*friends*/ .friends h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for groups [spoiler]/*groups*/ .groups h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler] for fan of [spoiler]/*fan of*/ .fanof h2{ background-color:#000000; background-image: url(IMAGE URL); background-position:center; background-attachment:scroll; background-repeat:no-repeat; height:30px; font-size:0px; }[/spoiler][/spoiler][hr] for addboxes just use this: [spoiler]addBox("RIGHT","[b]<img src='URL OF IMAGE' border='0'></img>[/b]",code,"box1","15");[/spoiler] just edit it for other addboxes... put it at the box's title part..

Last edited by mhedge (2008-09-15 06:54:13)