How can i change my forum buttons?
3 posters
Page 1 of 1
How can i change my forum buttons?
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
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
refresh102- Forumember
- Posts : 181
Reputation : 4
Language : English,Japanese
Re: How can i change my forum buttons?
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
}
Re: How can i change my forum buttons?
It depends on your forum version, but this is a ruleset for phpbb3 from one of my themes.
Change the hex colors to whatever you'd like.
- 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.
Re: How can i change my forum buttons?
Hello the two of the codes doesn't work is there another codes out there?
BTW my forum version is PunBB
BTW my forum version is PunBB
refresh102- Forumember
- Posts : 181
Reputation : 4
Language : English,Japanese
Re: How can i change my forum buttons?
The set I provided should work for punbb. Could you provide a link to your forum ?
Thanks.
Thanks.
Re: How can i change my forum buttons?
http://hunterxroleplay.forumh.net/ here
Btw here is my css if you want
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://2img.net/i/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://2img.net/i/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://2img.net/i/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
- Posts : 181
Reputation : 4
Language : English,Japanese
Re: How can i change my forum buttons?
Add this to the bottom of your stylesheet :
If that doesn't work, add it to the top.
- 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.
Re: How can i change my forum buttons?
Oh come on! @Ange Tuteur are you a coding god? You solved my problem ! Lemme bake you a potato
BTW Thanks you're great
BTW Thanks you're great
refresh102- Forumember
- Posts : 181
Reputation : 4
Language : English,Japanese
Similar topics
» is it possible to change the look on buttons on the forum?
» how to change buttons on forum
» Change language of buttons on the forum?
» Edit and Change the text of menu buttons/and all messages on forum
» How would I change the "visitor messages" "post" or "reply" buttons from the private message buttons?
» how to change buttons on forum
» Change language of buttons on the forum?
» Edit and Change the text of menu buttons/and all messages on forum
» How would I change the "visitor messages" "post" or "reply" buttons from the private message buttons?
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum