CIT Forum Index

Support => Tutorials and Guides => Forum Guides => Topic started by: iMeMPlayZ on 30 03, 2017, 07:11:03 pm

Title: [GUIDE] Topics Desinging Basics
Post by: iMeMPlayZ on 30 03, 2017, 07:11:03 pm
(http://i.imgur.com/KkciBvN.png)
HELLO, This guide will show you how to make an awesome topic for beginners.

Please if your about to design a topic, make sure to read all the rules

carefully, so you don't get warned :tick:
Let's get started
First of all you have to get a title(subject) for your topic
(http://i.imgur.com/LfMB40k.png)
%u27A4 Title can be about a group, squad or merchant or even a guide like this
%u27A4 If your topic is about a group or squad, title must "GroupName or SquadName - Application

Center or Homepage"
%u27A4 If your topic is about selling skins and stuff like this, title must be "[Merchant] Business

Name"
%u27A4 If you're requesting something, topic's title must start with [REQ]
After the title you have to fill that big box,in that box you write everything about your group,

squad, merchant...
(http://i.imgur.com/eSvYIqZ.png)
%u27A4 Group, Squad or Merchant, it would be better to place a logo in the center
%u27A4 under the logo type whatever you want, but when it's about a group or squad, I advice you to

make Group/Squad information
exemple: use
Group infromation
%u27A0 Group Name:
%u27A0 Group Tag:
%u27A0 Group Motto:
%u27A0 Founded By:
%u27A0 Creation Date:
Code: Text
  1. [center][size=10pt][color=orange][b]Group infromation[/b][/color][/size][/center]
  2. %u27A0 [b]Group Name:[/b]
  3. %u27A0 [b]Group Tag:[/b]
  4. %u27A0 [b]Group Motto:[/b]
  5. %u27A0 [b]Founded By:[/b]
  6. %u27A0 [b]Creation Date:[/b]
%u272A After the group information, you can make the Rules and Requerments, I prefer to make them in a table(Click on the table icon(http://i.imgur.com/itSZTWn.png)to get a table code)
Icons:
(http://i.imgur.com/yy7lOJp.png)
%u2666 Click on Bold icon(http://i.imgur.com/cHE7ubJ.png)to make the text looks like this "Text"

%u2666 Click on Font Face(http://i.imgur.com/cwOJ4DG.png)and select a font

%u2666 Click on Font Size(http://i.imgur.com/ZzqbhBf.png)to change the text size, "small text" / "big text" / "huge text"

%u2666 Click on Cange Color(http://i.imgur.com/kGoOphi.png)to chnage color, like this "text"

%u2666 Add some emojis,(http://i.imgur.com/Gt0AsVN.png)Click on the emoji you like, like this "text (???) <_3 C:-) :thumb: :tick:"

%u2666 Click on Spoiler icon(http://i.imgur.com/LeNmCjk.png)for a spoiler like this,
Show content
TEXT

%u2666 Click on Insert Code icon(http://i.imgur.com/XK4SGjX.png)to get a code like this,
Code: [Select]
text text text
%u2666 Click Shadow icon(http://i.imgur.com/m5xZ7L3.png)to add shadow to your text, like this, "TEXT"

%u2666 Click on Glow icon(http://i.imgur.com/i3PxYBE.png)to make a glowing text like this, "text"

%u2666 Want to insert Quote, Click on Insert Quote icon(http://i.imgur.com/on4M8eZ.png)to make a quote like this,
Quote
hello all

%u2666 Click on Insert Unordered List / Ordered List(http://i.imgur.com/Uc0nwzp.png)to make a texts like this,
%u2666 Click on SuperScript icon(http://i.imgur.com/my3zTgc.png)to make text like this, "text123" or click on SubScript icon(http://i.imgur.com/bdPqE6X.png)to make text like this, "text123"

%u2666 Click on Insert Progress Bar icon(http://i.imgur.com/2cG7zZg.png)to make a progress bar ( Write a number between 1-100 )

%u2666 Click on InsertHeyperlink icon(http://i.imgur.com/r29T4K4.png)to make a linked text or image like this, Imgur (https://imgur.com/) / (http://i.imgur.com/gzL5AB0.png) (https://imgur.com/)

%u2666 Click on Insert Email icon(http://i.imgur.com/5KcwNUj.png)to to insert an email link like this, [email protected]

%u2666 Click on Italiciszed icon(http://i.imgur.com/IapB1Bk.png)to make a text like this tesxt

%u2666 Click on Strikethrough icon(http://i.imgur.com/URLniH0.png)to make a text like this, text

%u2666 Click on Underline icon(http://i.imgur.com/IpVGTTF.png)to make an underlined text like this, text

%u2666 Click on Code icon(http://i.imgur.com/jOZARTe.png)to make codes like this,
HTML:
Code: HTML5
  1. TEXT
XML:
Code: XML
  1. TEXT
Lua:
Code: Lua
  1. TEXT
Plain Text:
Code: Text
  1. TEXT

%u2666 Click on Flags icon(http://i.imgur.com/1752ad4.png)to get a country flag like this,

%u2666 Click on the Horizontal Rule icon(http://i.imgur.com/D1JTXoB.png)to get a grey line like this,

%u2666 Click on Preformatted Text icon(http://i.imgur.com/z3GVRwm.png)to get a text like this, 
text


%u2666 Use [nobbc] command to explain other commands.
Also explain nobbc command
When you use it, the content inside the [nobbc] [/nobbc] will appear without the usage of bbc codes.

For example you can do that [b]Hello[/b]
Code: [Select]
[nobbc][b]Hello[/b][/nobbc]
%u2666 another detailed guide that might help you more!
(https://cit.gg/index.php?topic=211019.0)

%u2666 Want to mention a member?, easy just type [ member={Member'snumber}]{name}[/member ]( I made it with space cause it's a code and can't appear ,so I added a space, when you use it, don't add space.) (if you want to get member's number, go to the member's profile, look at the link you'll find some numbers, copy them then past them after the "=") it'll look like this, @iMeMPlayZ
Last but not least, if you want to make a logo for your group's topic, you need:
%u2726 Photoshop (don't know how to use photoshop?, youtube can help alot)
%u2726 you need cool fonts (Get cool fonts from DaFont (http://www.dafont.com/)
%u2726 now enjoy designing an awesome topic
I Hope This Guide Was Helpfull
Still Confused?, don't worry, just PM me
Created by @iMeMPlayZ
Title: Re: [GUIDE] Topics Desinging Basics
Post by: Dredd on 16 05, 2017, 06:03:15 pm
Use [nobbc] command to explain other commands.
Also explain nobbc command
When you use it, the content inside the [nobbc] [/nobbc] will appear without the usage of bbc codes.

For example you can do that [b]Hello[/b]
Code: [Select]
[nobbc][b]Hello[/b][/nobbc]
Title: Re: [GUIDE] Topics Desinging Basics
Post by: guest70189 on 10 11, 2017, 12:00:33 am
Nice GUIDE for new users in forum
Title: Re: [GUIDE] Topics Desinging Basics
Post by: TheHacker on 26 01, 2018, 03:13:28 am
Quote from: Dredd on 16 05, 2017, 06:03:15 pm
Use [nobbc] command to explain other commands.
Also explain nobbc command
When you use it, the content inside the [nobbc] [/nobbc] will appear without the usage of bbc codes.

For example you can do that [b]Hello[/b]
Code: [Select]
[nobbc][b]Hello[/b][/nobbc]
Update this @iMeMPlayZ

Also, link them to BB Codes guide here so they can get more information as your topic just shows how to make it, not how to modify or write it (https://cit.gg/index.php?topic=211019.0). Also, add these information:

Click on this button (https://image.prntscr.com/image/MkVmWK5nRmWp7Q3Fe8rU5w.png) Before you post so you can check if something is wrong or no

If you clicked on 'Post' and something went or wrong or you want to edit your post/topic, click on this button (https://image.prntscr.com/image/sWepwYRnRdqiQWHJ6kxT5w.png) Once it is fixed or edited, you can click on this button and it will be saved (https://image.prntscr.com/image/yMYnjy2wSAuGQJuxqoYrqw.png)