|
The Wiki
Wiki Community |
Main /
BB Code Help Page
WHAT THIS PAGE CAN HELP WITHEver wondered on how to work a code, but not understanding the concept of it. Want to make something look fantastic, like a Personal Thread, but unable to understand how you make things all line up? Then this easy and fun guide will be just what you are looking for. Packed full of helpful tips and advice, with lots of examples and some fun inserts to make your time of reading and searching for the help you need much more enjoyable and easy. No more posting in the ‘I need help’ board and waiting two days for an answer, if it is coding or other special things around the forum then just pop into here and take a look, you may find your answer in five minutes and be on your way to creating that excellent post you have always wanted to THE BASICSBasic codes known on most sites like HPH are things like aligning text, colors, fonts and sizes. These are the more commonly used codes at any place. It is not hard, but sometimes it can be confusing and so now it is made easy. ALIGNLeft - to create text and have it shifted to the left side of the page FORUM CODES: FONT, SIZE, COLORSFont - to change the style of the text you can use As an extra added note, due to the wonderful Jess, we have this amazing page of colors one can use if looking for that special something to fit their text. Taste the Rainbow v2.0 MAKING IMPRESSIONS Bold - gives text a thicker lining Italic - gives text a slight lean to the right Underline - gives text a line under selected area Strike Through - gives text a strike through words Glow - gives text a glowing impression Shadow - gives text an out of page look with a shadow behind words Side Gliding Text - gives text a movement across the page from right to left  Superscripts - give text the impression of becoming small header or footer notes Page Break - gives the page a line to break different sections upFORUM CODES: IMAGES AND LINKS Flash - too be added Images - too add images into the post URL - to add links into the post Email - to add emails into post FTP Link - to be addedFORUM CODES: TABLES AND LISTS Table - to make a table of information Row - to make rows of text aligned Column - to make columns of text aligned List - to make a list of text with indicatorsFORUM CODES: CODES AND QUOTES Codes - to put codes in a box for easy copy and past Quotes - to put another members or own text in box to quote itFORUM CODES:
[-(:table border=1 width=90% align=center:)
EMOTICONS Smily - to express good nature, happy moods or being pleased Wink - to express playing around and joking Cheesy - to express complete cheekiness or joy Sad - to express being sad, down or depressed Shocked - to express shock or surprise Tongue - to express joy of being playful Lips Sealed - to express not talking about something Kiss - to express love, kissing or goodbyes Cry - to express upset, in tears or frustration Grin - to express very happy Huh - to express confusion Cool - to express being smart, cool or good Angry - to express not being happy Embarrassed - to expression being embarrassed Devil - to expression being naughty, cheeky or cunning Rolleyes - top express rolling the eyes Undecided - to express not sure or undecided Angel - to express innocence Laugh - to express laughing Out of Character - to post fast when not putting text in characterFORUM CODES: AROUND THE BOARD BUTTONS OR LINKSIt is clear that while you are moving around the board you will come across a number of different buttons and while most of them are easily known and can be worked out, there are some a little less known. How some work can also be different to what is expected. MEMBER POST SIDE INFORMATIONS  ICQ Icon - link to ICQ chat MSN Icon - link to MSN chat, messenger AIM Icon - link to AIM chatYIM Icon - link to YIM chat, yahoo  Profile Icon - link to member main profile Email Icon - link to members email address Website Icon - link to the chosen website the member puts in profile  Personal Message Icon - link to direct PM’s to member    House Icon - indication of house member if student  Offline / Online Icon - indication of member if on or off lineFOR THREADS, OR POSTS Quote - quick link to make the selected post (or PM) quoted Modify - available to poster and mods, allows ability to edit post Remove - available to poster or mod, can remove certain post Split Topic - available to mods to split topics to two separate threads Logged - indication that the IP of member is logged and workingReport to Moderator - a link to use when wanting to report post Paper-Pen Icon - the second modify button near bottom of post for mods or posterMAIN PAGE AND BOARD PAGESLogo Image - the image at the top of the page Profiles - takes you to the Introduction Board for your character House Points - information about house points for the year  Bright Folder Icon - shows that there are new replies in that area Faded Folder Icon - shows that there are no new replies in that area Pin Tack Icon - shows that the topic is pinned, important for notice Pad Lock Icon - shows that the topic is locked, unable to make posts   Page Icons - shows that the topic is normal, hot or very hot Page-Stat Icon - shows that the topic is also a poll Page-Stat-White Face Icon - shows that the topic-poll has been posted in by you Page-White Face Icon - shows that the topic has been posted in by you Page-Arrow Icon - links right to the last post made in topic New Icon - indicates a new post in that threadJump To - allows you to jump from page to page without going back to the main page[/td] PERSONAL MESSAGESTo - space where you can place name of member or members sending to INFO CENTERCalendar - a quick guide of up coming events, also links to main calendar SHOUT BOXHistory - takes you to a day or so back of shout box messages HIDDEN SECRETS WITHIN THE BOARDDid you know that there are some things that are quite obvious but yet not the full extent on how to use them is known. As you have read there is so many different little buttons, links and codes, but what about when you want to do something a little more quicker, like PM somebody you see on the Online list. Or if you have an image but find it is too big. There are fast and easy ways to fix all of these without editing, or extra clicks. RESIZING IMAGESWhen posting an image, most of the time they fit well on the site. Yet there are times when an image may seem too big and over crowding the place. Now there is no more worry, for there are some simple easy steps to do this with codes. All you have to do is pick a size. Example: this is a code for an image at a large size h*ttp://www.hermann-uwe.de/files/images/blue_flower.preview_0.jpg Now seeing that it is huge and wanting something small, all you have to do is pick the size. 200x200 will be good. [img width=200 height=200]h*ttp://www.hermann-uwe.de/files/images/blue_flower.preview_0.jpg[/img] As you can see there is a clear difference in sizes and you did not have to go into a editing program to fix it up. See how instead of just the ‘img’ there now stands a width and height to the chosen sizes? That is all you need to do. It will do the rest for you and your image will be down sized to fit how you want. This will however, change the resolution of the image and so if you make it too big or too small, it may cause the image to be squashed or become pixel looking. As and added bonus, compliments of Ethan Harkiss, if you only wish to change one of the sides, such a width, then this is possible. All you need to add into the code, is the width=(size) and it shall do the rest once posted. Otherwise, if it is only the height you wish to change, then it works the same way, only needing you to place the height=(size) into the code. Such as shown below: [img width=200]h*ttp://www.hermann-uwe.de/files/images/blue_flower.preview_0.jpg[/img] PMING FROM ONLINE LIST OR FROM THREADIt always becomes a pain that when you see somebody on line, or find a post of somebody’s and want to PM them, but find you have to click their user name to get to the profile and then click on send a message down at the bottom of their profile. Well, there is a much faster way then doing that. Have you ever noticed the little green square that shows up when people are online? You can see it in the online or on their side info in a post. The green square is a quick button that all you need to do it hit it right away and it will send you right to a new screen for a personal message, with that members name in it ready for you to just type the message and send off. Sometimes however, on the members side info in a post the square will be blank, brown if you want a color. This does not mean much, as you can still use it to go right to a personal message for them. The square is simply a quick help as you can find it in their full profile as well in their list of contact information. As noted before as well, there is a small icon like a speech bubble on the side information that can also be used as a quick link to sending PM’s. THE VANISHING MODIFY BUTTONYou may find that sometimes the modify button at the bottom of each post may vanish after some time. This could be due to the long time from after the post has been made, or due to others posting after. No worries however, for there is still always the modify button up top of the post to use if you need to edit a post. REPORTING TO A MODSometimes when you have an issue or see a post that is not suitable to the sites requirements it is known we can report things to a Mod. However, it is not often known that the report to mod option makes it easier. All you need to worry about is hitting a button and it will take you to a new page were you just fill in a couple of things and it will be sent off. There is no more need in this case for long PM’s unless you want to explain more. It makes things faster and it prelinks the details of of which post it is that you are reporting. CREATING LINKSThe easy way has been mentioned already, however, sometimes it is not known that instead of having the full link, you can put in words and they will automatically be lightened and will link to which is chosen. How so? Very easy, almost in the same way as other links. Example: the normal link you will find looking like this. [url]h*ttp://rpg.harrypotterhaven.net/index.php[/ url] As you can see it is just the address. However, in changing the way of posting the link slightly, you will find this. [url=h*ttp://rpg.harrypotterhaven.net/index.php]HPH Forum[/ url] AS you will see it simply shows the words HPH Forum and not the address but has the same link affect. MULTIPLE PERSONAL MESSAGESSomething small, but something over looked. While sending messages, some do not know that they can send more of the same message at the one time. All it takes it putting more names in the To: or Bcc: bars. While one name sends to one, this gives you a chance of mass messages. However, ten is the max that you can send in one go, and twenty messages is the max messages one can send within an hour. Example: to send to more then one, all you need is a , between each name, thus it shall look like this. To: Derek (ADMIN), Peyton Maine, Professor Page (MOD), Elayne Malashima If you see any * or spaces in any of the image or link lines codes, this is due to the format and to make it easier to understand the code on the forum. However, please remember when using such code, to take out the * otherwise it will not work on the forum. Feel free to add, just please keep the format used for sizes and such. BeeGee |