Welcome to Gaia! ::

Mari's storage guild

Back to Guilds

Mari's place 

Tags: Literate 

Reply Evolution Main Forum
Coding Guideline

Quick Reply

Enter both words below, separated by a space:

Can't read the text? Click here

Submit

Vicious Madam Mari
Captain

Quotable Lunatic

10,000 Points
  • Friendly 100
  • Brandisher 100
  • Profitable 100
 
Offline
PostPosted: Thu Jun 13, 2019 5:45 am


The Basics


Bold Text
[b]Bold Text[/b]


Italics
[i]Italics[/i]


Underlined
[u]Underlined[u]


Strikethrough
[strike]Strikethrough[/strike]


______________________________

Size 5 text
[size=5]Size 5 text[/size]


Size 10 text
[size=10]Size 10 text[/size]


Size 15 text
[size=15]Size 15 text[/size]


Size 30 text
[size=30]Size 30 text[/size]


______________________________

Red Text
[color=red]Red Text[/color]


Dark Red text with hexadecimal number
[color=#800000]Dark Red text with hexadecimal number[/color]


Please see my Things for Coding thread to see an array of colors by their name.

Fancy Text Generator

______________________________


Bold Red Text
[b][color=red]Bold Red Text[/color][/b]


Bold and italics in red
[b][i][color=darkred]Bold and italics in red[/color][/i][/b]


Black text with red underline
[color=red][u][color=black]Black text with red underline[/color][/u][/color]


______________________________

Link to Gaia
[url=https://www.gaiaonline.com/mygaia/]Link to Gaia[/url]
PostPosted: Thu Jun 13, 2019 6:00 am


Alignments


Standard text is aligned to the left at all times.

Center text

[align=center]Center text[/align]


Right aligned text

[align=right]Right aligned text[/align]


Justified text. It's hard to see this way but it will be more evenly spaced, forming more even columns and rows.

[align=justify]Justified text. It's hard to see this way but it will be more evenly spaced, forming more even columns and rows. [/align]


Bold, Italics, Center

[align=center][b][i]Bold, Italics, Center[/i][/b][/align]


Ending an alignment will always create an extra space. If you want to make the space smaller, keep your coding right next to each other.

This is an example of stuff
This is an example of stuff
This is an example of stuff

This is an example of stuff[align=center]This is an example of stuff[/align][align=right]This is an example of stuff[/align]


______________________________


User Image
[img]https://i.ibb.co/8mkJCFW/200500.png[/img]


User Image

[align=center][img]https://i.ibb.co/8mkJCFW/200500.png[/img][/align]


User Image

[align=right][img]https://i.ibb.co/8mkJCFW/200500.png[/img][/align]

Vicious Madam Mari
Captain

Quotable Lunatic

10,000 Points
  • Friendly 100
  • Brandisher 100
  • Profitable 100
 
Offline

Vicious Madam Mari
Captain

Quotable Lunatic

10,000 Points
  • Friendly 100
  • Brandisher 100
  • Profitable 100
 
Offline
PostPosted: Thu Jun 13, 2019 6:08 am


Text, links, and Image Combinations


Bold, Italics, Link
[url=https://www.gaiaonline.com/mygaia/][b][i]Bold, Italics, Link[/i][/b][/url]

Links will always be Underlined.

Red, Bold, Italics, Link
[url=https://www.gaiaonline.com/mygaia/][color=red][b][i]Red, Bold, Italics, Link[/color][/i][/b][/url]


User Image
[url=https://www.gaiaonline.com/mygaia/][img]https://i.ibb.co/Qd2zDkw/100150.png[/img][/url]

This image will be linked to "My Gaia". You can click on the image to go there.

User Image
[align=center][url=https://www.gaiaonline.com/mygaia/][img]https://i.ibb.co/Qd2zDkw/100150.png[/img][/url][/align]

This image will be linked to "My Gaia". You can click on the image to go there. As far as I know, you have to always put the aligned coding first then the rest. Remember to close the alignment last.
PostPosted: Thu Jun 13, 2019 6:18 am


Special Image Alignment


User ImageText will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image. Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.
[imgleft]https://i.ibb.co/Qd2zDkw/100150.png[/imgleft]Text will wrap around this image.


User ImageText will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image. Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.Text will wrap around this image.
[imgright]https://i.ibb.co/Qd2zDkw/100150.png[/imgright]Text will wrap around this image.


______________________________


User Image
                      Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image. Text will be indented ten times because there are 10 list functions. Text will not wrap around this image.

[imgleft]https://i.ibb.co/Qd2zDkw/100150.png[/imgleft][list][list][list][list][list][list][list][list][list][list]Text will be indented ten times because there are 10 list functions. Text will not wrap around this image.[/list][/list][/list][/list][/list][/list][/list][/list][/list][/list]

Closing a list function will leave a larger space before the next thing. So if you want to minimize that, put the next thing you want to code right after your last closing list function.

User Image
                      List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right.


[imgright]https://i.ibb.co/Qd2zDkw/100150.png[/imgright][list][list][list][list][list][list][list][list][list][list]List functions will still indent your text but it will not stop text from wrapping around an image that is aligned to the right. [/list][/list][/list][/list][/list][/list][/list][/list][/list][/list]


User ImageUser Image
This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified. This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified.

[imgleft]https://i.ibb.co/Qd2zDkw/100150.png[/imgleft][imgright]https://i.ibb.co/Qd2zDkw/100150.png[/imgright][align=right][align=left][align=justify]This text will not wrap around the image right. It will not wrap around the left. The alignment will be justified.[/align][/align][/align]

Vicious Madam Mari
Captain

Quotable Lunatic

10,000 Points
  • Friendly 100
  • Brandisher 100
  • Profitable 100
 
Offline

Vicious Madam Mari
Captain

Quotable Lunatic

10,000 Points
  • Friendly 100
  • Brandisher 100
  • Profitable 100
 
Offline
PostPosted: Thu Jun 13, 2019 6:28 am


"L" Shaped Graphics


VERSION 1

User ImageUser Image

                                          This image will create an L shape.



                                          Remember not to have any spaces between your closing bracket and the image code for the next one.



                                          This text will Not wrap around the image because there are list codes.



[imgleft]https://i.ibb.co/nk6Bczp/500200.png[/imgleft][img]https://i.ibb.co/HpvxQ4z/500250.png[/img][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list]
This image will create an L shape.



Remember not to have any spaces between your closing bracket and the image code for the next one.



This text will [b]Not[/b] wrap around the image because there are list codes.

[/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list]


VERSION 2
This is good if you have a gif image that goes horizontal.

User Image
User Image

                                          This image will create an L shape.



                                          Remember not to have any spaces between your closing bracket and the image code for the next one.



                                          This text will Not wrap around the image because there are list codes.


[img]https://i.ibb.co/HpvxQ4z/500250.png[/img]
[imgleft]https://i.ibb.co/nk6Bczp/500200.png[/imgleft][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list][list]
This image will create an L shape.



Remember not to have any spaces between your closing bracket and the image code for the next one.



This text will [b]Not[/b] wrap around the image because there are list codes.

[/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list][/list]












VERSION 3
User Image
User Image

This will create a right aligned, L shaped graphic.


The text also should not wrap around the right.


If you want it to have indents on the left, remember to use the list function.


[imgright]https://i.ibb.co/nk6Bczp/500200.png[/imgright][align=right][img]https://i.ibb.co/HpvxQ4z/500250.png[/img][/align][align=right][align=left][align=justify]
This will create a right aligned, L shaped graphic.


The text also should not wrap around the right.


If you want it to have indents on the left, remember to use the list function.

[/align][/align][/align]






VERSION 4
User Image
User Image

This will create a right aligned, L shaped graphic.


The text also should not wrap around the right.


If you want it to have indents on the left, remember to use the list function.


[align=right][img]https://i.ibb.co/HpvxQ4z/500250.png[/img][/align][imgright]https://i.ibb.co/nk6Bczp/500200.png[/imgright][align=right][align=left][align=justify]
This will create a right aligned, L shaped graphic.


The text also should not wrap around the right.


If you want it to have indents on the left, remember to use the list function.

[/align][/align][/align]
Reply
Evolution Main Forum
 
Manage Your Items
Other Stuff
More
Get GCash
Offers
More
Get Items
More Items
More
Where Everyone Hangs Out
Other Community Areas
  • Guilds
    fan clubs for the stuff you love
  • Chat
    chat in real time with other Gaians
  • Art Arenas
    browse & rate gaian art galleries
  • Clans
    play zOMG with others
More
Virtual Spaces
Fun Stuff
More
Gaia's Games
Mini-Games
More
Play with GCash
Play with Platinum
More