New Forum Button Design?
4 posters
Page 1 of 1
New Forum Button Design?
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
This is the button, http://prntscr.com/35ppu3
I am not achieving the color but the gloss effects of it.
TIA ,
Sozinho
Re: New Forum Button Design?
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:
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
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: New Forum Button Design?
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.
Re: New Forum Button Design?
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
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
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: New Forum Button Design?
- 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;
}
Re: New Forum Button Design?
Thanks for this piece of, now I only need to modify. I'mjust finding the basic codes. ThanksKite Trojan wrote:Here is the code i got. you just need to edit it yourself.
- 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;
}
Result : http://prntscr.com/373bkv
Anyways, do you have a code for making the background black of the post box?
Re: New Forum Button Design?
Hi
For the sceditor background, use this in your CSS please:
Regards,
Pizza Boi
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: New Forum Button Design?
Pizza Boi wrote: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?
Re: New Forum Button Design?
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
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: New Forum Button Design?
Hi
Please try this then:
Regards,
Pizza Boi
Please try this then:
- Code:
#quick_reply textarea {
background-color: black !important;
}
Regards,
Pizza Boi
Pizza Boi- Hyperactive
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: New Forum Button Design?
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
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: New Forum Button Design?
Pizza Boi wrote: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
Re: New Forum Button Design?
Hi
Did you use a code to edit it? If you did, please add this in the code you used:
Regards,
Pizza Boi
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Re: New Forum Button Design?
If adding !important does not work, add the code to the top of your CSS stylesheet.
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Re: New Forum Button Design?
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.
But changing the text color is not there.
Re: New Forum Button Design?
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
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
- Posts : 2016
Reputation : 160
Language : French
Location : Pizza Hut!
Similar topics
» i want to remove home button and add there forum button
» How to move/design the Like and Dislike button
» Looking for help on forum Design
» Announcment, Expand forum button, Custom like button, Hover over image
» How to add FaceBook Like button, Twitter Like Button in my Forum
» How to move/design the Like and Dislike button
» Looking for help on forum Design
» Announcment, Expand forum button, Custom like button, Hover over image
» How to add FaceBook Like button, Twitter Like Button in my Forum
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum