Search      Members      Groups      Profile      Favorites      RSS      Register      Log in
The IF Technical Manual

 
(currently a favorite of 0 users)
   Storygames Home -> Info Street - FAQs and Guides to the City -> IF Technical Institute and FAQ
View previous topic :: View next topic  

Author Message
HalfEmptyHero
Headmaster of the Academy



Joined: 16 Feb 2009
Topics: 33
Posts: 342
Location: Where rolls the Oregon, and hears no sound

Items
Legends
Fables
Strata-gems

PostPosted: Sun May 15, 2011 11:24 am    Post subject: The IF Technical Manual Reply with quote

The City of IF Technical Manual
This manual will teach you the ins and outs of the site, including posting, chatting, and editing.
Note: This manual is still under construction. Please do not make any replies to it.

Index

  1. BBCode
    1. What is it?
    2. How to Use it
    3. Formatting Text
    4. Posting Images
    5. Creating Links



Last edited by HalfEmptyHero on Mon May 16, 2011 7:55 am; edited 3 times in total
Back to top
View user's profile Send private message
Author Message
HalfEmptyHero
Headmaster of the Academy



Joined: 16 Feb 2009
Topics: 33
Posts: 342
Location: Where rolls the Oregon, and hears no sound

Items
Legends
Fables
Strata-gems

PostPosted: Sun May 15, 2011 11:25 am    Post subject: Reply with quote

What is BBCode?

BBCode is a special, lightweight markup language used to format messages on a forum. It allows members to post images and links, post list, and make bold/italicized text. It exists to solve a simple problem: How to allow members to stylize their posts without compromising the security of the website. Websites are built using,—among others—html, css, and php. While allowing members to post using these would indeed grant users more options, it would also allow a more nefarious user to use it for malevolent purposes. This is where BBCode comes in. Posts are parsed for special tags, and the text in-between those tags are formatted according to rules set forth by the website. There is no set standard for BBCode, and the tags used on one messaging board might not be the same as another. However, most of the common ones remain standard across all forums. Here we will discuss the BBCode used on IF and how to use it.


Last edited by HalfEmptyHero on Mon May 16, 2011 7:56 am; edited 1 time in total
Back to top
View user's profile Send private message
Author Message
HalfEmptyHero
Headmaster of the Academy



Joined: 16 Feb 2009
Topics: 33
Posts: 342
Location: Where rolls the Oregon, and hears no sound

Items
Legends
Fables
Strata-gems

PostPosted: Sun May 15, 2011 11:25 am    Post subject: Reply with quote

Tag Usage?

The basic use of BBCode is like so:
Code:
[tag]Text[/tag]

Note the text is put between two tags, with the ending tag having a forward slash. Tags can also be combined for more effects, and this will be discussed more in detail later. It looks like this:
Code:
[tag1][tag2]Text[/tag2][/tag1]

It is important to note that tag1 surrounds tag2, and thus both the start tag and end tag of tag1 should enclose tag two.


Last edited by HalfEmptyHero on Mon May 16, 2011 7:56 am; edited 1 time in total
Back to top
View user's profile Send private message
Author Message
HalfEmptyHero
Headmaster of the Academy



Joined: 16 Feb 2009
Topics: 33
Posts: 342
Location: Where rolls the Oregon, and hears no sound

Items
Legends
Fables
Strata-gems

PostPosted: Sun May 15, 2011 11:29 am    Post subject: Reply with quote

Formatting Text

Making Text Bold

Bold text is a very important text formatting tool to be used. It is great for chapter titles, headlines, and any other place where text needs to stand out. It's use is quite trivial:
Code:
[b]Text to be set bold[/b]

This can be used inside of paragraphs, sentences, even words. You can make a single letter in a word bold, and you can make an entire post bold.

Italicizing Text

Italics are also very important. They can be used to emphasize a certain word, to make poetry look more poetic and dreamy, or even to set apart a block quote from normal text. It is used in the same manner as the bold tag:
Code:
[i]Text to be set bold[/i]

The same rules apply to italicized text as bolded text.

Underlined Text

Underlined text is not as is practicle as some of the other tags, but it is accomplished in the same manner as the previous two BBCode tags. A u is its designator.
Code:
[u]Text to be underlined[/u]


Changing the Color of Text

