MyBB Community Forums

Full Version: CSS Buttons for 1.X
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
Pages: 1 2 3 4
can anyone tell me if works this tutorial and what modeules i have to install on my forum to be able do this changes?
(2012-03-12, 02:21 PM)Audentio Wrote: [ -> ]
  • postbit_delete_pm
  • postbit_edit
  • postbit_email
  • postbit_find
  • postbit_forward_pm
  • postbit_multiquote
  • postbit_pm
  • postbit_quickdelete
  • postbit_quote
  • postbit_rep_button
  • postbit_reply_pm
  • postbit_replyall_pm
  • postbit_report
  • postbit_warn
  • postbit_www
  • forumdisplay_newthread
  • reputation_addlink
  • showthread_newreply
  • showthread_newreply_closed

Hi, missing some template button:

announcement_quickdelete
announcement_edit
calendar_event_editbutton
I installed this, and I got everything working, except the multi-quote. I added the required code to the headerinclude, added the CSS and even used the postbit_multiquote template you posted. It shows as the CSS button, but doesn't change color when I click it.

Not sure what to do at this point, I'm certain I've done everything as asked.
You can try the solution provided by Johnny S:
http://demonate.com/thread-1379.html
Thank you, but I've tried all 3 of those fixes and none of them seem to work. I tried editing the thread.js and when I click multiquote, it quotes, but doesn't change color.

I tried including the jquery library, cookie plugin and a function, which also doesn't work. I then tried the other solution, which didn't work either.

Not quite sure why it isn't working. But, just so I'm clear on this, in the thread.js file, I must replace the specified lines with this:

Line 19: element.addClassName("multiquote_on");
Line 52: element.addClassName("multiquote_on");
Line 57: element.removeClassName("multiquote_on");
Line 138: element.removeClassName("multiquote_on");

Is that correct?
The tutorial I've pointed you at requires only template and CSS edits, no js edit.
Sure you have done the steps correctly? Coz as per our test it worked fine.
I'm confident I've followed the tutorial step by step. Added code to the headerinclude, added the CSS and then added the class="postbit_button button_xxxxx" to each of the listed templates.

The link you sent me to had a fix to edit the thread.js file.
I'm sure you have misunderstood somewhere.

You have to edit only postbit_multiquote template and global.css. No js file.
There are possibilities defined above. Follow the tutorial from this line only:

Quote:For sibling selector fix ....
I've got the CSS buttons working fine, they show up and the hover properties all work. However, the text on the button stays gray due to this code:


a:link {
	color: #666;
	text-decoration: none;
}

No my CSS Code is this:

.postbutton {
   border-top: 1px solid #96d1f8;
   background: #061c2c;
   background: -webkit-gradient(linear, left top, left bottom, from(#294c63), to(#061c2c));
   background: -webkit-linear-gradient(top, #294c63, #061c2c);
   background: -moz-linear-gradient(top, #294c63, #061c2c);
   background: -ms-linear-gradient(top, #294c63, #061c2c);
   background: -o-linear-gradient(top, #294c63, #061c2c);
   padding: 5px 10px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFFFFF;
   font-size: 10px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   }
.postbutton:hover {
   border-top-color: #28597a;
   background: #28597a;
   color: #ffffff;
   }
.postbutton:active {
   border-top-color: #1b435e;
   background: #1b435e;
 }

Is there a way to bypass the first code for just the buttons? Because if I remove that code in the "global.css" all of the links site wide turn blue.


EDIT: Nevermind I fixed this problem by putting this where the text is supposed to go:

<font color="Color Here"> YOUR TEXT </font>
Pages: 1 2 3 4