SRL Archive - Forum Guides

Guide to the New Forum Layout.


Chris!

2013-01-14 21:38:38

[anchor="top"]
Welcome to the Guide to the New Forum Layout!
[/anchor]

Foreword:

The recent forum upgrade has changed the forum layout around quite drastically due to new themes and the obvious version update, which has added or updated features built into vBulletin. Here I will try to explain what things are and what they are used for.

Please note: Pictures in this guide are on the theme 'Metro - Fixed', so certain buttons and features may look different.

Table of Contents:

  1. [jumpto="intro"]Introduction[/jumpto]
  2. [jumpto="sections"]Sections of the Forum[/jumpto]
    • [jumpto="landing"]The Landing Page[/jumpto]
    • [jumpto="index"]The Board Index[/jumpto]
    • [jumpto="navigation"]The Navigation Bar[/jumpto]
    • [jumpto="posts"]The Posts[/jumpto]
    • [jumpto="new"]New Features[/jumpto]
      • [jumpto="tag"]User Tagging[/jumpto]
      • [jumpto="anchors"]Anchors[/jumpto]
      • [jumpto="notify"]Notifications[/jumpto]
      • [jumpto="bugissue"]Bug Issue System[/jumpto]
      • [jumpto="irc"]Embedded IRC chat[/jumpto]
      • [jumpto="simba"]Simba Tag Update[/jumpto]
      • [jumpto="themes"]Themes[/jumpto]
      • [jumpto="authnote"]Author's Notes[/jumpto]

      [anchor="intro"]Introduction:[/anchor]

      Hello SRL. This guide is for people who are dumbfounded by the new look of the forum so that they can understand the forum well enough to use it effectively.

      [anchor="sections"]Sections of the Forum:[/anchor]

      [anchor="landing"]The Landing Page:[/anchor]

      Implemented with the new update, this landing page will appear when you go to http://www.villavu.com.


      On this page, there are three buttons:

      You can avoid the page by going straight to the forum URL instead of just villavu.com.

      [anchor="index"]The Board Index:[/anchor]

      So you've just come to the forum and been presented with a very different layout of the site you knew so well. You will see large blue buttons in the Navigation Bar (See: [jumpto="navbar"]The Navigation Bar[/jumpto]) and the boards you are very familiar with.


      At the bottom of the board index, you will see a list of the currently active users, users active in the past 24 hours, the ranks, birthdays and forums statistics.


      Don't worry, above that you will see the stats you are so used to seeing!


      [anchor="navigation"]The Navigation Bar:[/anchor]
      Metro:


      Default:


      You are presented with five beautiful big buttons:

      Seven intriguing hyperlinks:

      Four useful account related links:

      And a search bar.

      [anchor="posts"]The Posts:[/anchor]

      Posts looks quite different now, with features being moved around the display. Here is an example post:

      Metro:


      Here are what the different buttons mean:

      • - This button is the reputation button. Use this button to add to a users reputation, or take from it if you are a member.
      • - This button is the report a post button.
      • - This button is the reply button. This replies to a thread without the use of quotes.
      • - This button is the reply with quote button. This replies to a thread with a quote from another user on it.
      • - This button is the multi-quote button. This allows you to select multiple messages to have quoted in a post.

      Default:


      Here are what the different buttons mean:

      • - This button is the reputation button. Use this button to add to a users reputation, or take from it if you are a member.
      • - This button is the report a post button.
      • - This button is the reply button. This replies to a thread without the use of quotes.
      • - This button is the reply with quote button. This replies to a thread with a quote from another user on it.
      • - This button is the multi-quote button. This allows you to select multiple messages to have quoted in a post.

      Satellite (NEW):


      The layout changes quite drastically from the default and metro themes.

      Here are what the different buttons mean:

      • - This button is the reputation button. Use this button to add to a users reputation, or take from it if you are a member.
      • - This button is the report a post button.
      • - This button is the reply button. This replies to a thread without the use of quotes.
      • - This button is the reply with quote button. This replies to a thread with a quote from another user on it.
      • - This button is the multi-quote button. This allows you to select multiple messages to have quoted in a post.

      The user bar at the top of each post has slightly changed. Here are the themes:

      Metro:


      As you can see, there is now no activity/longetivity bars. This is because the plugin has not been ported to vBulletin 4. But, now there is a mention system which effectively is a tagging system. The rest is basically the same, except for slight changes in the CSS and images (reputation bar).

      Default:


      Satellite (NEW):


      [anchor="new"]New Features:[/anchor]

      There are TONS of new features that have been added from the upgrade to vBulletin 4.

      Some of these are:

      • User Tagging
      • Anchors
      • Notifications
      • Bug Issue System
      • Embedded IRC chat
      [anchor="tag"]User Tagging:[/anchor]

      User tagging, or mentioning a user in a post notifies them that you have tagged them and adds a mention to their statistics. Here's how to tag a user in a post:

      Member+ Sections:

      All you have to do in these sections is put @username where you want the name to appear.

      Non-Member Sections:

      In non-member sections, it takes abit more effort to taga user. This is so admins are not spammed with notifications so easily. So what you have to do is:

      [mention=userID]Username[/mention]

      You can get the user ID by going to the users profile and grabbing the number in the URL, for example: in http://villavu.com/forum/member.php?u=106722 grab 106722. It should turn out like so:

      @Chris!

      [anchor="anchors"]Anchors:[/anchor]

      Anchors allow you to make it so when you click a word, it will take you to a different place in that post. Anchors are used a lot in this guide. Here's how to add an anchor to your posts :

      ]jumpto="example"]example[/jumpto]

      ]anchor="example"]example[/anchor]

      Do NOT forget the "" around the word you're anchoring or jumping to. If you forget them or mess that part up it WILL NOT WORK.

      It should turn out like this:

      [jumpto="example"]I'm jumping to example.[/jumpto]

      [anchor="example"]I am example.[/anchor]

      [anchor="notify"]Notifications:[/anchor]

      The new notifications system allows users to instantly know if they have been quoted or PM'd (There are more things that give you a notification). At the top of the page you are viewing, you will see:


      When you have a notification, you will have an orange circle with a number in it stating how many you have. If you click the number, you can see what notifications you have.

      [anchor="bugissue"]Bug Issue System:[/anchor]

      Another new feature in the upgrade was the bug, or issue system. This is now the way to let the staff know if there is a bug that needs addressing. When you click the 'Bugs' button in the navigation bar, you will see this:


      To submit an issue, go to Site Bugs/SRL 5/SRL 6 (whatever you're submitting a bug for) and click the 'Post New Issue' button:


      Make sure you provide details, pictures and anything that can help identify the bug.

      [anchor="irc"]Embedded IRC chat:[/anchor]

      Yep, that's right. No more third party programs to connect to the SRL IRC chat. All you have to do now is press the 'Chat' button in the navigation bar and you're set.

      Update (20/01/13): In your About Me section on your profile, you can set an IRC Name. This is for if you use a different name on IRC than your forum username. Leave blank to use forum username.

      [anchor="simba"]Simba Tag Update:[/anchor]

      You can now add line numbers to your SIMBA code tags! To do this, simply put:

      [noparse]
      yourcodehere
      [/noparse]

      program new;

      {$DEFINE SMART8} //Add // before if using browser

      {$i SRL/srl.simba}
      {$i SRL/SRL/misc/SmartGraphics.simba}

      Const

      var


      Procedure DeclarePlayers;
      begin
      HowManyPlayers := 1;
      NumberOfPlayers(HowManyPlayers);
      CurrentPlayer := 0;
      Players[0].Name := ''; //Username
      Players[0].Pass := ''; //Password
      Players[0].Nick := ''; //Nickname
      Players[0].Pin := ''; //Bank Pin
      Players[0].Active:=True;
      end;

      begin
      SetupSRL;
      ActivateClient;
      DeclarePlayers;
      LoginPlayer;
      end.

      That's really useful for debugging!

      [noparse]
       or [simba=false][/noparse] will be the same no line code.

      [anchor="themes"][SIZE=5][COLOR="#FF0000"][B]Themes:[/B][/COLOR][/SIZE][/anchor]

      With the upgrade, we have 3 different themes available for use (Not including the mobile theme). These are:

      [LIST]
      [*]vB4 Default Style ([url]http://villavu.com/forum/project.php?styleid=8[/url])
      [*]Metro - Fixed ([url]http://villavu.com/forum/project.php?styleid=12[/url])
      [*]Metro - Fluid ([url]http://villavu.com/forum/project.php?styleid=13[/url])
      [*]Satellite - Fluid ([url]http://villavu.com/forum/project.php?styleid=15[/url])
      [*]Satellite - Fixed ([url]http://villavu.com/forum/project.php?styleid=14[/url])
      [/LIST]
      The difference between Metro - Fixed and Metro - Fluid is fluid fills the screen and will flow to the confines of your browser by rewrapping paragraphs as the window is resized. This is the same with the Satellite theme.
      Fixed looks more compact and does not change in size with the browser.

      [anchor="authnote"][SIZE=5][COLOR="#FF0000"][B]Author's Notes:[/B][/COLOR][/SIZE][/anchor]

      Thank you for reading this guide and I hope it helped you. If you find any grammatical issues in any part of this thread, PLEASE alert me too it! You can help make the guides better by doing this and suggesting this to add to the guide!

      [jumpto="top"][B][SIZE=4]Back to Top[/SIZE][/B][/jumpto]

      Thanks guys,

      -Chris!

      YoHoJo

      2013-01-14 21:40:04

      Moved upon request, great job!

      Hobbit

      2013-01-14 22:00:47

      Very nice!

      Chris!

      2013-01-14 22:55:32

      From: YoHoJo
      Moved upon request, great job!


      Thanks <3.

      From: Hobbit
      Very nice!


      Thank you!

      Kyle Undefined

      2013-01-14 23:05:15

      Awesome job! Very well laid out :)

      Ian

      2013-01-14 23:07:31

      This is an amazing guide, it goes through pretty much everything you need to know. And beautifully formatted as usual. Perhaps this could be stickied somewhere? Rep+, great job as always Chris! :)

      Chris!

      2013-01-14 23:30:14

      From: Kyle Undefined
      Awesome job! Very well laid out :)


      Why, thank you!

      From: BMWxi
      This is an amazing guide, it goes through pretty much everything you need to know. And beautifully formatted as usual. Perhaps this could be stickied somewhere? Rep+, great job as always Chris! :)


      Thanks. Stickied you say? Aw shucks. c:

      Mr[S]

      2013-01-15 03:11:42

      I've got used to metro fluid now, I'm still a bit off put though about posting and stuff but now I found my beloved 'Mark forums as read' I can finally do it like the old days :D

      Chris!

      2013-01-15 03:56:56

      Haha. Once you get used to new themes and layouts it's easy to get back to your old routines. :D

      Benny

      2013-01-15 04:27:38

      Woah amazing guide. Lots of detail and explanation. Gratz

      Repped.


      How do you rep now ?

      grats

      2013-01-15 04:39:50

      From: -Benny
      Woah amazing guide. Lots of detail and explanation. Gratz

      Repped.


      How do you rep now ?


      bottom left corner of their post, star thing

      J J

      2013-01-15 04:56:13

      From: grats
      bottom left corner of their post, star thing

      Guess you are using another style, for me.
      Good guide, talking about rep, you might want to add some information about that and when to give positive, when to give negative, etc. Maybe how rep power is calculated (joindate in years + posts/1000 + rep/100). As an example, if you have been here for 3 years, made 3500 posts and have 250 rep then you will give 3+3+2=8 rep.

      You can now view your rep here: http://villavu.com/forum/usercp.php
      And you can also view to who you gave rep and when. Might want to add something about rep boxes aswell, each 100 rep you get a green box and you start with one at 0 rep. So 100 rep = 2 boxes, 200 rep = 3, etc. Same for negative. -1 rep is 1 red box, -100 is 2 red boxes, etc. I'm not sure if that also changes your rep power.

      Example: joindate is January 2013 (0 years), you made 250 posts (<1000 so 0 rep) and you have -100 rep. Using the formula you would give 0 + 0 -1 = -1 rep.. But I guess rep can only be >= 0. Who knows, there might be a mistake :spot:

      Now that I was about to post this I saw Post Icons, might want to add something about that? And smilies? :P

      Chris!

      2013-01-15 05:02:08

      From: J J
      Good guide, talking about rep, you might want to add some information about that and when to give positive, when to give negative, etc. Maybe how rep power is calculated (joindate in years + posts/1000 + rep/100). As an example, if you have been here for 3 years, made 3500 posts and have 250 rep then you will give 3+3+2=8 rep.

      You can now view your rep here: http://villavu.com/forum/usercp.php
      And you can also view to who you gave rep and when. Might want to add something about rep boxes aswell, each 100 rep you get a green box and you start with one at 0 rep. So 100 rep = 2 boxes, 200 rep = 3, etc. Same for negative. -1 rep is 1 red box, -100 is 2 red boxes, etc. I'm not sure if that also changes your rep power.

      Example: joindate is January 2013 (0 years), you made 250 posts (<1000 so 0 rep) and you have -100 rep. Using the formula you would give 0 + 0 -1 = -1 rep.. But I guess rep can only be >= 0. Who knows, there might be a mistake :spot:

      Now that I was about to post this I saw Post Icons, might want to add something about that? And smilies? :P


      I shall add this information to: The Ultimate Guide to Making a Superb Guide!. I don't believe that information belongs on this thread. ;)

      Benny

      2013-01-15 05:08:48

      From: grats
      bottom left corner of their post, star thing


      From: J J
      Guess you are using another style, for me.
      Good guide, talking about rep, you might want to add some information about that and when to give positive, when to give negative, etc. Maybe how rep power is calculated (joindate in years + posts/1000 + rep/100). As an example, if you have been here for 3 years, made 3500 posts and have 250 rep then you will give 3+3+2=8 rep.

      You can now view your rep here: http://villavu.com/forum/usercp.php
      And you can also view to who you gave rep and when. Might want to add something about rep boxes aswell, each 100 rep you get a green box and you start with one at 0 rep. So 100 rep = 2 boxes, 200 rep = 3, etc. Same for negative. -1 rep is 1 red box, -100 is 2 red boxes, etc. I'm not sure if that also changes your rep power.

      Example: joindate is January 2013 (0 years), you made 250 posts (<1000 so 0 rep) and you have -100 rep. Using the formula you would give 0 + 0 -1 = -1 rep.. But I guess rep can only be >= 0. Who knows, there might be a mistake :spot:

      Now that I was about to post this I saw Post Icons, might want to add something about that? And smilies? :P


      Thanks guys. It's just taking me a while to adapt! Thanks again!

      grats

      2013-01-15 05:19:54

      From: J J
      Guess you are using another style, for me.
      Good guide, talking about rep, you might want to add some information about that and when to give positive, when to give negative, etc. Maybe how rep power is calculated (joindate in years + posts/1000 + rep/100). As an example, if you have been here for 3 years, made 3500 posts and have 250 rep then you will give 3+3+2=8 rep.

      You can now view your rep here: http://villavu.com/forum/usercp.php
      And you can also view to who you gave rep and when. Might want to add something about rep boxes aswell, each 100 rep you get a green box and you start with one at 0 rep. So 100 rep = 2 boxes, 200 rep = 3, etc. Same for negative. -1 rep is 1 red box, -100 is 2 red boxes, etc. I'm not sure if that also changes your rep power.

      Example: joindate is January 2013 (0 years), you made 250 posts (<1000 so 0 rep) and you have -100 rep. Using the formula you would give 0 + 0 -1 = -1 rep.. But I guess rep can only be >= 0. Who knows, there might be a mistake :spot:

      Now that I was about to post this I saw Post Icons, might want to add something about that? And smilies? :P

      I'm on whatever default is!

      Silentcore

      2013-01-15 11:59:58

      @Chris! Great Job on this guide. Is there a way we can see our Rep like we used to see it before. Like when you clicked on User CP and the recent Reps were under Fractions.

      The Killer

      2013-01-15 12:51:06

      From: Silentcore
      @Chris! Great Job on this guide. Is there a way we can see our Rep like we used to see it before. Like when you clicked on User CP and the recent Reps were under Fractions.


      Yeah click on settings (right up the top of villavu.)

      Tickyy

      2013-01-15 14:22:54


      is this normal???

      Hobbit

      2013-01-15 14:35:18

      Thats the default theme. He wrote the tutorial using the Metro theme. (Change using the drop box at bottom left of page)

      Mr[S]

      2013-01-15 15:04:02

      From: Hobbit
      Thats the default theme. He wrote the tutorial using the Metro theme. (Change using the drop box at bottom left of page)


      + You might need to go into your account settings and change it through there, I found that my theme always changed back to default after I logged out until I changed it from the settings

      Chris!

      2013-01-15 17:12:35

      To expand the guide, I might show pictures with the Default theme aswell as the Metro theme.

      chongc

      2013-01-16 07:08:59

      Hehehe the read/unread icon changed.

      Chris!

      2013-01-17 19:22:00

      What do you mean, chongc?

      Gu3st...

      2013-01-17 19:56:52

      I love this! Great job! :)

      Chris!

      2013-01-17 20:01:36

      From: Zyt3x
      I love this! Great job! :)


      Thanks Zyt3x!

      Sjoe

      2013-01-19 06:40:03

      Nice guide Christie!

      Chris!

      2013-01-20 19:15:40

      Thread updated with default theme images. Also added some extra information.

      Edit: Added updates to the [noparse]
      [/noparse] tags. Thanks Hobbit.

      Enjoy.

      Chris!

      2013-02-26 04:03:58

      Added Satellite theme to the guide. Thank you for re-adding the theme, @Hobbit! <3.

      MyRSGP

      2015-04-16 21:28:32

      Good job on this. Really detailed.

      acow

      2015-04-16 23:24:53

      From: MyRSGP
      Good job on this. Really detailed.


      damn, you checked out dezval's script & this guide in just 3 minutes? You must be a professional speed reader m8