alonimi
Formatting and Style Guide - Printable Version

+- alonimi (https://alonimi.net)
+-- Forum: Out of Character (https://alonimi.net/forumdisplay.php?fid=68)
+--- Forum: OOC (https://alonimi.net/forumdisplay.php?fid=74)
+--- Thread: Formatting and Style Guide (/showthread.php?tid=653)



Formatting and Style Guide - Tindome - 10-15-2015

Images

To float an image to the left or right:
Code:
[img align=left]URL[/img]
[img align=right]URL[/img]
Example:
[Image: logo.png]


For character images that float to the left or right and automatically resize themselves for desktop or mobile:
Code:
[avatar=left]URL[/avatar]
[avatar=right]URL[/avatar]
Example:



For images with a maximum width of 160px and a buffer between them (primarily used for moodboards):
Code:
[mb]URL[/mb]
Example:



Embedding

For all embeds, make sure the URL you are using begins with https! http embeds will not work, and will produce a blank frame.

To insert a soundcloud player:
Code:
[soundcloud]URL[/soundcloud]
Example:


To insert an 8tracks player, use the Wordpress Shortcode under the 8tracks embedding options! The URL will automatically be converted from http to https. Do not edit the shortcode! The code itself will look something like this:
Code:
[8tracks width="300" height="250" playops="" url="URL"]
Example:




Text

To indent text:
Code:
[tab]
Example:
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean imperdiet tempor lacus, ut porta ex facilisis ut. Duis posuere turpis nisl, vitae scelerisque enim egestas at. Quisque nibh arcu, porttitor eget faucibus molestie, convallis et turpis. Etiam pretium et enim vitae fringilla. Duis vitae leo lacus.


To add a horizontal rule:
Code:
[hr]
Example:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aenean imperdiet tempor lacus, ut porta ex facilisis ut. Duis posuere turpis nisl, vitae scelerisque enim egestas at.

Quisque nibh arcu, porttitor eget faucibus molestie, convallis et turpis. Etiam pretium et enim vitae fringilla. Duis vitae leo lacus.



RE: Formatting and Style Guide - Tindome - 11-08-2015

Style Guide

Siren These are suggestions and helpful hints for people who want them, and not rules. Siren

175 pixels is a good size for sidebars and leaves plenty of room for the actual post. If you use the avatar code, it will never be wider than 25% of the total post, so it will still look fine on mobile. The avatar code also lets you use significantly larger images, if you don't want to have multiple sizes to account for quality issues.

800 pixels is a good width for banners or header images, but the forum will automatically shrink them to fit if they are too large, so you don't necessarily need to worry about it.

Pixlr is a good resource for instant-prettification of images you may want to use in a post. For more advanced image editing, Paint.net or GIMP may be better.

The official font for Muskaptilo is Gondola SD.

The official font for Akvero is Kingthings Italique.

The official font for the Osiris Lunar Colony is Final Frontier Old Style.

The official font for Valesport is Caviar Dreams.

The official font for Las Ballenas is Diner.