Ali
28-Jul-2004, 05:47 AM
There's currently 2 ways you may go about changing the default logo to your own custom or pre-made logo. I've listed both ways below so you may feel free to do it which ever way suits you best.
Way #1
Simply rename your custom / pre-made logo to logo4.gif and place it in your Style_Images/1/ via ftp access. Now your pre-made / custom logo will over ride the default logo and appear on your board.
Way #2
Go to your Admin CP -> Skins & Templates -> Skin Manager -> Click on the skin you'd like to alter -> Click on Edit Root Skin Stylesheet (CSS Advanced Mode) -> Then find the following line:
/* ======================================== */
/* BOARD HEADER STYLES */
/* ======================================== */
#logostrip{
background-color: #3860BB;
background-image: url(1/tile_back.gif);
border-bottom: 5px solid #072A66;
border-left: 1px solid #072A66;
border-right: 1px solid #072A66;
border-top: 1px solid #072A66;
height: 52px;
margin: 0px;
padding: 0px;
}
#logostripinner{
background-color: transparent;
background-image: url(1/logobg.gif);
background-position: right;
background-repeat: no-repeat;
height: 52px;
margin: 0px;
padding: 0px;
}
#logographic{
background-color: transparent;
background-image: url(1/logo4.gif);
background-position: left;
background-repeat: no-repeat;
cursor: pointer;
height: 52px;
margin: 0px;
padding: 0px;
}
Edit the text I've marked in Blue with you url / location of your pre-made / custom logo, once you've completed that click on the Save Stylesheet button to execute the edit.
Way #1
Simply rename your custom / pre-made logo to logo4.gif and place it in your Style_Images/1/ via ftp access. Now your pre-made / custom logo will over ride the default logo and appear on your board.
Way #2
Go to your Admin CP -> Skins & Templates -> Skin Manager -> Click on the skin you'd like to alter -> Click on Edit Root Skin Stylesheet (CSS Advanced Mode) -> Then find the following line:
/* ======================================== */
/* BOARD HEADER STYLES */
/* ======================================== */
#logostrip{
background-color: #3860BB;
background-image: url(1/tile_back.gif);
border-bottom: 5px solid #072A66;
border-left: 1px solid #072A66;
border-right: 1px solid #072A66;
border-top: 1px solid #072A66;
height: 52px;
margin: 0px;
padding: 0px;
}
#logostripinner{
background-color: transparent;
background-image: url(1/logobg.gif);
background-position: right;
background-repeat: no-repeat;
height: 52px;
margin: 0px;
padding: 0px;
}
#logographic{
background-color: transparent;
background-image: url(1/logo4.gif);
background-position: left;
background-repeat: no-repeat;
cursor: pointer;
height: 52px;
margin: 0px;
padding: 0px;
}
Edit the text I've marked in Blue with you url / location of your pre-made / custom logo, once you've completed that click on the Save Stylesheet button to execute the edit.