New Forum Button Design?

[Sozinho]

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

[Pizza Boi]

Hi

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

[Sozinho]

I want all buttons to be like that.

[Kite Trojan]

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.

[Pizza Boi]

Hi

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 . Thanks for your cooperation~

Regards,
Pizza Boi

[Kite Trojan]

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.

[Sozinho]

Gonna apply in CSS right?

[Sozinho]

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

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

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

[Pizza Boi]

Hi

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

Code:

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

Regards,
Pizza Boi

[Sozinho]

Where can I see the sceditor?

[Sozinho]

Hi

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?

[Pizza Boi]

Hi

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

[Sozinho]

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

The Text Container ..

[Pizza Boi]

Hi

Please try this then:

Code:

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

Regards,
Pizza Boi

[Sozinho]

Still, nothing happens ...

http://prntscr.com/373rjj

[Pizza Boi]

Hi

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

[Sozinho]

Hi

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

[Pizza Boi]

Hi

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

[SLGray]

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

[Sozinho]

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.

[Pizza Boi]

Hi

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

Regards,
Pizza Boi