How can I make this style in my forum buttons?

Go down

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

Post by Van-Helsing on Thu Feb 27, 2014 7:22 am

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 Fri Feb 28, 2014 5:46 pm; edited 1 time in total
avatar
Van-Helsing
Hyperactive

Male Posts : 2411
Reputation : 112
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 Thu Feb 27, 2014 10:01 am

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
avatar
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 Thu Feb 27, 2014 2: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
avatar
Van-Helsing
Hyperactive

Male Posts : 2411
Reputation : 112
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 Thu Feb 27, 2014 11:14 pm

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.

avatar
SLGray
Administrator
Administrator

Male Posts : 43146
Reputation : 3059
Language : English
Location : United States

https://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 Fri Feb 28, 2014 3: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
avatar
Van-Helsing
Hyperactive

Male Posts : 2411
Reputation : 112
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 Fri Feb 28, 2014 5:22 pm

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
avatar
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 Fri Feb 28, 2014 5:39 pm

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;
}
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

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

Post by Van-Helsing on Fri Feb 28, 2014 5:45 pm

Hi Ange,
Thank you very much its working perfectly.

Best Regards,
Dark-Avenger
avatar
Van-Helsing
Hyperactive

Male Posts : 2411
Reputation : 112
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 Fri Feb 28, 2014 5:47 pm

You're welcome I love you

Topic solved and archived
avatar
Ange Tuteur
Forumaster

Male Posts : 13195
Reputation : 2910
Language : EN10, FR5, JA5
Location : Macungie, PA

https://github.com/SethClydesdale

Back to top Go down

Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum