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.

How can I make this style in my forum buttons?

View previous topic View next topic Go down

Solved How can I make this style in my forum buttons?

Post by Van-Helsing on February 27th 2014, 2:22 pm

Hi dear all,
How can I make this style of buttons http://prntscr.com/2wa6yz in my forum? My forum version is phpbb2.

Best Regards,
Dark-Avenger


Last edited by Dark-Avenger on March 1st 2014, 12:46 am; edited 1 time in total

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by Pizza Boi on February 27th 2014, 5:01 pm

Hi Very Happy

Can you please link us to where you have gotten those buttons, since we can't know if it may be custom made button with the onmouseover effect, a deletion from the original template, background-url, etc.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by Van-Helsing on February 27th 2014, 9:23 pm

@Pizza Boi wrote:Hi Very Happy

Can you please link us to where you have gotten those buttons, since we can't know if it may be custom made button with the onmouseover effect, a deletion from the original template, background-url, etc.

Regards,
Pizza Boi
Hi,
Yes sure here it is
Spoiler:
Code:
http://www.thegreeksenergy.com/

Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by SLGray on February 28th 2014, 6:14 am

Where exactly are those buttons on the linked forum?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by Van-Helsing on February 28th 2014, 10:15 am

@SLGray wrote:Where exactly are those buttons on the linked forum?
Good morning SLGray,
Those buttons in screenshot are the Preview and Send buttons in quick-reply. But the same style of buttons there is in all of the forum.

Best Regards.
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by Pizza Boi on March 1st 2014, 12:22 am

Hi Very Happy

I cannot help you efficiently as of now seeing as I'm on phone (May be able to help you on Sunday), but can you please try to find the ID's for the buttons?

Normally, like the "Go to page", it's a name unless you can provide an image, so if you can look up the words in your template, please do so. It should be in the viewtopic_body template, but I'm not sure since, as I stated, quite difficult to maneuver using a phone Smile.

If you can find that out, please just use this code:

Code:
<img src="Img link" />

Add an a href code if it still does not link to any of it Smile.

Regards,
Pizza Boi

Pizza Boi
Hyperactive

Male Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!

http://redlustempire.forumtl.com/

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by Ange Tuteur on March 1st 2014, 12:39 am

Hello Dark-Avenger,

You can try the following CSS and customize it as you wish :
Code:
.mainoption {
    color:#fff !important;
  background:#000 !important;
    box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3), 0px 14px 6px rgba(255,255,255, 0.3) inset !important;
  border:1px solid #444 !important;
  border-radius:2px;
  padding:3px 6px !important;
}
.mainoption:hover {
  background:#444 !important;
  cursor:pointer;
}
.liteoption {
    color:#000 !important;
  background:#fff !important;
    box-shadow:1px 2px 3px rgba(0, 0, 0, 0.3), 0px -14px 6px rgba(0,0,0, 0.1) inset !important;
  border:1px solid #ccc !important;
  border-radius:2px;
  padding:3px 6px !important;
}
.liteoption:hover {
  background:#eee !important;
  cursor:pointer;
}

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by Van-Helsing on March 1st 2014, 12:45 am

Hi Ange,
Thank you very much its working perfectly.

Best Regards,
Dark-Avenger

Van-Helsing
Hyperactive

Male Posts : 2198
Reputation : 82
Language : English, Greek

http://helpgr.forumgreek.com/

Back to top Go down

Solved Re: How can I make this style in my forum buttons?

Post by Ange Tuteur on March 1st 2014, 12:47 am

You're welcome I love you

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2683
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

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