Useful Codes

2

1

Zef Naaiers
Administrator

Welcome to final fantasy reunion! Feel free to PM me if you need anything

Useful Codes May 3, 2020 0:22:26 GMT

Quote

Post by Zef Naaiers on May 3, 2020 0:22:26 GMT

You can post various formatting tutorials on site here. Please remember that we disallow full blown templates that change things like the color of the posting area because they interfere with the multiple skins found on the site.

Wrapping text around an image.

[img style="border:2px solid black;float:right;background-color:white;margin-left:10px;" src="INSERT IMAGE URL HERE" alt=" "]

If you are looking to put a wrapping image in a post or an app you'll need to do some basic coding. It isn't anything to difficult, and unless you need a different margin between the picture in the text you can just use the code above to wrap to the right. Simply put your image link in the place it is designated.

Last Edit: May 3, 2020 0:36:08 GMT by Zef Naaiers

2

1

Zef Naaiers
Administrator

Welcome to final fantasy reunion! Feel free to PM me if you need anything

Useful Codes May 3, 2020 0:23:02 GMT

Quote

Post by Zef Naaiers on May 3, 2020 0:23:02 GMT

If you would prefer you can wrap text around an image to the left. To pull this off you would just change the float property in the text to left and change from margin-left to margin-right.

If you are planning to float multiple images it will get more complicated. If you are doing that you are probably better off making a table, but i'm too lazy to go over that at the moment.

[img style="border:2px solid black;float:left;background-color:white;margin-right:10px;" src="INSERT IMAGE URL HERE" alt=" "]

Last Edit: May 3, 2020 0:37:57 GMT by Zef Naaiers

2

1

Zef Naaiers
Administrator

Welcome to final fantasy reunion! Feel free to PM me if you need anything

Useful Codes May 3, 2020 0:30:31 GMT

Quote

Post by Zef Naaiers on May 3, 2020 0:30:31 GMT

Want a smaller text area? There are two basic ways to do it.

You can put the block quote tab at the start of the text, and then close the tag when you are done. I did that with these very sentences. They look like this in the code...

[blockquote]You can put the block quote tab at the start of the text, and then close the tag when you are done. I did that with these very sentences. They look like this...[/blockquote]

Alternately you can create a div. This div is 80% of the text area. Divs give you more control but come with some problems of their own. Using pixels instead of a percentage can stretch the text area too big for some smaller monitors or phones. Using percentages is generally better, but if you go too low it will probably look funky on smaller machines.

[div style="width:80%;margin:auto;"]Alternately you can create a div. This div is 80% of the text area compared to the normal amount. Divs give you more control but come with some problems of their own. Using pixels instead of a percentage can stretch the text area too big for some smaller monitors or phones. Using percentages is generally better, but if you go too low it will probably look funky on smaller machines.[/div]

Last Edit: May 3, 2020 0:31:22 GMT by Zef Naaiers

2

1

Zef Naaiers
Administrator

Welcome to final fantasy reunion! Feel free to PM me if you need anything

Useful Codes May 9, 2020 5:38:35 GMT Cactus Jack likes this

Quote

Post by Zef Naaiers on May 9, 2020 5:38:35 GMT

