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.

Table with links signature

View previous topic View next topic Go down

Solved Table with links signature

Post by tdbnz on February 17th 2013, 2:41 am

Hello everyone

I like the table that you got with the links (as in the picture)



Could some one help me on how to create one like this with my own custom names /links

It so cool I just would like to know how you do it

*I seem to think it possible*

Hope you can help me

tdbzn

tdbnz
Forumember

Male Posts : 202
Reputation : -1
Language : english

http://warezgeeks.com/forum

Back to top Go down

Solved Re: Table with links signature

Post by tdbnz on February 17th 2013, 3:21 am

Sorry for using your one it was on a example

I wont one like that

But how do i make one? I wont it to be custom eg I have my own words with links to the right place *so when it turns out i click it and it goes to those places like your's*

It can be done as you got it *I will not use it on this forum i will use it on my forum only but it will be custom with different tiltes/links*

How do I do it could you help me

cheers
tdbnz


tdbnz
Forumember

Male Posts : 202
Reputation : -1
Language : english

http://warezgeeks.com/forum

Back to top Go down

Solved Re: Table with links signature

Post by runawayhorses on February 17th 2013, 5:05 am

This will give you something to work with. Add this coding to your CSS stylesheet and change the colors to your liking. You can leave out the background-image if you don't want to use an icon, and make adjustments to the padding accordingly.

Code:
    .sigtable {
    border: 1px solid;
    margin: 10px 0px;
    padding:15px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    }
    .sigtable {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('URL OF ICON IMAGE GOES HERE');
    }

Add this code to your signature. Just edit this code with the text and links you want to use.
Code:
    [table class="sigtable"][tr][td]Your text goes here.
 <a href="URL OF PAGE GOES HERE">Click here</a> | <a href="URL OF PAGE GOES HERE">Click here</a> | <a href="URL OF PAGE GOES HERE">Click here</a>
    [/td][/tr][/table]


runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Table with links signature

Post by The GreeK on February 17th 2013, 1:58 pm

It doesn't work runawayhorses

The GreeK
Forumember

Posts : 211
Reputation : 8
Language : Greek, English, French
Location : Greece

http://www.greek-support.net

Back to top Go down

Solved Re: Table with links signature

Post by runawayhorses on February 17th 2013, 2:10 pm

It has to work its not a trick its basic CSS coding..lol You must not be adding it correctly because I use a similar code (different class name) and it works fine.

Maybe you mean the links inside the table because they are HTML links, try using bbcode links instead if your forum is not html enabled.

That would be links like this. Just change the code you added to your signature or post with this code below, adding your own link urls and text:

Code:
   
[table class="sigtable"][tr][td]
Your text goes here.
[url=URL GOES HERE]Click Here[/url] | [url=URL GOES HERE]Click Here[/url] | [url=URL GOES HERE]Click Here[/url]
[/td][/tr][/table]

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Table with links signature

Post by The GreeK on February 17th 2013, 4:01 pm

Look an example:



I don't want to have this blue background... the light blue.
I don't want to have this background where it is written:

[url=URL GOES HERE]Click Here[/url] | [url=URL GOES HERE]Click Here[/url] | [url=URL GOES HERE]Click Here[/url]

The GreeK
Forumember

Posts : 211
Reputation : 8
Language : Greek, English, French
Location : Greece

http://www.greek-support.net

Back to top Go down

Solved Re: Table with links signature

Post by runawayhorses on February 17th 2013, 4:05 pm

You have to do some styling on your own in the CSS stylesheet. To change the colors change the hex number that look like this #BDE5F8.

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Table with links signature

Post by The GreeK on February 17th 2013, 4:07 pm

Yes, but I want not to have a color. leave it blank ?

The GreeK
Forumember

Posts : 211
Reputation : 8
Language : Greek, English, French
Location : Greece

http://www.greek-support.net

Back to top Go down

Solved Re: Table with links signature

Post by runawayhorses on February 17th 2013, 4:15 pm

Use this for no color:

replace the line in the code that has a background color with this:

Code:
background-color: transparent;

runawayhorses
Hyperactive

Male Posts : 2537
Reputation : 162
Language : English
Location : United States

http://runawayhorses.alldiscussion.net/

Back to top Go down

Solved Re: Table with links signature

Post by The GreeK on February 17th 2013, 4:21 pm

OK fixed, but I want the lines which has the box to has the image background... see:



Your text goes here has an image background.
I want this to go to the line of the box. Just like Rideem:



In the line of box is written: Helpful Links
How can I add my own text, with my background image as the line of the box ?

The GreeK
Forumember

Posts : 211
Reputation : 8
Language : Greek, English, French
Location : Greece

http://www.greek-support.net

Back to top Go down

Solved Re: Table with links signature

Post by The Lone Ranger on February 17th 2013, 5:29 pm

I'm using "center" tags in my Signature but it's staying at the left hand side. confused Any ideas how to "Center" it?

The Lone Ranger
Forumember

Male Posts : 438
Reputation : 37
Language : English
Location : Scotland

http://www.tenerifesforumoffun.com

Back to top Go down

Solved Re: Table with links signature

Post by tdbnz on February 18th 2013, 2:56 am

stop talking to each other you to help me

could you tell me how to do it

tdbnz
Forumember

Male Posts : 202
Reputation : -1
Language : english

http://warezgeeks.com/forum

Back to top Go down

Solved Re: Table with links signature

Post by tdbnz on February 18th 2013, 6:58 am

Sorry he was not talking to me he was discussing a post

well I can't seem to do it I reckona tutoral on how to do it would be good

besides where do this codes go how do i can i confirgure them

I feel a bit silly i not good on coding just a simple step by step guide will help me to get the same result like yours Rideem

tdbnz
Forumember

Male Posts : 202
Reputation : -1
Language : english

http://warezgeeks.com/forum

Back to top Go down

Solved Re: Table with links signature

Post by SLGray on February 18th 2013, 9:42 am

Just place it in your signature.


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


SLGray
Administrator
Administrator

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

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Table with links signature

Post by tdbnz on February 19th 2013, 9:46 pm

topic loccked solved as i got a mate to do it for me thanks

tdbnz
Forumember

Male Posts : 202
Reputation : -1
Language : english

http://warezgeeks.com/forum

Back to top Go down

Solved Re: Table with links signature

Post by SLGray on February 19th 2013, 11:31 pm

Topic Solved & Locked


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


SLGray
Administrator
Administrator

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

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