Navigation Images

The new image is getting to overlap the older image...?
what should i do?

hi!

so what would you like to do?
bye

Hi,

Do you mean them dropping down? You want them like this http://i.imm.io/6znM.png ?
Try changing your logo margin from margin-bottom: -162px; to -178px

Code:

#i_logo {
    margin-bottom: -162px;
    margin-top: -18px;
}

I wanna say that....the older icon and the new icon, are over lapping on each other...
If I add a link of a new icon then i should get a new icon image on my site, only...
But its happening like that..?

You Want your forum navigation like this?

try this code

Code:

#i_icon_mini_index{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_010.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_017.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_013.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_011.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_014.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_015.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_018.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_019.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_020.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/off_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_111.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/bleu_110.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_new11.png');
width: 52px;
height: 55px;
}
#i_icon_mini_register{
background-image: url('http://i39.servimg.com/u/f39/15/99/03/75/reg10.gif');
width: 48px;
height: 55px;
}
#i_icon_mini_index:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_10.png');
width: 49px;
height: 55px;
}
#i_icon_mini_calendar:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_15.png');
width: 44px;
height: 55px;
}
#i_icon_mini_gallery:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_12.png');
width: 44px;
height: 55px;
}
#i_icon_mini_portal:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/portai10.png');
width: 41px;
height: 55px;
}
#i_icon_mini_faq:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_13.png');
width: 41px;
height: 55px;
}
#i_icon_mini_search:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_14.png');
width: 48px;
height: 55px;
}
#i_icon_mini_groups:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_16.png');
width: 40px;
height: 55px;
}
#i_icon_mini_members:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_17.png');
width: 37px;
height: 55px;
}
#i_icon_mini_profile:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_18.png');
width: 46px;
height: 55px;
}
#i_icon_mini_logout:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_20.png');
width: 48px;
height: 55px;
}
#i_icon_mini_login:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/on_1110.png');
width: 48px;
height: 55px;
}
#i_icon_mini_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/mp_1010.png');
width: 52px;
height: 55px;
}
#i_icon_mini_new_message:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/hover_19.png');
width: 52px;
height: 55px;
}

.row1, .row2{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row1:hover, .row2:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3, .row3Right{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f410.jpg');
border: 1px solid #00336E;
}
.row3:hover, .row3Right:hover{
background-image: url('http://i65.servimg.com/u/f65/11/95/30/70/f210.jpg');
border: 1px solid #00336E;}

I want to Replace them....
I want to change them...

But the problem is its not happening.
The older icons are not going at all....
The new icons are over lapping on the old icons.....

Hi,

How are you trying to replace them?

Icons on your forum ARE added from CSS.
You need to replace the links of your icons in CSS. If you are only trying to add new ones in AP they will than overllap.

Find this and REPLACE ICONS LINKS.

Code:

#i_icon_mini_index {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_010.png");
    height: 55px;
    width: 49px;
}
#i_icon_mini_calendar {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_017.png");
    height: 55px;
    width: 44px;
}
#i_icon_mini_gallery {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_013.png");
    height: 55px;
    width: 44px;
}
#i_icon_mini_portal {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_011.png");
    height: 55px;
    width: 41px;
}
#i_icon_mini_faq {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_014.png");
    height: 55px;
    width: 41px;
}
#i_icon_mini_search {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_015.png");
    height: 55px;
    width: 48px;
}
#i_icon_mini_groups {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_018.png");
    height: 55px;
    width: 40px;
}
#i_icon_mini_members {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_019.png");
    height: 55px;
    width: 37px;
}
#i_icon_mini_profile {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_020.png");
    height: 55px;
    width: 46px;
}
#i_icon_mini_logout {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/off_1110.png");
    height: 55px;
    width: 48px;
}
#i_icon_mini_login {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_111.png");
    height: 55px;
    width: 48px;
}
#i_icon_mini_message {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/bleu_110.png");
    height: 55px;
    width: 52px;
}
#i_icon_mini_new_message {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/mp_new11.png");
    height: 55px;
    width: 52px;
}
#i_icon_mini_register {
    background-image: url("http://i64.servimg.com/u/f64/13/54/79/60/reg_0510.png");
    height: 55px;
    width: 48px;
}
#i_icon_mini_index:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_10.png");
    height: 55px;
    width: 49px;
}
#i_icon_mini_calendar:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_15.png");
    height: 55px;
    width: 44px;
}
#i_icon_mini_gallery:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_12.png");
    height: 55px;
    width: 44px;
}
#i_icon_mini_portal:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/portai10.png");
    height: 55px;
    width: 41px;
}
#i_icon_mini_faq:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_13.png");
    height: 55px;
    width: 41px;
}
#i_icon_mini_search:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_14.png");
    height: 55px;
    width: 48px;
}
#i_icon_mini_groups:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_16.png");
    height: 55px;
    width: 40px;
}
#i_icon_mini_members:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_17.png");
    height: 55px;
    width: 37px;
}
#i_icon_mini_profile:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_18.png");
    height: 55px;
    width: 46px;
}
#i_icon_mini_logout:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_20.png");
    height: 55px;
    width: 48px;
}
#i_icon_mini_login:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/on_1110.png");
    height: 55px;
    width: 48px;
}
#i_icon_mini_message:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/mp_1010.png");
    height: 55px;
    width: 52px;
}
#i_icon_mini_new_message:hover {
    background-image: url("http://i65.servimg.com/u/f65/11/95/30/70/hover_19.png");
    height: 55px;
    width: 52px;
}
#i_icon_mini_register:hover {
    background-image: url("http://i64.servimg.com/u/f64/13/54/79/60/regist10.png");
    height: 55px;
    width: 48px;
}

Ok...now i got it...

So where is the CSS section?

Admin panel >> Display >> Colors >> CSS Stylesheet

Ok...Problem Solved...
Thanks...Nera

You welcome.

Solved ~ Locked