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 can i change my forum buttons?

View previous topic View next topic Go down

Solved How can i change my forum buttons?

Post by refresh102 on April 3rd 2015, 5:15 pm

Hello can you give me the code on how to change my forum buttons so here's the screenshot so that you can understand deeply.

Here's my current button :


I want it to be like this : (Just like the forumotion buttons )


Anyone who can help me with this?

My FOrum address : http://hunterxroleplay.forumh.net/
Forum Version : PunBB

Thanks in advance Very Happy

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by developer.ryan on April 3rd 2015, 5:25 pm

Hi my brother try this Code
Code:
button.button2:hover, input.button2:hover {
    background:position the Walloon code here;
    border:1px solid #place the code frame color here;
    color:#place the icon text color here
}

developer.ryan
Forumember

Posts : 98
Reputation : 6
Language : English,Chinese,Italian,French
Location : The doors of development

http://javascript:self.close()

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by Ange Tuteur on April 3rd 2015, 5:28 pm

It depends on your forum version, but this is a ruleset for phpbb3 from one of my themes.
Code:
/* buttons */
a.button1, a.button2, button.button2, input.button1, input.button2 {
  color:#FFF !important;
  font-weight:bold;
  background:#8C5;
  border:none !important;
  border-radius:3px;
  padding:5px 10px !important;
  margin:3px;
  -webkit-transition:300ms;
          transition:300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover { background-color:#7B4 }
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus { background-color:#333 }

Change the hex colors to whatever you'd like. Wink

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by refresh102 on April 3rd 2015, 5:37 pm

Hello the two of the codes doesn't work Sad is there another codes out there?
BTW my forum version is PunBB

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by Ange Tuteur on April 3rd 2015, 5:42 pm

The set I provided should work for punbb. Could you provide a link to your forum ?

Thanks.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by refresh102 on April 3rd 2015, 5:45 pm

http://hunterxroleplay.forumh.net/ here


Btw here is my css if you want


Code:
[color=#666666]/* css by genji watanabe copyright 9/11/2013 */[/color]
[color=#666666].pun a:link {[/color]
[color=#666666]    color: #729fb2; [/color]
[color=#666666]    text-decoration: none !important;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun a:visited {[/color]
[color=#666666]    color: #729fb2;  [/color]
[color=#666666]    text-decoration: none !important;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun a:hover {[/color]
[color=#666666]    color: #a4686c;  [/color]
[color=#666666]    text-decoration: none !important;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]#pun-visit, .main-box, #qjump {[/color]
[color=#666666]    display: none;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]body  {[/color]
[color=#666666]    padding: 20px;[/color]
[color=#666666]    background: #E4ECEF url('http://i56.servimg.com/u/f56/18/49/22/05/100-9010.png');  [/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    color: #666;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun {[/color]
[color=#666666]    width: 95%;[/color]
[color=#666666]    padding: 10px;[/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);[/color]
[color=#666666]    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);[/color]
[color=#666666]    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  [/color]
[color=#666666]    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  [/color]
[color=#666666]    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);[/color]
[color=#666666]    -webkit-border-radius: 8px;[/color]
[color=#666666]    -moz-border-radius: 8px;[/color]
[color=#666666]    -ms-border-radius: 8px;  [/color]
[color=#666666]    -o-border-radius: 8px;[/color]
[color=#666666]    border-radius: 8px;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun-inside {[/color]
[color=#666666]    padding: 10px;[/color]
[color=#666666]    background: #fff;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .main-content { [/color]
[color=#666666]    background: #f6f7f8;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#pun-about {[/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#stats {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#onlinelist {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    border-top: 1px solid #CFD5DA;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].boxonline {[/color]
[color=#666666]    margin-left: 20px;[/color]
[color=#666666]    padding: 4px 10px;  [/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;    [/color]
[color=#666666]    font-family: Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    color: #729FB2; [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#pun-intro {[/color]
[color=#666666]    margin: 0 auto;[/color]
[color=#666666]    width: 95%; [/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    border: 0px solid #ddd;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#pun-logo {[/color]
[color=#666666]    margin: 20px 0px;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].showhide_menu {[/color]
[color=#666666]    width: 370px;[/color]
[color=#666666]    height: 50px;[/color]
[color=#666666]    padding: 15px;  [/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]    -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);[/color]
[color=#666666]    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);[/color]
[color=#666666]    -ms-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  [/color]
[color=#666666]    -o-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);  [/color]
[color=#666666]    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.05);[/color]
[color=#666666]    -webkit-border-radius: 8px;[/color]
[color=#666666]    -moz-border-radius: 8px;[/color]
[color=#666666]    -ms-border-radius: 8px;  [/color]
[color=#666666]    -o-border-radius: 8px;[/color]
[color=#666666]    border-radius: 8px; [/color]
[color=#666666]    text-align: center; [/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#pun-nav {[/color]
[color=#666666]    margin: 0 0 1em 0;  [/color]
[color=#666666]    padding: 0.6em 1em;[/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#pun-nav ul {[/color]
[color=#666666]    float: right;[/color]
[color=#666666]    width: 60%;[/color]
[color=#666666]    text-align: right;[/color]
[color=#666666]    list-style-type: none;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#pun-nav li {[/color]
[color=#666666]    margin-left: 0.7em;[/color]
[color=#666666]    white-space: nowrap;[/color]
[color=#666666]    float: right;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#pun-nav li a {[/color]
[color=#666666]    padding-left: 17px;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .paged-foot, .pun .paged-head {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    border: 0px solid #ddd;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].main .main-head {[/color]
[color=#666666]    margin: 5px;  [/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: bold;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    color: #666;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].main .main-foot {[/color]
[color=#666666]    margin: 5px;  [/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: bold;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    color: #666;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].main .main-head .page-title, .pun .main-head .h2, .subtitle {[/color]
[color=#666666]    width: 350px;[/color]
[color=#666666]    line-height: 150%;[/color]
[color=#666666]    padding: .6em 1em;    [/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: 700;[/color]
[color=#666666]    font-size: 10px;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].main .main-foot .page-title, .pun .main-foot .h2 {[/color]
[color=#666666]    width: 350px;[/color]
[color=#666666]    line-height: 150%;[/color]
[color=#666666]    padding: .6em 1em;    [/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: 700;[/color]
[color=#666666]    font-size: 10px;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun h2, .pun h3 {[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: 700;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun-crumbs p {[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: 700;  [/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    color: #666;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun table.table th {[/color]
[color=#666666]    background: transparent !important;  [/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    color: #666;   [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun table.table td {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    border-top: 1px solid #CFD5DA;[/color]
[color=#666666]    border-bottom: 0px solid #ddd;[/color]
[color=#666666]    border-left: 0px solid #ddd;  [/color]
[color=#666666]    border-right: 0px solid #ddd;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]tr.cat {[/color]
[color=#666666]    display: inline-block;[/color]
[color=#666666]    margin: 5px;[/color]
[color=#666666]    padding: 5px;[/color]
[color=#666666]    width: 426px;[/color]
[color=#666666]    min-height: 50px;[/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]td.cat {[/color]
[color=#666666]    border-top: 0px solid #ddd !important;   [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#cat-title {[/color]
[color=#666666]    margin-top: -5px;  [/color]
[color=#666666]    margin-bottom: 0px;  [/color]
[color=#666666]    margin-left: -5px;  [/color]
[color=#666666]    margin-right: -5px;  [/color]
[color=#666666]    padding: 5px; [/color]
[color=#666666]    border-bottom: 1px solid #CFD5DA;[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: bold;[/color]
[color=#666666]    font-size: 10px;  [/color]
[color=#666666]    overflow: hidden;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#cat-detail {[/color]
[color=#666666]    margin: 10px 0px;[/color]
[color=#666666]    padding: 10px; [/color]
[color=#666666]    background: #fff; [/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]    text-align: justify;[/color]
[color=#666666]    overflow: hidden;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#cat-detail img {[/color]
[color=#666666]    margin-right: 10px;[/color]
[color=#666666]    padding-right: 10px;[/color]
[color=#666666]    max-width: 50px;[/color]
[color=#666666]    border-right: 1px solid #CFD5DA;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#cat-last {[/color]
[color=#666666]    margin: 10px 0px;[/color]
[color=#666666]    padding: 10px; [/color]
[color=#666666]    background: #fff; [/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]    text-align: justify;[/color]
[color=#666666]    overflow: hidden;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].topics, .posts {[/color]
[color=#666666]    display: inline;[/color]
[color=#666666]    padding-top: 5px;[/color]
[color=#666666]    padding-right: 10px;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].topics span, .posts span { [/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-size: 10px;  [/color]
[color=#666666]    color: #729FB2;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .post {[/color]
[color=#666666]    margin: 5px; [/color]
[color=#666666]    background: #EEF5F7; [/color]
[color=#666666]    border-color: #CFD5DA;[/color]
[color=#666666]    border-style: solid;[/color]
[color=#666666]    border-width: 1px;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .postmain {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    border-left: 1px solid #CFD5DA;   [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .posthead {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]    border-bottom: 1px dashed #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].postfoot {[/color]
[color=#666666]    margin: 0px;[/color]
[color=#666666]    border-top: 1px dashed #CFD5DA;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .user-ident .username {[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: bold;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .user-ident .user-basic-info {[/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: bold;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    text-align: center;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .user .user-info {[/color]
[color=#666666]    padding: 5px;[/color]
[color=#666666]    background: #f6f7f8;[/color]
[color=#666666]    border: 1px solid #CFD5DA;   [/color]
[color=#666666]    color: #666;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].codebox {[/color]
[color=#666666]    padding: 5px;[/color]
[color=#666666]    background: #f6f7f8;[/color]
[color=#666666]    border: 1px solid #CFD5DA; [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].codebox dt {[/color]
[color=#666666]    border-bottom: 1px dashed #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].codebox dd {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].postmain blockquote {[/color]
[color=#666666]    background: #f6f7f8;[/color]
[color=#666666]    border: 1px solid #CFD5DA;    [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].postmain cite {[/color]
[color=#666666]    padding-bottom: 5px;[/color]
[color=#666666]    border-bottom: 1px solid #CFD5DA; [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .main-head a.exthelp, .pun .main-head a.exthelp:link, .pun .main-head a.exthelp:visited {[/color]
[color=#666666]    background-image: url('http://illiweb.com/fa/empty.gif');[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].main .main-content.frm {[/color]
[color=#666666]    background: #f6f7f8;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .frm-form {[/color]
[color=#666666]    background: transparent !important;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].frm-buttons {[/color]
[color=#666666]    border-top: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].sceditor-container {[/color]
[color=#666666]    background: #EEF5F7 !important;   [/color]
[color=#666666]    border: 1px solid #CFD5DA !important; [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]div.sceditor-toolbar {[/color]
[color=#666666]    background: #EEF5F7 !important;   [/color]
[color=#666666]    border-bottom: 1px solid #CFD5DA !important; [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]div.sceditor-group {[/color]
[color=#666666]    background: transparent !important;   [/color]
[color=#666666]    border-bottom: 0px solid #ddd !important; [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].sceditor-container textarea { [/color]
[color=#666666]    border: 1px solid #CFD5DA !important;[/color]
[color=#666666]    font-size: 10px !important;   [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .frm .frm-form table {[/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]    border-color: #CFD5DA;[/color]
[color=#666666]    border-top: 1px solid #CFD5DA;   [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .main .main-content.message {[/color]
[color=#666666]    background: #f6f7f8;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].pun .main .main-content p.message {[/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].main .frm-info {[/color]
[color=#666666]    padding: 35px 35px 35px 85px;  [/color]
[color=#666666]    background: #EEF5F7 url('https://cdn0.iconfinder.com/data/icons/TWG_Retina_Icons/64/info.png');[/color]
[color=#666666]    background-repeat: no-repeat;[/color]
[color=#666666]    background-position: 10px center;  [/color]
[color=#666666]    border: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]fieldset.frm-set.multi {   [/color]
[color=#666666]   border: 0px solid #ddd;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666].sub-head {[/color]
[color=#666666]    border-bottom: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#profile-advanced-details div.separator {[/color]
[color=#666666]    border-bottom: 1px solid #CFD5DA;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#tabs ul li.activetab a {[/color]
[color=#666666]    background: #EEF5F7;[/color]
[color=#666666]    border: 1px solid #CFD5DA;  [/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: bold;[/color]
[color=#666666]    font-size: 10px; [/color]
[color=#666666]    color: #f90;  [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#tabs ul li.activetab a:hover {[/color]
[color=#666666]    background: #EEF5F7; [/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#tabs ul li a {[/color]
[color=#666666]    background: #f6f7f8;[/color]
[color=#666666]    border: 1px solid #CFD5DA; [/color]
[color=#666666]    font-family: Proxima Nova Alt,Verdana,Arial,Helvetica,sans-serif;[/color]
[color=#666666]    font-weight: bold;[/color]
[color=#666666]    font-size: 10px;[/color]
[color=#666666]    color: #666;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666]
[/color]
[color=#666666]#tabs ul li a:hover {[/color]
[color=#666666]    background: #EEF5F7; [/color]
[color=#666666]    color: #f90;  [/color]
[color=#666666]}[/color]
[color=#666666].postbody .username{[/color]
[color=#666666] text-align: center;[/color]
[color=#666666]  width:100%[/color]
[color=#666666]}[/color]
[color=#666666].prevImg {[/color]
[color=#666666]  background:url(http://illiweb.com/fa/prosilver_grey/subforum_read.gif) no-repeat;[/color]
[color=#666666]  background-size:100% 100%;[/color]
[color=#666666]  display:block;[/color]
[color=#666666]  width:25px;[/color]
[color=#666666]  height:25px;[/color]
[color=#666666]  margin:3px;[/color]
[color=#666666]  float:left;[/color]
[color=#666666]  overflow:hidden;[/color]
[color=#666666]}[/color]
[color=#666666]
[/color]
[color=#666666].prevImg img {[/color]
[color=#666666]  width:25px;[/color]
[color=#666666]  height:25px;[/color]
[color=#666666]}[/color]
[color=#666666]body {[/color]
[color=#666666]margin: 0px; [/color]
[color=#666666]cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur116.cur), progress; [/color]
[color=#666666]}[/color]
[color=#666666]a:hover {[/color]
[color=#666666]cursor: url(http://cur.cursors-4u.net/cursors/cur-2/cur117.cur), default; [/color]
[color=#666666]}[/color]
[color=#666666].module .h3, .module h3 {[/color]
[color=#666666]    background: none repeat scroll 0 0 #eef5f7;[/color]
[color=#666666]    border: 1px solid #cfd5da;[/color]
[color=#666666]    margin: -5px -18px;[/color]
[color=#666666]    padding: 8px;[/color]
[color=#666666]}[/color]
[color=#666666].postmain.online.st-answer {[/color]
[color=#666666]background: url("http://www.psdgraphics.com/file/colorful-triangles-background.jpg") repeat-y scroll left top, url("http://illiweb.com/fa/prosilver/icon_user_online_en.png") no-repeat scroll right top #E5F1F9;[/color]
[color=#666666]}[/color]
[color=#666666].postmain.st-answer {[/color]
[color=#666666]background: url("http://www.psdgraphics.com/file/colorful-triangles-background.jpg") repeat-y scroll left top #E5F1F9;[[/color]
[color=#666666]}[/color]
[color=#666666]img:hover[/color]
[color=#666666]{opacity:0.8;[/color]
[color=#666666]filter:alpha(opacity=85); /* For IE8 and earlier */[/color]
[color=#666666]}

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by Ange Tuteur on April 3rd 2015, 5:51 pm

Add this to the bottom of your stylesheet :
Code:
/* buttons */
a.button1, a.button2, button.button2, input.button1, input.button2, input[type="button"], input[type="submit"] {
  color:#FFF !important;
  font-weight:bold;
  background:#8C5;
  border:none !important;
  border-radius:3px;
  padding:5px 10px !important;
  margin:3px;
  -webkit-transition:300ms;
          transition:300ms;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, input[type="button"]:hover, input[type="submit"]:hover { background-color:#7B4 }
a.button1:focus, a.button2:focus, button.button2:focus, input.button1:focus, input.button2:focus, input[type="button"]:focus, input[type="submit"]:focus { background-color:#333 }

If that doesn't work, add it to the top.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by refresh102 on April 3rd 2015, 5:55 pm

Oh come on! @Ange Tuteur are you a coding god? You solved my problem ! Lemme bake you a potato Razz

BTW Thanks you're great  :wouhou:

refresh102
Forumember

Male Posts : 181
Reputation : 4
Language : English,Japanese

Back to top Go down

Solved Re: How can i change my forum buttons?

Post by Ange Tuteur on April 3rd 2015, 6:27 pm

No problem Wink

Topic archived

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
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