Customize MyBB "Post Reply" and "Preview Post" input buttons with CSS
#11
(2012-08-20, 07:54 PM)BitzDefender Wrote:
(2012-08-20, 06:45 PM)brad-t Wrote:
(2012-03-18, 02:19 PM)BitzDefender Wrote: It is a shame nobody has implemented this :/

Lots of people are using CSS buttons already. Your tutorial does not really give any directions.

When I made this tutorial, almost nobody was using CSS buttons.

lmfao kk






Anyways, your title is misleading. To customize just the "Post Reply" and "Preview Post" buttons, you'd use this CSS (Maybe a little overqualified, and ^= is a little slow, but it accomplishes what you say this thread does):

form[action^="newreply.php"] div[align="center"] input[value="Post Reply"], form[action^="newreply.php"] div[align="center"] input[value="Preview Post"], form[action^="newreply.php"] input ~ input[value="Save as Draft"] {
/* Style Here */
}

So yeah, imo change the title. xD
Reply
#12
(2012-08-26, 12:44 AM)Eric J. Wrote:
(2012-08-20, 07:54 PM)BitzDefender Wrote:
(2012-08-20, 06:45 PM)brad-t Wrote:
(2012-03-18, 02:19 PM)BitzDefender Wrote: It is a shame nobody has implemented this :/

Lots of people are using CSS buttons already. Your tutorial does not really give any directions.

When I made this tutorial, almost nobody was using CSS buttons.

lmfao kk






Anyways, your title is misleading. To customize just the "Post Reply" and "Preview Post" buttons, you'd use this CSS (Maybe a little overqualified, and ^= is a little slow, but it accomplishes what you say this thread does):

form[action^="newreply.php"] div[align="center"] input[value="Post Reply"], form[action^="newreply.php"] div[align="center"] input[value="Preview Post"], form[action^="newreply.php"] input ~ input[value="Save as Draft"] {
/* Style Here */
}

So yeah, imo change the title. xD

Why over-complicate things when my code works perfectly...
Reply
#13
Because your method will affect buttons other than Post Reply and Preview Post. It will affect all input buttons.
Reply
#14
(2012-08-20, 07:54 PM)BitzDefender Wrote: When I made this tutorial, almost nobody was using CSS buttons.
I remember a theme of Jessie S, which was released many days ago in Dynaxel, had CSS buttons like this (Lightworks). Apart from that, Royal Series of Sukanjan is a good example if I am not wrong.
root@TekkieDa: $ ▮
Reply
#15
(2012-08-26, 02:56 AM)brad-t Wrote: Because your method will affect buttons other than Post Reply and Preview Post. It will affect all input buttons.

I figured that was implied. I wanted a title people would understand, if I just said "input buttons" many people wouldn't understand what I was talking about.

(2012-08-26, 07:45 AM)Anurag M Wrote:
(2012-08-20, 07:54 PM)BitzDefender Wrote: When I made this tutorial, almost nobody was using CSS buttons.
I remember a theme of Jessie S, which was released many days ago in Dynaxel, had CSS buttons like this (Lightworks). Apart from that, Royal Series of Sukanjan is a good example if I am not wrong.

There was barely anybody using them at the time.
Reply
#16
If we create classes like this it will affect to almost all the standard buttons in MyBB without any template edit.

.button{}
.button:hover{}
.button:active{}
Reply
#17
(2012-08-26, 03:11 PM)effone Wrote: If we create classes like this it will affect to almost all the standard buttons in MyBB without any template edit.

.button{}
.button:hover{}
.button:active{}

That is the goal..you don't need a template edit either way.
Reply


Forum Jump:


Users browsing this thread: 1 Guest(s)