You can quote this post to get some of the fancy icons I use (can't put them in code tags). It will only work in posts, not in signatures.

[attr="class","fa fa-cog fa-spin"]

[attr="class","fas fa-fire"] Fire

[attr="class","fas fa-snowflake"] Ice

[attr="class","fas fa-bolt"] Lightning

[attr="class","fas fa-tint"] Water

[attr="class","fas fa-long-arrow-alt-right"]

[attr="class","fas fa-fire"] Fire [attr="class","fas fa-long-arrow-alt-right"] [attr="class","fas fa-snowflake"] Ice [attr="class","fas fa-long-arrow-alt-right"] [attr="class","fas fa-bolt"] Lightning [attr="class","fas fa-long-arrow-alt-right"] [attr="class","fas fa-tint"] Water [attr="class","fas fa-long-arrow-alt-right"] [attr="class","fas fa-fire"] Fire

[attr="class","fas fa-eye-slash"] Blind: Blinded characters have difficulty performing physical attacks.

[attr="class","fas fa-battery-quarter"] Exhausted: Exhausted (sometimes refereed to as sleepy) characters have their strength and speed hindered. If Magic Tier 2 sleep is cast on them they gain the Sleep condition.

[attr="class","fas fa-skull-crossbones"] Poisoned: Poisoned characters cannot benefit from healing and take a minor amount of damage each round.

[attr="class","fas fa-comment-slash"] Silenced: Silenced characters are treated as magic tier 0 and nothing can boost it higher until the effect ends.

[attr="class","fas fa-battery-empty"] Sleeping: A sleeping character can not act.

2

1

Zef Naaiers
Administrator

Welcome to final fantasy reunion! Feel free to PM me if you need anything

Useful Codes May 18, 2020 5:28:38 GMT

Quote

Post by Zef Naaiers on May 18, 2020 5:28:38 GMT

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu auctor mauris, eget rutrum tellus. Fusce nec turpis auctor, ultrices dolor in, laoreet diam. Aliquam sit amet urna ut ligula aliquam placerat. Morbi volutpat tempus arcu, vitae pellentesque erat malesuada ut. Curabitur eu metus ultrices, feugiat enim vel, fringilla massa. In mollis nec purus eget luctus. Donec nec tempor est. Nunc sollicitudin justo id ex placerat mattis. Donec lectus felis, rutrum in semper non, pretium varius dolor. Pellentesque venenatis posuere leo eget luctus. Pellentesque congue, libero non maximus vehicula, ipsum lacus eleifend tellus, et hendrerit augue nunc ut erat.

Cras iaculis urna vitae vulputate congue. Suspendisse maximus bibendum enim, ut cursus nunc cursus lacinia. Suspendisse pharetra nulla nisi, id volutpat magna maximus ut. Vivamus nec malesuada eros, eget lacinia tortor. Morbi orci nisi, imperdiet ac enim sed, sollicitudin auctor velit. Vestibulum nisi mauris, porttitor eu nunc ut, vulputate convallis libero.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eu auctor mauris, eget rutrum tellus. Fusce nec turpis auctor, ultrices dolor in, laoreet diam. Aliquam sit amet urna ut ligula aliquam placerat. Morbi volutpat tempus arcu, vitae pellentesque erat malesuada ut. Curabitur eu metus ultrices, feugiat enim vel, fringilla massa. In mollis nec purus eget luctus. Donec nec tempor est. Nunc sollicitudin justo id ex placerat mattis. Donec lectus felis, rutrum in semper non, pretium varius dolor. Pellentesque venenatis posuere leo eget luctus. Pellentesque congue, libero non maximus vehicula, ipsum lacus eleifend tellus, et hendrerit augue nunc ut erat.

Cras iaculis urna vitae vulputate congue. Suspendisse maximus bibendum enim, ut cursus nunc cursus lacinia. Suspendisse pharetra nulla nisi, id volutpat magna maximus ut. Vivamus nec malesuada eros, eget lacinia tortor. Morbi orci nisi, imperdiet ac enim sed, sollicitudin auctor velit. Vestibulum nisi mauris, porttitor eu nunc ut, vulputate convallis libero.
test dummy test dummy test dummy test dummy test dummy test dummy test dummy

Optional site template approved for use.

[blockquote][p][img src="https://i.ibb.co/ss9kp9c/100.png" alt="the image auto resizes to 100px width, adds the border, and floats it to the right. You can remove the image if you don't want it."]Your posting text goes here[/p][p]@tagEachUserHere [/p][/blockquote]

Last Edit: May 18, 2020 5:30:19 GMT by Zef Naaiers

Final Fantasy VII: Reunion Forum Roleplay

Announcements

Recent Threads

Post by Zef Naaiers on May 3, 2020 0:22:26 GMT

Post by Zef Naaiers on May 3, 2020 0:23:02 GMT

Post by Zef Naaiers on May 3, 2020 0:30:31 GMT

Post by Zef Naaiers on May 9, 2020 5:38:35 GMT

Post by Zef Naaiers on May 18, 2020 5:28:38 GMT

Quick Reply

FFVII: Reunion

Shinra Radio

Join Our Discord Chat

Affiliates