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.

New Forum Button Design?

View previous topic View next topic Go down

New Forum Button Design?

Post by Sozinho on March 31st 2014, 10:27 am

I'd seen this update on FM Support Forums, the Button update. How can I achieve this is my forum? My forum is phpBB2.

This is the button, http://prntscr.com/35ppu3

I am not achieving the color but the gloss effects of it.

TIA ,
Sozinho

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on March 31st 2014, 10:44 am

Hi Very Happy

Sorry, but they achieved that through CSS and I don't think it would do me good if I gave their style... so I'll just give you a pattern for you to do:

Code:
background-color: #Hex color; /* Change this to the color you desire */
background-image: url(IMG URL); /* The background of the button */
background-repeat: no-repeat/repeat-x/repeat-y; /* If you wish for the background to repeat; choose either of the 3 */
border-radius: #px #px #px #px; /* Each #px correesponds to the sides so just adjust the # in them */
cursor: ; /* This is the cursor style that it has */
font-size: #px; /* Adjust # so that it is the font size you desire */
font-weight: 100/200.. bold, and so on; /* Each value corresponds on how thick and dark the text would be, but the overall is bold */
height: #px; /* Height of the button */
line-height: #px; /* Line height, just both change the # value */
margin: #px #px; /* This indicates gap or size */
padding: # #px!important; /* Same as margin, just change the #px and # values */
text-align: center; /* Alignment of text */
}

Also, I didn't give out selectors because I do not know which buttons you want affected. Sorry if I cannot give you a fully styled one as it IS CSS and it is your responsibility to do that.

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

Re: New Forum Button Design?

Post by Sozinho on April 3rd 2014, 1:14 am

I want all buttons to be like that.

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Kite Trojan on April 3rd 2014, 2:17 am

I belive thats an IPB style. I have a code, but someone can edit it for you. Are you ok with that? It'll edit all regular boxes and change it to that.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on April 3rd 2014, 8:53 am

Hi Very Happy

Please post here YOUR edited version of the button as I will not do it for you AND your forum link, forum version as well as a test account so I can check out all areas with the button and provide you with the selectors. Just specify which area doesn't need tampering.

Please provide me all 4 items to make this easier as they do not require a lot of time Smile . Thanks for your cooperation~

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

Re: New Forum Button Design?

Post by Kite Trojan on April 4th 2014, 1:45 am

Code:

input[type="button"], input[type="submit"], input[type="reset"] {
background: rgb(53, 70, 158);
border-color: rgb(0, 24, 150);
-webkit-box-shadow: rgb(27, 155, 240) 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: rgb(0, 9, 73) 0px 1px 2px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid rgb(5, 5, 92);
padding: 5px 10px!important;
cursor: pointer;
border-radius: 2px;
}
Here is the code i got. you just need to edit it yourself.

Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 4:15 am

Gonna apply in CSS right?

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 4:22 am

@Kite Trojan wrote:
Code:

input[type="button"], input[type="submit"], input[type="reset"] {
background: rgb(53, 70, 158);
border-color: rgb(0, 24, 150);
-webkit-box-shadow: rgb(27, 155, 240) 0px 1px 2px;
-moz-box-shadow: #8ac7e7 0px 1px 2px;
box-shadow: rgb(0, 9, 73) 0px 1px 2px;
color: white;
text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.2);
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
border: 1px solid rgb(5, 5, 92);
padding: 5px 10px!important;
cursor: pointer;
border-radius: 2px;
}
Here is the code i got. you just need to edit it yourself.
Thanks for this piece of, now I only need to modify. I'mjust finding the basic codes. Thanks Smile

Result : http://prntscr.com/373bkv

Anyways, do you have a code for making the background black of the post box?

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on April 5th 2014, 4:58 am

Hi Very Happy

For the sceditor background, use this in your CSS please:

Code:
.sceditor-container textarea {
background-color: rgb(0, 0, 0) !important;
}

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

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 5:16 am

Where can I see the sceditor?

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 5:19 am

@Pizza Boi wrote:Hi Very Happy

For the sceditor background, use this in your CSS please:

Code:
.sceditor-container textarea {
background-color: rgb(0, 0, 0) !important;
}

Regards,
Pizza Boi


This codes doesn't work on the reply textbox ..any other solution?

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on April 5th 2014, 5:21 am

Hi Very Happy

The sceditor is where you type your message or what you just referred to as the post box UNLESS you meant another thing. Can you please screenshot (With markers) if you did not get the desired result with the code I gave you above?

Edit: Please provide me a test account and YOUR forum URL please.

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

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 5:24 am

This is what I mean,
http://prntscr.com/373pjn

The Text Container ..

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on April 5th 2014, 5:27 am

Hi Very Happy

Please try this then:

Code:
#quick_reply textarea {
  background-color: black !important;
}

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

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 5:33 am

Still, nothing happens ...

http://prntscr.com/373rjj

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on April 5th 2014, 5:59 am

Hi Very Happy

Please provide me a test account via PM and post your forum URL here please. (I need them to define the selectors I have to use) and you are using phpbb2, right?

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

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 6:09 am

@Pizza Boi wrote:Hi Very Happy

Please provide me a test account via PM and post your forum URL here please. (I need them to define the selectors I have to use) and you are using phpbb2, right?

Regards,
Pizza Boi

Oh, I found a way to edit it, now the only problem is changing the text color to white.

http://prntscr.com/373ypw

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on April 5th 2014, 6:15 am

Hi Very Happy

Did you use a code to edit it? If you did, please add this in the code you used:

Code:
color: white !important;

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

Re: New Forum Button Design?

Post by SLGray on April 5th 2014, 10:25 am

If adding !important does not work, add the code to the top of your CSS stylesheet.


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


SLGray
Administrator
Administrator

Male Posts : 36659
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Re: New Forum Button Design?

Post by Sozinho on April 5th 2014, 3:40 pm

I solved it not by codesm it's in DISPLAY tab of Admin Panel before the CSS.


But changing the text color is not there.

Sozinho
Forumember

Male Posts : 172
Reputation : 4
Language : English
Location : Philippines

http://appzxor.omgforum.net

Back to top Go down

Re: New Forum Button Design?

Post by Pizza Boi on April 5th 2014, 5:31 pm

Hi Very Happy

Can you please provide your forum URL so that I may be able to register and see the selectors needed, please?

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

View previous topic View next topic Back to top


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