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.

Replace the Send, Preview, and Draft Buttons

View previous topic View next topic Go down

In progress Replace the Send, Preview, and Draft Buttons

Post by Guest on March 1st 2015, 3:15 am

Hello,

I would like to replace the current appearance of the "send," preview," and "draft" buttons on my forum, preferably with images that I can make on my own instead of just color changes. Is this possible?

My forum version is phpBB3.
Thank you for your time!
Leah7

Guest
Guest


Back to top Go down

In progress Re: Replace the Send, Preview, and Draft Buttons

Post by _Twisted_Mods_ on March 1st 2015, 4:22 am

acp>display>colors>css tab

Code:

.submit-buttons input[name="post"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
   font-size:0px;
background-color:transparent;
   border:none;
}
.submit-buttons input[name="preview"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
   font-size:0px;
background-color:transparent;
   border:none;
}
input[name="draft"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
   font-size:0px;
background-color:transparent;
   border:none;
}

replace imageurl with the url of the image
if it just a background image with no text remove "font-size:0px" from the code
set the width and height of the image

---------------------
if its a background image and with no text and its gonna be the same for all three use this

Code:
.submit-buttons input[name="post"],.submit-buttons input[name="preview"],input[name="draft"]{
   background-image:url(imageurl);
   width:100px!important;
   height:30px;
background-color:transparent;
   border:none;
}

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Replace the Send, Preview, and Draft Buttons

Post by Guest on March 1st 2015, 8:51 am

Okay! At first, I thought it didn't work, but it did! xD It just works in the full-reply mode and not the quick reply mode.

Is there a way to have it work in quick reply, as well?

Guest
Guest


Back to top Go down

In progress Re: Replace the Send, Preview, and Draft Buttons

Post by _Twisted_Mods_ on March 1st 2015, 9:59 am

remove
Code:
.submit-buttons 

and see if it works

_Twisted_Mods_
Helper
Helper

Male Posts : 2032
Reputation : 302
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

In progress Re: Replace the Send, Preview, and Draft Buttons

Post by Guest on March 1st 2015, 8:30 pm

This did fix it, thank you very much! ^.^ However, when I hover over the buttons, there is now a little box that appears around them. Can I remove that?

Guest
Guest


Back to top Go down

In progress Re: Replace the Send, Preview, and Draft Buttons

Post by Ange Tuteur on March 1st 2015, 9:01 pm

It sounds like the border. Try replacing border:none; with border:none !important;

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

In progress Re: Replace the Send, Preview, and Draft Buttons

Post by Guest on March 1st 2015, 9:45 pm

Yes, this fixed the issue and now I have the buttons up there that I want--thank you so very much to _twisted_mods_ and Ange Tuteur for helping me with this!!! <3

Solved!

Guest
Guest


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