Home
Online studio
Make music
Learn
Education
Soundation Code Group Profile Picture
General
Created June 15, 2016

Soundation Code

Welcome!

Welcome to Soundation Code! Here you can learn near all the HTML code you can put in you profile description, track descriptions, messages, and even comments!


Links

There Will Come a time when you must provide a link, whether it be to your Soundcloud, Youtube, or maybe even MySpace. But Links Can Look Messy, So Why not do it will simple Code?

Code:

<a href=“link here”> The Links Text Here </a>

Example:

Check Out My Friend On Soundcloud!


Image Links

Want To Leave A Fancy Link? Well, an image link is the way to go. With Image links you can create or find an image, and then make that image a clickable link!

Code:

<a href=“link here” title=“this will show up when you hover over the image”> <img src=“Link To Image. Not Google Image Page!”> </a>

(All One Line, All links must start with http://www.)

Example:



How To Get An Images Real Link From Google Images.



Images


I wouldn’t recommend spamming this around the comment section of anywhere, but they look great in profile descriptions!

Code:

<img src=“link to image, not google image link”>

Example:




Headers


There are 4 types of headers.

Code:

<h1> Header 1 </h1>
<h2> Header 2 </h2>
<h3> Header 3 </h3>
<h4> Header 4 </h4>

Examples:

Header 1

Header 2

Header 3

Header 4

Bold Text

Bold Text is for bold people.

Code:

<strong> Text </strong>

or

<b> Text </b>

Examples:

strong

b



Italic Text


Oooo, slantyy…

Code:

<i> Text </i>

Example:

Hey there!

(Thank’s D-CYPHR)


Line Separator

Its a line… that separates things. I think.

Code:

<hr></hr>

Example:


^^^^^^^



Advanced Links


Want to spice up your link a little Bit? Here’s how.

Code:

<a href=“Link” target="_blank">
(Opens Link In New Tab)

Code 2:

<a href=“Link” title=“Title Here”>
(Displays a title when mouse hovers over link)

Example:

Cool Website!

(Both These Can Be Applied To Image Links)


Did I Miss Something? Tell Me Below!

Comments

Ooz!e454 (Using the studio limitedly) Avatar

idk why this looks hard to me, damn X(

SLOCM3Z Avatar
SLOCM3Z
over 7 years ago

Sweet!! I am a nerd for this stuff so i think this is awesome :D

Wally Avatar
Wally
over 7 years ago

Glad you guys find it useful :)

MONOXIDE Avatar
MONOXIDE
over 7 years ago

nah but forreal this is so useful I was researching so hard how to do this XD

MONOXIDE Avatar
MONOXIDE
over 7 years ago

AWESOME

huehuehue

BaconBurger Avatar
BaconBurger
over 7 years ago

Awesome

Diansiji Avatar
Diansiji
over 7 years ago

Thanks for this! I was wondering how people did that lol.

-
--:--/--:--