The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Need help with a button code from another site.

4 posters

Go down

Solved Need help with a button code from another site.

Post by maxham 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.
Need help with a button code from another site. Paint11



This is what i get.
Need help with a button code from another site. Paint211




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
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 April 26th 2014, 11:39 pm

Where are you adding this code on your Forumotion forum?


Need help with a button code from another site. Slgray10

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

Male Posts : 51526
Reputation : 3523
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

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

Post by maxham 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
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 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

Post by maxham 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
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- 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-
Neptune-
Forumember

Female Posts : 496
Reputation : 104
Language : French (10), English (8), CSS (5), HTML (4), Javascript (4)
Location : Scotland, UK

https://www.galaxie-series.net/

Back to top Go down

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

Post by maxham 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
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 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

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

Post by maxham 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
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 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
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 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
Ange Tuteur
Forumaster

Male Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

Back to top

- Similar topics

 
Permissions in this forum:
You cannot reply to topics in this forum