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.

Custom buttons on Nav bar too big or small

View previous topic View next topic Go down

Solved Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 5:31 am

Everytime I want to add buttons that don't come with the theme from the buttons forum on here they never show up as sized. They show up perfectly fine in the Pictures & Management page but in the forum itself when viewed they're either too big or too small. I have no idea why this happens, I'm sure it happens to many others. Why?


Last edited by HogwartsAcademy on August 6th 2012, 10:58 am; edited 1 time in total

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 7:48 am

Forum URL?

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 9:12 am

http://hogwartsheights.canadian-forum.com/
I haven't added the custom buttons yet but if I do it always happens..

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 9:38 am

Whats the point of this? If we are trying to fix your problem here.
http://help.forumotion.com/t112809-navigation-buttons-disappear-unless-hovered

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 9:52 am

Because I have to replace the expired buttons with the active buttons which will result in this..

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 9:56 am

Yes, but the question of small images won't arise if we fix it Wink

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 10:23 am

This is what happens when I add new buttons:



Last edited by HogwartsAcademy on August 6th 2012, 10:27 am; edited 1 time in total

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 10:26 am

As i said in the thread below, the navigation buttons are added via CSS for that forum.
http://help.forumotion.com/t112809-navigation-buttons-disappear-unless-hovered

If you want that hover effect to be gone & you should be able to add images via the admin panel, you will have to remove those parts of the css which have added the navigation bar.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 10:28 am

How do I remove the css so I can add my new buttons?


Last edited by HogwartsAcademy on August 6th 2012, 10:31 am; edited 1 time in total

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 10:29 am

Can you copy paste your css here, I will tell you what to do then.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 10:33 am

a:link {
text-decoration: none;
text-shadow: none;
-webkit-transition: 100ms linear 0s;
-moz-transition: 100ms linear 0s;
-o-transition: 100ms linear 0s;
transition: 100ms linear 0s;
outline: 0 none;
}

a:link:hover, a:link:focus
{
text-shadow: -1px 1px 8px #000, 1px -1px 8px #000;
}
#tipkice {
padding-left: 0px;
position: fixed;
left: 0;
top: 100px;
width: 24px;
}
#tipkice a img:hover { padding-left: 14px;
}
a[href="/u1"]{
text-decoration: none !important;
text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black;
}
a[href="/u2"]{
text-decoration: none !important;
text-shadow: 0 0 0.1em black, 0 0 0.1em black, 0 0 0.1em black;
}
.profile_field_list li {
display: inline;
}
#novo img {
max-width: 50px;
}
/*IPB Tables*/
table.ipbtable th.formsubtitle,.formsubtitle{background-color:#2d2d2d;margin-top:-12px}table.ipbtable tfoot td{background-image:url(http://hitskin.com/themes/15/40/59/i_back_title.png);border-bottom:solid 0 #131313;border-left:solid 0 #404040;border-right:solid 0 #121212;border-top:solid 1px #820000;height:10px;padding:0 3px}table.ipbtable .forumdesc{color:#666}.row1,.row2,.row3,.row3Right{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:.5px solid #131313!important;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row1{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row2{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row3{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}.row3Right{background-color:#313131;background-image:url(http://www.dodaj.rs/f/1t/fb/10Tazcna/vaoolo27.png);background-repeat:repeat-x;border-bottom:solid .5px #00000;border-left:solid .5px #00000;border-right:solid .5px #00000;border-top:solid .5px #00000}
body {
margin: 0px;
-moz-opacity: 0.5;
opacity: 1.0;
}

#i_icon_mini_index {
background-image: url('http://i.imm.io/tiAp.png');
width: 128px;
height: 29px;
}
#i_icon_mini_index:hover {
background-image: url('http://i.imm.io/tiB5.png');
width: 128px;
height: 29px;
}
#i_icon_mini_new_message {
background-image: url('http://i.imm.io/tiBC.png');
width: 128px;
height: 29px;
}
#i_icon_mini_new_message:hover {
background-image: url('http://i.imm.io/tiBP.png');
width: 128px;
height: 29px;
}
#i_icon_mini_login {
background-image: url('http://i.imm.io/tiCb.png');
width: 128px;
height: 29px;
}
#i_icon_mini_login:hover {
background-image: url('http://i.imm.io/tiCu.png');
width: 128px;
height: 29px;
}
#i_icon_mini_register {
background-image: url('http://i.imm.io/tiCO.png');
width: 128px;
height: 29px;
}
#i_icon_mini_register:hover {
background-image: url('http://i.imm.io/tiD5.png');
width: 128px;
height: 29px;
}
#i_icon_mini_logout {
background-image: url('http://i.imm.io/tiDx.png');
width: 128px;
height: 29px;
}
#i_icon_mini_logout:hover {
background-image: url('http://i.imm.io/tiDN.png');
width: 128px;
height: 29px;
}
#i_icon_mini_profile {
background-image: url('http://i.imm.io/tiHy.png');
width: 128px;
height: 29px;
}
#i_icon_mini_profile:hover {
background-image: url('http://i.imm.io/tiHP.png');
width: 128px;
height: 29px;
}
#i_icon_mini_message {
background-image: url('http://i.imm.io/tiI2.png');
width: 128px;
height: 29px;
}
#i_icon_mini_message:hover {
background-image: url('http://i.imm.io/tiIb.png');
width: 128px;
height: 29px;
}
#i_icon_mini_members {
background-image: url('http://i.imm.io/tiIm.png');
width: 128px;
height: 29px;
}
#i_icon_mini_members:hover {
background-image: url('http://i.imm.io/tiIv.png');
width: 128px;
height: 29px;
}
#i_icon_mini_search {
background-image: url('http://i.imm.io/tiIH.png');
width: 128px;
height: 29px;
}
#i_icon_mini_search:hover {
background-image: url('http://i.imm.io/tiIS.png');
width: 128px;
height: 29px;
}
#i_icon_mini_groups {
background-image: url('http://i.imm.io/tiHf.png');
width: 128px;
height: 29px;
}
#i_icon_mini_groups:hover {
background-image: url('http://i.imm.io/tiGI.png');
width: 128px;
height: 29px;
}
.novo {
background-color: #141414;
border: 1px solid #252525;
color: #FFFFFF;
margin-top: 2px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 3px;
padding-top: 3px;
text-align: left;
width: 135px;
}
a[href="/faq"]{
display: none;
}
.code {
border-radius: 10px;
-webkit-border-radius: 10px;
}
.code {
background-color: #222222 !important;
border-color: #3a3a3a !important;
}
.quote {
border-radius: 10px;
-webkit-border-radius: 10px;
}
.quote {
background-color: #222222 !important;
border-color: #3a3a3a !important;
}
#tipkice a img:hover { padding-left: 10px;}

HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 10:35 am

Remove this from your css & check please if the navigation images you add via the admin panel appear?
Code:
#i_icon_mini_index {
background-image: url('http://i.imm.io/tiAp.png');
width: 128px;
height: 29px;
}
#i_icon_mini_index:hover {
background-image: url('http://i.imm.io/tiB5.png');
width: 128px;
height: 29px;
}
#i_icon_mini_new_message {
background-image: url('http://i.imm.io/tiBC.png');
width: 128px;
height: 29px;
}
#i_icon_mini_new_message:hover {
background-image: url('http://i.imm.io/tiBP.png');
width: 128px;
height: 29px;
}
#i_icon_mini_login {
background-image: url('http://i.imm.io/tiCb.png');
width: 128px;
height: 29px;
}
#i_icon_mini_login:hover {
background-image: url('http://i.imm.io/tiCu.png');
width: 128px;
height: 29px;
}
#i_icon_mini_register {
background-image: url('http://i.imm.io/tiCO.png');
width: 128px;
height: 29px;
}
#i_icon_mini_register:hover {
background-image: url('http://i.imm.io/tiD5.png');
width: 128px;
height: 29px;
}
#i_icon_mini_logout {
background-image: url('http://i.imm.io/tiDx.png');
width: 128px;
height: 29px;
}
#i_icon_mini_logout:hover {
background-image: url('http://i.imm.io/tiDN.png');
width: 128px;
height: 29px;
}
#i_icon_mini_profile {
background-image: url('http://i.imm.io/tiHy.png');
width: 128px;
height: 29px;
}
#i_icon_mini_profile:hover {
background-image: url('http://i.imm.io/tiHP.png');
width: 128px;
height: 29px;
}
#i_icon_mini_message {
background-image: url('http://i.imm.io/tiI2.png');
width: 128px;
height: 29px;
}
#i_icon_mini_message:hover {
background-image: url('http://i.imm.io/tiIb.png');
width: 128px;
height: 29px;
}
#i_icon_mini_members {
background-image: url('http://i.imm.io/tiIm.png');
width: 128px;
height: 29px;
}
#i_icon_mini_members:hover {
background-image: url('http://i.imm.io/tiIv.png');
width: 128px;
height: 29px;
}
#i_icon_mini_search {
background-image: url('http://i.imm.io/tiIH.png');
width: 128px;
height: 29px;
}
#i_icon_mini_search:hover {
background-image: url('http://i.imm.io/tiIS.png');
width: 128px;
height: 29px;
}
#i_icon_mini_groups {
background-image: url('http://i.imm.io/tiHf.png');
width: 128px;
height: 29px;
}
#i_icon_mini_groups:hover {
background-image: url('http://i.imm.io/tiGI.png');
width: 128px;
height: 29px;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 10:51 am

this was the effect


HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 10:55 am

That code still remains in your css, remove it as well.
Code:
#i_icon_mini_new_message {
    background-image: url("http://i.imm.io/tiBC.png");
    height: 29px;
    width: 128px;
}
#i_icon_mini_message {
    background-image: url("http://i.imm.io/tiI2.png");
    height: 29px;
    width: 128px;
}
#i_icon_mini_message:hover {
    background-image: url("http://i.imm.io/tiIb.png");
    height: 29px;
    width: 128px;
}
#i_icon_mini_members {
    background-image: url("http://i.imm.io/tiIm.png");
    height: 29px;
    width: 128px;
}
#i_icon_mini_members:hover {
    background-image: url("http://i.imm.io/tiIv.png");
    height: 29px;
    width: 128px;
}

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by HogwartsAcademy on August 6th 2012, 10:57 am

Aaaaaand.. guess what? It worked - you're a genius! Thanks a lot!


HogwartsAcademy
Forumember

Posts : 474
Reputation : 1
Language : English

Back to top Go down

Solved Re: Custom buttons on Nav bar too big or small

Post by Sanket on August 6th 2012, 10:58 am

Topic Solved & Locked

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

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