What happened to the Messenger Plus! forums on msghelp.net?
Shoutbox » MsgHelp Archive » General » Forum & Website » [split] customizing the forum CSS

[split] customizing the forum CSS
Author: Message:
prashker
Veteran Member
*****


Posts: 5109
Reputation: 104
– / Male / –
Joined: Mar 2005
Status: Away
O.P. RE: The snow is melting!
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 :)?
03-31-2007 02:26 AM
Profile PM Find Quote Report
MeEtc
Patchou's look-alike
*****

Avatar
In the Shadow Gallery once again

Posts: 2200
Reputation: 60
38 / Male / Flag
Joined: Nov 2004
Status: Away
RE: The snow is melting!
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 
}


}

[Image: signature/]     [Image: sharing.png]
I cannot hear you. There is a banana in my ear.
03-31-2007 04:12 AM
Profile PM Web Find Quote Report
Rolando
Veteran Member
*****

Avatar
Santasend

Posts: 1325
Reputation: 52
34 / Male / Flag
Joined: Feb 2006
RE: The snow is melting!
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 :p
[Image: sigxmascopy.png]
03-31-2007 04:19 AM
Profile PM Find Quote Report
MeEtc
Patchou's look-alike
*****

Avatar
In the Shadow Gallery once again

Posts: 2200
Reputation: 60
38 / Male / Flag
Joined: Nov 2004
Status: Away
RE: The snow is melting!
If you know a bit about CSS, you can go and do a bit more than just change the logo....
[Image: signature/]     [Image: sharing.png]
I cannot hear you. There is a banana in my ear.
03-31-2007 05:16 AM
Profile PM Web Find Quote Report
Rolando
Veteran Member
*****

Avatar
Santasend

Posts: 1325
Reputation: 52
34 / Male / Flag
Joined: Feb 2006
RE: [split] customizing the forum CSS
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; }

:refuck: I made one

This post was edited on 04-01-2007 at 03:18 AM by Rolando.
[Image: sigxmascopy.png]
03-31-2007 06:47 AM
Profile PM Find Quote Report
« Next Oldest Return to Top Next Newest »


Threaded Mode | Linear Mode
View a Printable Version
Send this Thread to a Friend
Subscribe | Add to Favorites
Rate This Thread:

Forum Jump:

Forum Rules:
You cannot post new threads
You cannot post replies
You cannot post attachments
You can edit your posts
HTML is Off
myCode is On
Smilies are On
[img] Code is On