[split] customizing the forum CSS - Printable Version
-Shoutbox (https://shoutbox.menthix.net)
+-- Forum: MsgHelp Archive (/forumdisplay.php?fid=58)
+--- Forum: General (/forumdisplay.php?fid=11)
+---- Forum: Forum & Website (/forumdisplay.php?fid=13)
+----- Thread: [split] customizing the forum CSS (/showthread.php?tid=73159)
RE: The snow is melting! by prashker on 03-31-2007 at 02:26 AM
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
?
RE: The snow is melting! by MeEtc on 03-31-2007 at 04:12 AM
quote:1. Get Firefox
Originally posted by SonicSam
Explain for the newbs how to do it please
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
}
}
RE: The snow is melting! by Rolando on 03-31-2007 at 04:19 AM
quote:
Originally posted by MeEtc
quote:1. Get Firefox
Originally posted by SonicSam
Explain for the newbs how to do it please
2. Get Stylish
3. Create custom CSS file
for the header image in particular, you'll want to make a script containing thiscode:
@-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
RE: The snow is melting! by MeEtc on 03-31-2007 at 05:16 AM
If you know a bit about CSS, you can go and do a bit more than just change the logo....
RE: [split] customizing the forum CSS by Rolando on 03-31-2007 at 06:47 AM
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