Color is very useful in providing feedback to someone's post. You can make a certain word red to show a correction, or set it as blue to offset your comments from the poster's own work. It is as flexible as the previous tags, however it can be distracting if not used properly. It is a good idea to use only one color for chapter posts, short stories, etc. unless there is a specific reason to use more than one. Preview your posts before you submit them to make sure the color is actually readable.

Changing the color is slightly different than the previous tags, as it adds one more variable to the equation—you have to declare the color like so:
Code:
[color=red]Text to be red[/color]


You would change =red to whatever color you want it to be, be it green, blue or orange. You can also choose the hex triplet color value.
Code:
[color=5f0000]This is a different shade of red![/color]


--------------------------------------------------------
COMING SOON: Hex Triplet Section
--------------------------------------------------------

Changing the Size of Text

Size is important, no matter what anybody says. It is good for chapter headings, titles, sections, and whatever other purpose you can think of. It follow the same basic format as the color tag, where it requires a value.
Code:
[size=24]This text is big![/size]

The bigger the number, the bigger the text size and vice versa. The value can be any number between, and including, 0 and 29. A text size of 0 will make the text invisible to the naked eye, however it will still be copyable by selecting all or highlighting the text surrounding it. This could perhaps be used to put hidden messages in your storygames.


Last edited by HalfEmptyHero on Mon May 16, 2011 7:56 am; edited 1 time in total
Back to top
View user's profile Send private message
Author Message
HalfEmptyHero
Headmaster of the Academy



Joined: 16 Feb 2009
Topics: 33
Posts: 342
Location: Where rolls the Oregon, and hears no sound

Items
Legends
Fables
Strata-gems

PostPosted: Mon May 16, 2011 5:37 am    Post subject: Reply with quote

Posting Images

To post an image only the following BBCode is required:
Code:
[img]http://www.linktoimage.com [/img]


Of course http://www.linktoimage.com would be changed to the url of your image. This can be on another website or you can upload your picture to the gallery and copy the link from there. The tag above would display

While that can have it's uses, it would be better if the image could wrap text around itself to conserve space and to be more aesthetically pleasing. This can be accomplished with the optional left of right value added to the tag:

Code:
[img=left]http://www.linktoimage.com[/img]
[img=right]http://www.linktoimage.com[/img]


This causes the image to float to either the left or right side of the page depending on the value you chose.

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. Sed ut perspiciatis, unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam eaque ipsa, quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt, explicabo. Nemo enim ipsam voluptatem, quia voluptas sit, aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos, qui ratione voluptatem sequi nesciunt, neque porro quisquam est, qui dolorem ipsum, quia dolor sit amet, consectetur, adipisci[ng] velit, sed quia non numquam [do] eius modi tempora inci[di]dunt, ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?


Last edited by HalfEmptyHero on Mon May 16, 2011 7:57 am; edited 1 time in total
Back to top
View user's profile Send private message
Author Message
HalfEmptyHero
Headmaster of the Academy



Joined: 16 Feb 2009
Topics: 33
Posts: 342
Location: Where rolls the Oregon, and hears no sound

Items
Legends
Fables
Strata-gems

PostPosted: Mon May 16, 2011 5:53 am    Post subject: Reply with quote

Linking


Linking Text

For basic links, the url need only be supplied. If you wanted to provide a link to Google, you can simple type in http://www.google.com and it will automatically be converted to a clickable link. If you want to subsitute the url of the link with a word or phrase, like Google, there is BBCode to do that:

Code:
[url=http://www.google.com ]Google[/url]


Linking Images

This can also be used with an image instead of a url. This is accomplished by replacing the text between the url tags with the BBCode for an image like so:

Code:
[url=http://www.google.com] [img]http://www.google.com/images/logos/ps_logo2.png [/img][/url]




Linking to Specific Posts in a Thread

It is also possible to link directly to a specific post in a thread, so that post is focused when the link is clicked. To do this, right click on the icon that looks like a piece of paper (See red box in Figure 1) and click copy link location. You would then create the link like you would any other, pasting the link you previously copied.

Figure 1
Back to top
View user's profile Send private message
Display posts from previous:   
This topic is locked: you cannot edit posts or make replies.   printer-friendly view    Storygames Home -> IF Technical Institute and FAQ All times are GMT - 8 Hours
Page 1 of 1
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum


Powered by phpBB © 2001, 2002 phpBB Group. Forum design by mtechnik, customized by City of IF
All site content © City of IF or the respective storygame authors.   Terms of use
Home   Book   Storygames   FAQ   Greek myth   About   Policies