Support > Forum Guides
How to be a professional board/topics designer ?
Thunder:
Boards/Topics:
First, you should know how to use this panel very well Show content, and this is a guide to explain the purpose of all tools in the panel and how to use it "click here".
Second, after knowing the purpose for all tools in the panel, then you can use them without looking at the panel by using the direct commands and tags and to know it you should visit this guide "click here".
How to design a topics ?
* You should design a logo for the topic and put it in the upper section in the topic, if you design for group, then you should know the official color for the group and use it in the logo and text...etc.
* Choose the fonts that you will use in the logo and topic, you can see the preview of all fonts in the following sites
Fonts for topic: Here
Fonts for logo: Here
* You can make a texture under the main logo to make the visitors the purpose of the topic.
For example: You can type on the texture "Homepage".
Try to use a small shadow under the text and strokes around it.
* You can use glow effect in the main titles in the topic, you can use shadow too in the whole text or in the first letter only.Adding image or hyperlink are easy processes, so let's learn how to design something professional like tables: Show contentThere is two kind of tables in BB codes.
First kind is like that Show contenthttps://cit.gg/index.php?topic=348881.0 > Show contentAs you see everything is straight and each section is next to the other section (Organised Table)
First kind of tables: (ORGANIZED)
It content many row codes because you don't add all the information in the first section with the head title of the section.
the column information stated in a rows
If you are making a table about vehicles and you want to add the information about the section of planes, then you will make a new row to add them not with the head title section (Planes).
General Code:
--- Code: ---[table]
[tr]
[td]Cars[/td]
[td] [/td]
[td]Planes[/td]
[td] [/td]
[td]Heavy Vehicles[/td]
[td] [/td]
[td]Boats[/td]
[/tr][tr][td][hr][/td][td] [/td][td][hr][/td][td] [/td][td][hr][/td][td] [/td][td][hr][/td][td][/tr]
[tr]
[td]Fast: Banshee[/td]
[td] [/td]
[td]Fast: Hydra[/td]
[td] [/td]
[td]Fast: DFT-900[/td]
[td] [/td]
[td]Fast: Refeer
& Dinghy[/td]
[/tr][tr][td][hr][/td][td] [/td][td][hr][/td][td] [/td][td][hr][/td][td] [/td][td][hr][/td][td][/tr]
[tr]
[td]Heavy: Infernus[/td]
[td] [/td]
[td]Pilot Job: Shamal
& Andromada[/td]
[td] [/td]
[td]Trucker job: DFT-900[/td]
[td] [/td]
[td]Fisherman job: Dinghy[/td]
[/tr][tr][td][hr][/td][td] [/td][td][hr][/td][td] [/td][td][hr][/td][td] [/td][td][hr][/td][td][/tr]
[/table]
--- End code ---
Preview:
The second kind of tables:
The column information stated in the same column.
General Code:
--- Code: ---[table]
[tr]
[td]Cars[hr]
Fast: Banshee[hr]
Heavy: Infernus[hr][/td]
[td] [/td]
[td]Planes[hr]
Fast: Hydra[hr]
Pilot Job: Shamal
& Andromada[hr][/td]
[td] [/td]
[td]Heavy Vehicles[hr]
Fast: DFT-900[hr]
Trucker Job: DFT-900[hr][/td]
[td] [/td]
[td]Boats[hr]
Fast: Refeer
& Dinghy[hr]
Fisherman Job: Dinghy[hr][/td]
[td] [/td]
[/tr]
[/table]
--- End code ---
Preview:
Let's design a topic NOW?!
For example I will design a homepage for a squad, so I must collect some info about the squad:
Step 1: Squad Name, Color, Original Founder, Current Founders, Current Leaders, Skins Shaders, Car Shaders, Motto, Discord. Show contentThe Information that I collected:
Name: Imperials
Original Founder: ThunDer
Current Founder: ThunDer
Current Leaders: LawLiet, Sultan
Motto: Give Me More
Color: 255 164 175
Skin Shaders: N/A
Car Shaders: N/A
Discord: Soon.
Step 2: Design a logo and use squad color Show content
Step 3: Designing
The Design: Show content
INFORMATION:
* Full Name: Imperials
* Original Founder: ThunDer
* Current Founders: ThunDer
* Current Leaders: Sultan, LawLiet
* Motto: Give Me More
* Color: 255 164 175
* Skin Shaders: N/A
* Car Shaders: N/A
* Discord: https://discord.gg/wgVQTtHistoryWe were playing with each others in CIT server and we have the same thoughts about creating our own group, then we started the project and chose "Imperials" to be name of our squad, we developed the group step by step with the original founder which is ThunDer, he chose us to be leaders for Imperials, we are called Sultan and LawLiet, we are loyal for the group and we will do our best for our Commander.
Official Video
The Code: Show content[center][img width=500 height=98]https://b.top4top.io/p_1478vjjrr1.png[/img]
[img width=500 height=500]https://c.top4top.io/p_1478ih5ai2.png[/img]
[img width=700 height=148]https://j.top4top.io/p_1478axona1.png[/img][/center]
[hr][size=20pt][font=trebuchet ms][glow=red,3,300][color=#ffa4af]I[/color]NFORMATION:[/glow][/font][/size][hr]
[list]
[li][font=trebuchet ms][b][size=12pt]Full Name:[/size][/b][/font] Imperials[/li]
[li][font=trebuchet ms][b][size=12pt]Original Founder:[/size][/b][/font] ThunDer[/li]
[li][font=trebuchet ms][b][size=12pt]Current Founders:[/size][/b][/font] ThunDer[/li]
[li][font=trebuchet ms][b][size=12pt]Current Leaders:[/size][/b][/font] Sultan, LawLiet[/li]
[li][font=trebuchet ms][b][size=12pt]Motto:[/size][/b][/font] Give Me More[/li]
[li][font=trebuchet ms][b][size=12pt]Color:[/size][/b][/font] [color=red]255[/color] [color=green]164[/color] [color=blue]175[/color][/li]
[li][font=trebuchet ms][b][size=12pt]Skin Shaders:[/size][/b][/font] N/A[/li]
[li][font=trebuchet ms][b][size=12pt]Car Shaders:[/size][/b][/font] N/A[/li]
[li][font=trebuchet ms][b][size=12pt]Discord:[/size][/b][/font] https://discord.gg/wgVQTt[/li][/list]
[center][hr][size=20pt][font=trebuchet ms][glow=red,3,300][color=#ffa4af]H[/color]istory[/glow][/font][/size][hr]
We were playing with each others in CIT server and we have the same thoughts about creating our own group, then we started the project and chose "Imperials" to be name of our squad, we developed the group step by step with the original founder which is ThunDer, he chose us to be leaders for Imperials, we are called Sultan and LawLiet, we are loyal for the group and we will do our best for our Commander.
[/center]
[center][hr][size=20pt][font=trebuchet ms][glow=red,3,300][color=#ffa4af]O[/color]fficial [color=#ffa4af]V[/color]ideo[/glow][/font][/size][hr]
[img width=700 height=394]https://www.shorouknews.com/uploadedimages/Other/original/youtubee.jpg[/img]
[img width=415 height=98]https://e.top4top.io/p_1478e2eiu1.png[/img][/center]logo shape and style depends on the name or the text that you will type on it.
- Strong word like Imperials: Strong and powerful logo
- Normal word Like Diversity: Normal logo, the text will take 70% of the logo size, creativity 20%.
- Weak or random word: Random logo, text and some shapes.
Thunder:
@Angels @MacMan @MaZika.
Lock this topic because I will add it in Cherry's guide.
Thunder:
--- Quote from: Angels on 29 04, 2020, 11:36:04 am ---But it's Cherry's guide not yours, I prefer this topic to stay unlocked as it's pretty good. Are you sure? @Thunder
--- End quote ---
I wanted from Cherry to add this guide to his guide, but okay don't lock it.
AhmedNagy:
I Open The Fonts of Topics and Logo and I didnt understand from it anything so if u can make a video I will be thankful.
And Can I Use some of Your Codes. Make A Video How To Use the 2 of them codes and logo or make a tips I dont understand
Thunder:
--- Quote from: AjekoFTW on 07 05, 2020, 10:05:22 am ---I Open The Fonts of Topics and Logo and I didnt understand from it anything so if u can make a video I will be thankful.
And Can I Use some of Your Codes. Make A Video How To Use the 2 of them codes and logo or make a tips I dont understand
--- End quote ---
okay :thumb:
Navigation
[0] Message Index
[#] Next page
Go to full version