Need help with a button code from another site.
4 posters
Page 1 of 1
Need help with a button code from another site.
Hi i am a noob when it comes to codes and I am trying to get this code i used on an other site to work on my forum it is a transparent and animated button that contains a link as you can see below.
<a href="https://forums.robertsspaceindustries.com/discussion/121191/cutouts-for-you-to-use/p1" class="holobtn"><br /><span class="holobtn-top abs-overlay trans-02s">Cut outs for you to use..</span><br /><span class="holobtn-bottom abs-overlay trans-02s"></span><br /></a>
This is how it should look.
This is what i get.
This is the link if you need to see it properly.
https://forums.robertsspaceindustries.com/discussion/121867/wild-jacks-are-now-recruiting#latest
This is the link to my forum.
http://flying-aces.pro-forums.co.uk
I was wondering if it is possible to get this to work on my forum.
All the best an thanks.
<a href="https://forums.robertsspaceindustries.com/discussion/121191/cutouts-for-you-to-use/p1" class="holobtn"><br /><span class="holobtn-top abs-overlay trans-02s">Cut outs for you to use..</span><br /><span class="holobtn-bottom abs-overlay trans-02s"></span><br /></a>
This is how it should look.
This is what i get.
This is the link if you need to see it properly.
https://forums.robertsspaceindustries.com/discussion/121867/wild-jacks-are-now-recruiting#latest
This is the link to my forum.
http://flying-aces.pro-forums.co.uk
I was wondering if it is possible to get this to work on my forum.
All the best an thanks.
Re: Need help with a button code from another site.
Where are you adding this code on your Forumotion forum?
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: Need help with a button code from another site.
Hi sorry for posting it in the wrong place before as soon as Joker told me I did it wrong I did this one.SLGray wrote:Where are you adding this code on your Forumotion forum?
I wanted to sort it out so it will work as a widget.
This link if my forum link http://flying-aces.pro-forums.co.uk/ I have it under the Count down widget.
You will see it says "cut outs for you to use" the link works but that's all.
This is the link to the website so you can see how it should look and work.
https://forums.robertsspaceindustries.com/discussion/121867/wild-jacks-are-now-recruiting#latest
Thanks an all the best maxham.
Re: Need help with a button code from another site.
Hello,
If you have permission to do so, you'll need to go into the other forums Admin Panel and find the CSS used to style it.
ex :
That is one of the classes used to style the button. If that CSS is not present in your other forums style sheet then that style will not apply.
If you have permission to do so, you'll need to go into the other forums Admin Panel and find the CSS used to style it.
ex :
- Code:
.holobtn
That is one of the classes used to style the button. If that CSS is not present in your other forums style sheet then that style will not apply.
Re: Need help with a button code from another site.
Ange Tuteur wrote:Hello,
If you have permission to do so, you'll need to go into the other forums Admin Panel and find the CSS used to style it.
ex :
- Code:
.holobtn
That is one of the classes used to style the button. If that CSS is not present in your other forums style sheet then that style will not apply.
Oh I see so holobtn wont be a class that can be used in any forum thanks sounds like I will need a CSS like Chris Roberts has in his forum.
Thanks for your help I really appreciate it
Re: Need help with a button code from another site.
Hello ^^
Of course you can use that class on any forum.
But if you declare class holobtn in your html code, you need to style it. Without style class is completely useless.
Same comment for classes : holobtn-top, holobtn-bottom, abs-overlay and trans-02s.
Button is not a picture but only css codes. Without any css your button is a single text.
maxham wrote:
Oh I see so holobtn wont be a class that can be used in any forum thanks sounds like I will need a CSS like Chris Roberts has in his forum.
Of course you can use that class on any forum.
But if you declare class holobtn in your html code, you need to style it. Without style class is completely useless.
Same comment for classes : holobtn-top, holobtn-bottom, abs-overlay and trans-02s.
Button is not a picture but only css codes. Without any css your button is a single text.
Re: Need help with a button code from another site.
Neptune- wrote:Hello ^^maxham wrote:
Oh I see so holobtn wont be a class that can be used in any forum thanks sounds like I will need a CSS like Chris Roberts has in his forum.
Of course you can use that class on any forum.
But if you declare class holobtn in your html code, you need to style it. Without style class is completely useless.
Same comment for classes : holobtn-top, holobtn-bottom, abs-overlay and trans-02s.
Button is not a picture but only css codes. Without any css your button is a single text.
Oh ok I think I understand now, for it to work I don't just need the code I pasted on here I also need another code in my css stylesheet an that is why I only get the text with the link in it but no cool looking
button lol thanks for your help and advice I am really grateful I'm learning a lot.
Re: Need help with a button code from another site.
Here is an example of using CSS to style your button with the class "holobtn"
You can add it to your style sheet here :
Administration panel > display > colors > CSS stylesheet
paste the code below and submit
It isn't exactly what you're looking for, but I thought I'd give you an example so you know how it works.
You can add it to your style sheet here :
Administration panel > display > colors > CSS stylesheet
paste the code below and submit
- Code:
.holobtn {
display:block;
margin:3px;
padding:12px 3px;
background:#009;
border-radius:3pc 0;
border:1px solid #00F;
color:#0AC !important;
font-size:12px;
text-align:center;
text-decoration:none;
}
.holobtn:hover { background:#00C; }
It isn't exactly what you're looking for, but I thought I'd give you an example so you know how it works.
Re: Need help with a button code from another site.
Wow this is perfect thanks a billion I will save this in a notes on the pc and play with a copy but keepAnge Tuteur wrote:Here is an example of using CSS to style your button with the class "holobtn"
You can add it to your style sheet here :
Administration panel > display > colors > CSS stylesheet
paste the code below and submit
- Code:
.holobtn {
display:block;
margin:3px;
padding:12px 3px;
background:#009;
border-radius:3pc 0;
border:1px solid #00F;
color:#0AC !important;
font-size:12px;
text-align:center;
text-decoration:none;
}
.holobtn:hover { background:#00C; }
It isn't exactly what you're looking for, but I thought I'd give you an example so you know how it works.
using the one you made thank you so much
Re: Need help with a button code from another site.
This can be marked as solved now if you like thanks everyone especially Ange Tuteur for this program it's just right thanks
All the best maxham.
All the best maxham.
Re: Need help with a button code from another site.
You're welcome, and good luck
If you're ever looking for more info on CSS you can read up on it from some of the following links.
http://www.w3schools.com/css/default.asp
https://developer.mozilla.org/en-US/docs/Web/CSS
Topic solved and archived
If you're ever looking for more info on CSS you can read up on it from some of the following links.
http://www.w3schools.com/css/default.asp
https://developer.mozilla.org/en-US/docs/Web/CSS
Topic solved and archived
Similar topics
» help in this code . the effect on code > add button to Put under the colored writing
» CSS code for mobile site?
» What is the HTML code for search site
» Site Html code access
» A "select all" button for CODE box
» CSS code for mobile site?
» What is the HTML code for search site
» Site Html code access
» A "select all" button for CODE box
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum