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

Go down

Solved Navigation Images

Post by shreyaskudav on 18/6/2011, 13:42



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 18/6/2011, 13:43

hi!

so what would you like to do? Smile
bye
avatar
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 18/6/2011, 14:02

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;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on 19/6/2011, 14:38

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 19/6/2011, 16:13

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;}
avatar
Fr0st
Forumember

Male Posts : 34
Reputation : 10
Language : Vietnamese

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on 19/6/2011, 16:23

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 19/6/2011, 16:32

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;
}
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on 19/6/2011, 16:39

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 19/6/2011, 16:46

Admin panel >> Display >> Colors >> CSS Stylesheet
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Solved Re: Navigation Images

Post by shreyaskudav on 19/6/2011, 16:47

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 19/6/2011, 16:47

You welcome.

Solved ~ Locked
avatar
Nera.
Energetic

Female Posts : 7078
Reputation : 2014
Language : English
Location : -

http://webartzforum.com

Back to top Go down

Back to top


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