Shoutbox

quote:

---

Originally posted by MeEtc
nah, I changed mine with Styler a few weeks ago now.

---

Explain for the newbs how to do it please ?

quote:

---

Originally posted by SonicSam
Explain for the newbs how to do it please ?

---

1. Get Firefox
2. Get Stylish
3. Create custom CSS file

for the header image in particular, you'll want to make a script containing this

code:

---

@-moz-document domain(msghelp.net) {

#header{
   height:75px !important; // change to the height of your logo or BG, whichever is taller
}

#header h1{
   margin:0 0 0 18px  !important; //offset from the left of the screen
   background: url(' ### URL to header logo here ### ') no-repeat 0 0  !important;
   //I'm using http://img215.imageshack.us/img215/4192/plusentryji0.png
   width:425px !important; //CHANGE to the dimensions
   height:75px !important; //of your header image
}

#container{
   background: url(' ### URL to header background here ### ') repeat-x !important;
   //I'm using http://img241.imageshack.us/img241/4993/bggradientyy0.png 
}


}

---

quote:

---

Originally posted by MeEtc

quote:

---

Originally posted by SonicSam
Explain for the newbs how to do it please ?

---

1. Get Firefox
2. Get Stylish
3. Create custom CSS file

for the header image in particular, you'll want to make a script containing this

code:

---

@-moz-document domain(msghelp.net) {

#header{
   height:75px !important; // change to the height of your logo or BG, whichever is taller
}

#header h1{
   margin:0 0 0 18px  !important; //offset from the left of the screen
   background: url(' ### URL to header logo here ### ') no-repeat 0 0  !important;
   //I'm using http://img215.imageshack.us/img215/4192/plusentryji0.png
   width:425px !important; //CHANGE to the dimensions
   height:75px !important; //of your header image
}

#container{
   background: url(' ### URL to header background here ### ') repeat-x !important;
   //I'm using http://img241.imageshack.us/img241/4993/bggradientyy0.png 
}


}

---

---

Thanks for that, I've changed mine

If you know a bit about CSS, you can go and do a bit more than just change the logo....

code:

---

@-moz-document domain(msghelp.net) {

#header{
   height:111px !important;
}

#header h1{
   margin:0 0 0 100px  !important;
   background: url('http://img141.imageshack.us/img141/2825/msghelpheaderv0de9.png') no-repeat 0 0  !important;
   width:398px !important;
   height:111px !important;
}

#container{
   background: url('http://img57.imageshack.us/img57/5361/bggradientyy0hn5.png') repeat-x !important;
}


}
#header #mainnav li a { color: white !important; border-left: 1px solid white !important; }
#header #mainnav li#navhome a { border-left: 0 !important; }

---

I made one