The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Navigation Images

View previous topic View next topic Go down

Solved Navigation Images

Post by shreyaskudav on June 18th 2011, 1:42 pm



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

shreyaskudav
Forumember

Posts : 58
Reputation : 0
Language : English

Back to top Go down

Solved Re: Navigation Images

Post by Irian on June 18th 2011, 1:43 pm

hi!

so what would you like to do? Smile
bye

Irian
Forumember

Male Posts : 661
Reputation : 18
Language : English, Français, Spagnol, Latin, ecc.
Location : New york

http://www.puregroups.co.cc

Back to top Go down

Solved Re: Navigation Images

Post by Nera. on June 18th 2011, 2:02 pm

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;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on June 19th 2011, 2:38 pm

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..?

shreyaskudav
Forumember

Posts : 58
Reputation : 0
Language : English

Back to top Go down

Solved Re: Navigation Images

Post by Fr0st on June 19th 2011, 4:13 pm

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;}

Fr0st
Forumember

Male Posts : 34
Reputation : 10
Language : Vietnamese

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on June 19th 2011, 4:23 pm

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.....

shreyaskudav
Forumember

Posts : 58
Reputation : 0
Language : English

Back to top Go down

Solved Re: Navigation Images

Post by Nera. on June 19th 2011, 4:32 pm

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;
}

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on June 19th 2011, 4:39 pm

Ok...now i got it...

So where is the CSS section?

shreyaskudav
Forumember

Posts : 58
Reputation : 0
Language : English

Back to top Go down

Solved Re: Navigation Images

Post by Nera. on June 19th 2011, 4:46 pm

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

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on June 19th 2011, 4:47 pm

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

shreyaskudav
Forumember

Posts : 58
Reputation : 0
Language : English

Back to top Go down

Solved Re: Navigation Images

Post by Nera. on June 19th 2011, 4:47 pm

You welcome.

Solved ~ Locked

Nera.
Energetic

Female Posts : 7077
Reputation : 2013
Language : English
Location : -

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum