Tutorial: (slightly) advanced links

All things space. Also things not space.

Tutorial: (slightly) advanced links

Postby Blackicep8ntball » Thu Jul 29, 2010 2:24 pm

I'm getting paid right now to sit and do nothing, so I figured I would throw this out there.

This tutorial will show you how to:
1) add basic hyperlinks (e.g. http://classic-space.com);
2) create hyperlinks that appear as whatever text you choose (e.g. I chose the link to appear this way); and:
3) even create picture links (e.g. Image) and combined picture-text links (e.g. the pictures/text in my signature).



1) Basic Hyperlinks
The easiest way to create a hyperlink in your post is by simply clicking the URL button that appears right over the text editor screen and adding your URL address between the two bracketed "[url]"s. (Hint: You can also just type out "[url][/url]")

E.g.:
1) Click URL; you'll see "[url][/url]" appear;
2) insert the url between the middle brackets: "[url]http://classic-space.com[/url ]"
3) and viola! You have: http://classic-space.com



2) "Your Own Text" hyperlinks
Don't want the actual address to appear as your link? No problem! By adding the equal sign (=) after the "l" in the first bracketed "url", and by pasting the address after the equal sign, you can then type whatever you want between the brackets and only that text between will appear in your completed post.

E.g.:
1) start with "[url][/url]" as you did for the basic hyperlink.
2) add the equal sign and the url address: "[url=http://classicspace.com][/url]",
3) type whatever text you want between the brackets: "[url=http://classicspace.com.]Super Cool Website![/url.]".
4) Voila! --> Super Cool Website!



3) Photo and Hybrid hyperlinks
These hyperlinks will appear as a photo instead of as text. Follow the same basic steps for creating "Your Own Text" hyperlinks, only add an image between the brackets instead of text.

E.g.:
1) start with "[url][/url]" as you did for the basic hyperlink.
2) add the equal sign and the url address: "[url=http://classic-space.com][/url]",
3) place your cursor between the middle brackets and click the "Img" button (or type ""): "[url=http://classic-space.com.[/url.]".
4) put the image link between the "img" brackets: "[url=http://classic-space.com.[img]http://farm5.static.flickr.com/4147/4841489100_a73bbc4c6b_t.jpg[/img][/url.]"
4) And...Voila! --> Image (< Go ahead - click it!)

Hybrid hyperlinks
If you want both text and a picture to appear, just type your text outside of the two bracketed "img"s but between the bracketed "urls":
E.g.
1) It will look something like this: "[url=http://classic-space.com]Classic Space Site:[img ]http://flickr.com/4144c6b_t.jpg[/img][/url ]"
2) And you have: Classic Space Site: Image



There it is! You're welcome to ask any questions, and I'll do my best to answer. Keep brickin'!
Last edited by Blackicep8ntball on Fri Jul 30, 2010 12:45 pm, edited 1 time in total.
User avatar
Blackicep8ntball
 
Posts: 57
Joined: Thu Jul 15, 2010 10:46 pm

Re: Tutorial: (slightly) advanced links

Postby Marstrain » Thu Jul 29, 2010 7:53 pm

Dude, this is awesome; thanks for taking tbe time!

This post should be a sticky.

JOHN

BTW (on edit) I clicked on your image hyperlink, and you linked to a different site-- you forgot the dash between "classic" and "space" :p
Last edited by Marstrain on Thu Jul 29, 2010 9:02 pm, edited 1 time in total.
Marstrain
 
Posts: 11
Joined: Fri Jul 16, 2010 5:38 pm

Re: Tutorial: (slightly) advanced links

Postby proudlove » Thu Jul 29, 2010 8:24 pm

This is indeed a great post especially because the Flickr Terms of service specify that any photo posted outside of the flickr site must link back to the photo page. This is a little trickier here than html sites because you can't just copy/paste the code from the share menu on the photo page. For those of you that care about TOS and all that legal stuff, option 3 is the answer for flickr photos.
Image
proudlove
 
Posts: 13
Joined: Fri Jul 16, 2010 8:22 am

Re: Tutorial: (slightly) advanced links

Postby Blackicep8ntball » Fri Jul 30, 2010 12:46 pm

Marstrain wrote:Dude, this is awesome; thanks for taking tbe time!

This post should be a sticky.

JOHN

BTW (on edit) I clicked on your image hyperlink, and you linked to a different site-- you forgot the dash between "classic" and "space" :p


Haha thanks man. Glad you caught the typos... all fixed now!
User avatar
Blackicep8ntball
 
Posts: 57
Joined: Thu Jul 15, 2010 10:46 pm


Return to Space.

Who is online

Users browsing this forum: No registered users and 2 guests

cron