Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 56
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
BBCode, Post, Edit, Preview and Poll buttons
This part of my coding isn't a "fix" so much as it is a tweak. I expect things which look like buttons to behave like buttons, so I traditionally add CSS to give them a distinct "hover effect" as the mouse cursor moves over them.
The default settings for the BBCode boxes set them almost on top of each other, so a tiny margin adjustment is made to allow for more "white space" at the top and bottom of each "button box."
Last edited by Pastor Rick, 10/28/2018, 9:01 pm
|
10/24/2018, 1:07 am
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|
Pastor Rick
Head Administrator
Registered: 07-2005
Location: Texas
Posts: 56
Karma: 0 (+0/-0)
|
Reply | Quote
|
|
Re: BBCode, Post, Edit and Preview buttons
/* BBCODE, POST, EDIT, PREVIEW AND POLL BUTTONS */
.qcode_bar_but {
margin-top: 3px;
margin-bottom: 1px;
}
.ak_msgform_newtopic_submit_button, .ak_msgform_newtopic_preview_button, .ak_msgform_postreply_submit_button, .ak_msgform_postreply_preview_button, .ak_msgform_editpost_submit_button, .ak_msgform_editpost_preview_button, .qcode_bar_but, .ak_poll_table_button_cell input {
border: 2px outset;
background-color: #FAFAFA;
}
.ak_msgform_newtopic_submit_button:hover, .ak_msgform_newtopic_preview_button:hover, .ak_msgform_postreply_submit_button:hover, .ak_msgform_postreply_preview_button:hover, .ak_msgform_editpost_submit_button:hover, .ak_msgform_editpost_preview_button:hover, .qcode_bar_but:hover, .ak_poll_table_button_cell input:hover {
border: 2px inset;
background-color: #DDDDDD;
}
Last edited by Pastor Rick, 10/28/2018, 9:02 pm
|
10/28/2018, 1:02 pm
|
Link to this post
Email Pastor Rick
PM Pastor Rick
Blog
|