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.

How to set pictures on the buttons

View previous topic View next topic Go down

Solved How to set pictures on the buttons

Post by Matrixx on April 19th 2014, 4:01 pm

Hey guys,
I want ask you how can i add pictures here

using CSS becouse i create button from one site and it`s working only with CSS

i use this siteCLICK


Last edited by Matrixx on April 20th 2014, 4:50 pm; edited 1 time in total

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by zebadee_19 on April 19th 2014, 5:12 pm

Hi Smile
I use this site. http://cooltext.com/
Just upload the images...
Admin Panel > Display > Pictures & Colors > Picture Management > Advanced Mode.



(Don't forget to save.)

Then set "Display only images in the navbar".
Admin Panel > Display > Homepage > Headers & Navigation.
(Again don't forget to save.)



zebadee_19
Forumember

Male Posts : 163
Reputation : 5
Language : English
Location : UK

http://www.friendsofudvdr.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 19th 2014, 5:57 pm

Yes i know how to make them, but here make only logos ? or have a option for button or you must customize it, for now i just to know how can i make it with CSS code and its that possible

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Luffy on April 19th 2014, 9:47 pm

If you do this option, the icons will appear. The icons you can find them ready on different sites like http://iconfinder.com or http://iconarchive.com or simply ask someone here to make them for you or find them somewhere else. The only thing you can do is activate this:


Luffy
Manager
Manager

Male Posts : 4035
Reputation : 407
Language : Greek, English
Location : Greece

http://www.thinktankforum.net

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Neptune- on April 19th 2014, 10:35 pm

Hello ^^

In your ACP
-> Display only images in the navbar -> Tick no and save
ACP -> Display -> Picture management -> Advanced
-> For all your nav buttons put this image
Code:
http://illiweb.com/fa/empty.gif

And on your generator
Replace CSS classname with a.mainmenu
On Get the code tab, uncheck show <style> tag.

Finally copy-paste all the CSS code on your css stylesheet.




But i think you should better ask for real buttons instead of making them with dozens of lines of CSS

Neptune-
Forumember

Male Posts : 187
Reputation : 21
Language : French (10), English (8), CSS (5), HTML (4), Javascript (1)
Location : France

http://www.planet-series.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 2:15 am

Hi Very Happy

They're all right and neptune's way would generally be easy. But if you wanna change them with CSS, do something like:

Code:
a[href="/"] {
  background-image:url(IMG link);
}

If you want it above, you can add z-index or use position codes.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 11:44 am

Doesn't work i can`t understand how to make it i have CSS code but how can i change it... I can upload a picture but then will be not so nice, and i can`t find picture to make it can you see the site and tell me it`s possible to make it. This Index, Profile, Members i want change them with pictures but how with CSS code or is that possible, because only way is that in this site i can`t find another site

This is the code for this button. i want set this button to the index

Code:

HTML:<a href="#" class="classname">Home</a>

CSS:

<style type="text/css">
.classname {
-moz-box-shadow:inset 0px 1px 0px 0px #696969;
-webkit-box-shadow:inset 0px 1px 0px 0px #696969;
box-shadow:inset 0px 1px 0px 0px #696969;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #000203) );
background:-moz-linear-gradient( center top, #666666 5%, #000203 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#000203');
background-color:#666666;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0px;
border:1px solid #000000;
display:inline-block;
color:#ffffff;
font-family:Trebuchet MS;
font-size:17px;
font-weight:bold;
font-style:normal;
height:39px;
line-height:39px;
width:111px;
text-decoration:none;
text-align:center;
text-shadow:0px 0px 0px #000000;
}
.classname:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #000203), color-stop(1, #666666) );
background:-moz-linear-gradient( center top, #000203 5%, #666666 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#000203', endColorstr='#666666');
background-color:#000203;
}.classname:active {
position:relative;
top:1px;
}
</style>


I want when i click on the button to have effect

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 12:28 pm

Hi Very Happy

Okay, sorry, I have a difficult time understanding what you want so let's start over. The reason why you don't want to upload pictures manually is because you don't want the other options to have it and you don't want those other options to appear, correct?

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 12:35 pm

ohh, i want to change Headers and Navigation buttons but, i don`t want set a PNG, because it`s ugly i want make it like other sites when you click on the button to have any effect, like here on Index when you click it the letters become bigger and yellow i want same thing, sorry my English is not good

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 12:43 pm

Hi Very Happy

Okay, I get what you're at now Smile .

That's a transition during hover effect. You can do something like this in your CSS:

Code:
ul.navlinks a.mainmenu {
  transition: 400ms;
}
ul.navlinks a.mainmenu:hover {
  transform:rotate(360deg);
  min-height: #px;
  min-width: #px;

You can remove transform:rotate(360deg); if you want, and make sure to set the #px value.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 12:52 pm

@Pizza Boi wrote:Hi Very Happy

Okay, I get what you're at now Smile.

That's a transition during hover effect. You can do something like this in your CSS:

Code:
ul.navlinks a.mainmenu {
 transition: 400ms;
}
ul.navlinks a.mainmenu:hover {
 transform:rotate(360deg);
 min-height: #px;
 min-width: #px;

You can remove transform:rotate(360deg); if you want, and make sure to set the #px value.

Regards,
Pizza Boi

Detected error
We have counted a different number of "{" and of "}". It means your CSS risks to be not valid and will not be posted correctly on your forum.

We advise you to reread your code.

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 12:58 pm

Hi Very Happy

Oh, sorry, I forgot to close it, lol. Try this instead:

Code:
ul.navlinks a.mainmenu {
 transition: 400ms;
}
ul.navlinks a.mainmenu:hover {
 transform:rotate(360deg);
 min-height: #px;
 min-width: #px;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 1:32 pm

What that must to do Very Happy? i want make picture when i click to make Mouse Over Effect

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 1:41 pm

Hi Very Happy

Well, if you want, just do this:

Code:
ul.navlinks a.mainmenu {
  background: none !important;
}
ul.navlinks a.mainmenu:hover {
  background-image:url(IMG LINK)
  z-index: 999;
}

You need to change IMG LINK to the link of the picture you have with you. If that doesn't work, please provide the picture(s) you want to be displayed and I'll see what I can do.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 2:22 pm

Okay i make it by different way and it`s nice, i want ask you can i make the word bigger ? here:

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 2:51 pm

Hi Very Happy

Sure, you can adjust the code below to your liking:

Code:
#nav .nav > li.nav-icon > a:hover {
  font-size: 18px;
  transition: 400ms;
}

You don't have to worry about whether the letters would exceed the style since the original style without hover adapts to it already.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 3:07 pm

doesn`t work or I not understand how to make it xD

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 3:10 pm

Hi Very Happy

Hmm... can you post the codes you are using currently for your navigation bars? I'd like to check them out please.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 3:41 pm

/*----------------------Character Sheet----------------------------------*/
/* First column (border removal) */
.column1 { border:none; }


/* Labels for fields */
dl.details dt {
text-align:left;
margin-left:16px;
}


/* Second column (textarea) */
.column2 {
position:relative;
bottom:35px;
}
/*----------------------Chatbox----------------------------------*/


/*----------------------Navebar----------------------------------*/
a[href="/groups"]{
display:none;
}
a[href="/search"]{
display:none;
}
a[href="/faq"]{
display:none;
}


.navbar {
background-color: transparent;
clear: both;
color: #000;
padding: 0 10px;
}


ul.navlinks {
border-bottom: 0 solid #FFFFFF;
font-size: 12px;
font-weight: normal;
text-align: center;
margin-top: 0px;
}


ul.navlinks li a {
color: #ffffff;
padding: 6px 10px 5px;
}


ul.navlinks li a:hover {
color: #2561c1;
}
/*----------------Rank/Name Above avatar--------------*/
.postprofile, .postprofile dt { position:relative; }
/* margin above avatar for rank and name */
.postprofile dl dt img {
margin-top:60px;
/* negate margin from fallback */
margin-bottom:-20px;
}
/* fallback for users without avatars */
.postprofile dt+dd+dd+dd { margin-top:20px; }
/* username */
.postprofile dl dt br + strong {
position:absolute;
top:0px;
right:0px;
left:0px;
}
/* rank */
.postprofile dl dt + dd {
position:absolute;
top:20px;
right:0px;
left:0px;
}
/*Quote-----------------------------------------*/


/*Remove Share / Keep Action-------------------------------------*/
a.addthis_button, a[href="javascript(document.getElementById('share'))"] { display:none; }


/*-------------------------------------*/
html#sceditor_smilies body {
background-image: none;
background-color: #262627;
}


#tabs .activetab span {
color:#fff !important; }
#tabs .activetab a { background:#262627;
}


a.cgu-buttons {
color: #000!important;
}


#search{
display:none;
}
/*-------------------------------------*/


#wrap {


background-repeat: repeat-x-y;
background-image: url('');
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;






-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.inputbox {
background-color: #3c3c3c;


border: 1px solid #BCBCBC;
color: #ffffff;
padding: 2px;
cursor: text;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;


}
#text_editor_controls a.button2,#text_editor_controls input.button2,#text_editor_controls button.button2{
background-image: url(http://illiweb.com/fa/prosilver/bg_button.gif);


-moz-border-radius: 5px;
-webkit-border-radius: 5px;
padding: 3px;}


.inputbox:hover {
background-color: #3c3c3c;


border: 1px solid #BCBCBC;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border-color: #111010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
input.button1, input.button2, button.button2 {
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset dl {
padding: 4px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset.fields1 dt {
width: 10em;
border-right-width: 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
fieldset.submit-buttons {
text-align: center;
vertical-align: middle;
margin: 5px 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}




dl.codebox {
padding: 3px;
background-color: #FFFFFF;
border: 1px solid #C9D2D8;
font-size: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
}
.forabg {
background-color: #262627;
margin-bottom: 4px;
clear: both;
border: 2px solid #;
padding: 0px 5px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border: 1px solid #101010;
background-image: url('');
-o-transition: background-color 0.2s linear;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}


.panel {
margin-bottom: 4px;
padding: 0px 10px;
background-image: url('');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
border: 1px solid #101010;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.post {
padding: 0 10px;
margin-bottom: 4px;
background-repeat: no-repeat;
background-position: 100% 0;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;


background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}
.postprofile {
background: none repeat scroll 0 0 rgba(0, 0, 0, 0.4) !important;
border-radius: 5px 5px 5px 5px;
color: #999;
display: inline;
margin: 5px 0 0;
min-height: 80px;
position: relative;
text-align: center;
width: 20%;
word-wrap: break-word;
border: 1px solid rgba(0, 0, 0, 0.25);
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.1);
padding: 5px;
}


#cp-main {
float: left;
width: 98%;
margin-left: 20px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#cp-main .panel {


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#cp-main table.table1 {
margin-bottom: 1em;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#ucp-main table.table1 {
padding: 2px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#tabs {
line-height: normal;
margin: 20px 0 -1px 7px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;


/*min-width: 570px;
*/
}
#smiley-box {


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}


ul.profile-icons {
margin-top: 10px;
list-style: none;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
#message-box textarea {


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
}
.module {
background-image: url('http://i60.servimg.com/u/f60/14/70/09/25/gradie22.png');
border: 1px solid #101010;
background-repeat: repeat-x;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
background-color: #262627;
-moz-box-shadow : 0 0 9px #000000;
-webkit-box-shadow : 0 0 9px #000000;
}


.signature {


-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px;
border-radius: 10px;
border-color: #111010;


}


dl.icon dd.dterm, dl.icon dt {
background-position: 75% 75%;
}






.a.mainmenu {
-moz-box-shadow:inset 0px 0px 0px 0px #ffffff;
-webkit-box-shadow:inset 0px 0px 0px 0px #ffffff;
box-shadow:inset 0px 0px 0px 0px #ffffff;
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #666666), color-stop(1, #242424) );
background:-moz-linear-gradient( center top, #666666 5%, #242424 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#666666', endColorstr='#242424');
background-color:#666666;
-webkit-border-top-left-radius:0px;
-moz-border-radius-topleft:0px;
border-top-left-radius:0px;
-webkit-border-top-right-radius:0px;
-moz-border-radius-topright:0px;
border-top-right-radius:0px;
-webkit-border-bottom-right-radius:0px;
-moz-border-radius-bottomright:0px;
border-bottom-right-radius:0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-bottomleft:0px;
border-bottom-left-radius:0px;
text-indent:0;
border:1px solid #ffffff;
display:inline-block;
color:#ffffff;
font-family:Trebuchet MS;
font-size:15px;
font-weight:bold;
font-style:normal;
height:40px;
line-height:40px;
width:100px;
text-decoration:none;
text-align:center;
text-shadow:0px 0px 50px #ffffff;
}
.a.mainmenu:hover {
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #242424), color-stop(1, #666666) );
background:-moz-linear-gradient( center top, #242424 5%, #666666 100% );
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#242424', endColorstr='#666666');
background-color:#242424;
}.a.mainmenu:active {
position:relative;
top:1px;
}




ul.navlinks a.mainmenu {
transition: 400ms;
}
ul.navlinks a.mainmenu:hover {
transform:rotate(320deg);
min-height: #px;
min-width: #px;
}




#nav .nav > li.nav-icon > a:hover {
font-size: 18px;
transition: 400ms;
}

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 3:47 pm

Hi Very Happy

Okay, just use this for the navbar hover:

Code:
ul.navlinks li a:hover {
  font-size: 18px;
  transition: 400ms;
}

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 4:29 pm

yes it works but i was want to be bigger not when i click on them

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 4:32 pm

Hi Very Happy

Well then, if ever, change your code:

Code:
ul.navlinks {
    border-bottom: 0 solid #FFFFFF;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
}

To this one instead:

Code:
ul.navlinks {
    border-bottom: 0 solid #FFFFFF;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    margin-top: 0px;
}

Change 14px to the size you want.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 4:36 pm

yes working and my final question how to change the color when i click on it here is yellow i want change it to any color

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 4:40 pm

Hi Very Happy

Add this please:

Code:
ul.navlinks li a:hover {
  color: #Color !important;
}

Please change #Color to the color you want.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Matrixx on April 20th 2014, 4:46 pm

Thanks a lot, Pizza Boi. All works

Matrixx
Forumember

Male Posts : 48
Reputation : 1
Language : Bulgarian, English
Location : Bulgaria, Razgrad

http://matrix-serv.iftopic.com

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Pizza Boi on April 20th 2014, 4:48 pm

Hi Very Happy

The pizza's here! That'd be 2.99$ Wink .

No problem~

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How to set pictures on the buttons

Post by Ange Tuteur on April 20th 2014, 8:21 pm

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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