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.

Where are you adding this code on your Forumotion forum?

SLGray wrote:Where are you adding this code on your Forumotion forum?

Hi sorry for posting it in the wrong place before as soon as Joker told me I did it wrong I did this one.

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.

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.

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 

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.

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.

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.

Ange 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.

Wow this is perfect thanks a billion I will save this in a notes on the pc and play with a copy but keep
using the one you made thank you so much  

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.

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