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.

Need help with a button code from another site.

View previous topic View next topic Go down

Solved Need help with a button code from another site.

Post by maxham on April 26th 2014, 5:56 pm

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.

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by SLGray on April 26th 2014, 11:39 pm

Where are you adding this code on your Forumotion forum?


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


SLGray
Administrator
Administrator

Male Posts : 35613
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by maxham on April 27th 2014, 7:54 am

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

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by Ange Tuteur on April 27th 2014, 8:33 am

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
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by maxham on April 27th 2014, 9:12 am

@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 Very Happy

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by Neptune- on April 28th 2014, 2:48 am

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-
Forumember

Male Posts : 187
Reputation : 21
Language : French (10), English (8), CSS (5), HTML (4), Javascript (1)
Location : France

http://www.planet-series.com/

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by maxham on April 28th 2014, 8:46 am

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

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by Ange Tuteur on April 28th 2014, 9:02 am

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

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by maxham on April 28th 2014, 9:25 am

@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. thumleft
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  cheers

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by maxham on April 28th 2014, 9:36 am

This can be marked as solved now if you like thanks everyone especially Ange Tuteur for this program it's just right thanks Smile

All the best maxham.

maxham
New Member

Male Posts : 10
Reputation : 1
Language : English

http://luxuryyachtcleaners@yahoo.co.uk

Back to top Go down

Solved Re: Need help with a button code from another site.

Post by Ange Tuteur on April 28th 2014, 9:40 am

You're welcome, and good luck :rose:

If you're ever looking for more info on CSS you can read up on it from some of the following links. Wink

http://www.w3schools.com/css/default.asp
https://developer.mozilla.org/en-US/docs/Web/CSS

Topic solved and archived

Ange Tuteur
Forumaster

Male Posts : 13021
Reputation : 2681
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.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