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 : 13021
Reputation : 2684
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 Sadis 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 : 13021
Reputation : 2684
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 : 13021
Reputation : 2684
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 : 13021
Reputation : 2684
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