Guide to a Website Like Factbook
Posted: Mon Apr 10, 2017 5:18 pm
Emerstari's Guide to a Website like Factbook
Original Template by Herrebrugh, Edited Template by Emerstari
Plenty of factbooks are just a few paragraphs, don't contain that much information, or are not pleasant to look at. This template developed by Herrebrugh and edited by myself will solve all of that. The factbook will catch the eye and is more than adequate at holding information. This guide is also very simple, there are only three steps. Though sure, there are other similar guides to creating factbooks that look like websites but why not give this one a chance? And before the guide begins, I have to quote Ponderosa:
Disclaimer: This guide is designed for the game side factbooks, found on your nation page. Some codes and templates do not work well on forum side factbooks, and will not work at all on sites like IIWiki. If you have any questions, please submit them in the thread here. I prefer not to receive telegrams with questions.
Contents
• Step One: The First Banner
• Step Two: Remainder of the Home Page
• Step Three: Other tabs
• Examples
Making the Home Page
The Banner
The homepage is without a doubt the most important part of the website factbooks as it is the first one people will see. As such the banner is also very important. It is the first thing people will see on the homepage.
- Code: Select all
[align=center][background-block=#COLOR ONE]
[background=#COLOR TWO][color=#COLOR TWO]|[/color] [color=#COLOR ONE]Home[/color] [color=#COLOR TWO]|[/color][/background] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]FACTBOOK NAME[/color][/url] [color=#COLOR ONE]|[/color] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]FACTBOOK NAME[/color][/url] [color=#COLOR ONE]|[/color] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]FACTBOOK NAME[/color][/url] [color=#COLOR ONE]|[/color] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]FACTBOOK NAME[/color][/url] [color=#COLOR ONE]|[/color][/background-block]
[background-block=#COLOR TWO][color=#COLOR TWO]´[/color][/background-block]
[background-block=#COLOR TWO][img]IMAGE URL (900 x 200 for best results)[/img]
[color=#COLOR TWO]´[/color]
[/background-block][/align]
Instructions
- Code the Banner and add or subtract as many tabs as you need (Later you will need to make a dispatch for each)
- Pick two colors such as red and dark red
- Find an image to go with the banner
If you saw the image in the upper right corner and said, "I wonder if I could do that?" If you did, you can find the instructions below. You can also make the factbook available in different languages if you wish to do so, I will have the code below, as well. However, I took those out of the code from earlier for the sake of simplicity. Note that these go before the banner's main code.
- Code: Select all
[align=right][img]IMAGE[/img][/align]
[floatright][url=FACTBOOK IN THAT LANGUAGE]LANGUAGE[/url][tab=4][/tab][/floatright]
Remainder of the Main Page
So far all of this has just been about the banner of the homepage but now we're finishing up the homepage and will teach you how to make other pages in the subsequent steps.
- Code: Select all
[font=FONT][size=SIZE]Welcome[/size][/font]
PARAGRAPH ABOUT THE FACTBOOK
Feel free to click on the tabs at the top of your screen:
"NAME OF PAGE" (DESCRIPTION OF PAGE);
"NAME OF PAGE" (DESCRIPTION OF PAGE);
"NAME OF PAGE" (DESCRIPTION OF PAGE);
"NAME OF PAGE" (DESCRIPTION OF PAGE).
[font=FONT][size=SIZE]NATION - YEAR[/size][/font]
[b]DATE 1[/b] - RECENT EVENT 1
[b]DATE 2[/b] - RECENT EVENT 2
[b]DATE 3[/b] - RECENT EVENT 3
[b]DATE 4[/b] - RECENT EVENT 4
[b]DATE 5[/b] - RECENT EVENT 5
[b]DATE 6[/b] - RECENT EVENT 6
[b]DATE 7[/b] - RECENT EVENT 7
[b]DATE 8[/b] - RECENT EVENT 8
[b]DATE 9[/b] - RECENT EVENT 9
[hr]
[font=sitka heading]Original Template by: [nation]Herrebrugh[/nation][floatright]Guide Found Here:
https://forum.nationstates.net/viewtopic.php?f=23&t=408860[/floatright]
Guide and Edited Template by: [nation]Emerstari[/nation][/font]
Instructions
- Code all of it
- Fill in the blanks
Another optional addition is to fill in the blank space on the right side of the page. There are many ways you can do this but below will be an example and two possible ideas. Note that this would be below the banner code but prior to the body of the homepage.
- Your nation's national anthem (As Herrebrugh and I did)
- Basic information about your nation such as its leader or the date it was founded
- Code: Select all
[floatright][box][font=FONT][/font][/box][/floatright]
Other Tabs
Making Other Tabs
This step depends on whether you decide to have two tabs or fifteen. It is easy to do but also easy to mess up at the same time, so read carefully.
- Code: Select all
[align=center][background-block=#COLOR ONE]
[color=#COLOR TWO]|[/color] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]Home[/color][/url] [color=#COLOR TWO]|[/color] [background=#COLOR TWO][color=#COLOR ONE]FACTBOOK NAME[/color][/background] [color=#COLOR ONE]|[/color] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]FACTBOOK NAME[/color][/url] [color=#COLOR ONE]|[/color] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]FACTBOOK NAME[/color][/url] [color=#COLOR ONE]|[/color] [url=http://www.nationstates.net/page=dispatch/id=FACTBOOK URL][color=#COLOR TWO]FACTBOOK NAME[/color][/url] [color=#COLOR ONE]|[/color][/background-block]
[background-block=#COLOR TWO][color=#COLOR TWO]´[/color][/background-block]
[background-block=#COLOR TWO][img]IMAGE URL (900 x 200 for best results)[/img]
[color=#COLOR TWO]´[/color]
[/background-block][/align]
Instructions
- Create a new factbook for the tab
- Code the banner
- Find an image for the banner
- Make the body
As you can see the area where the tabs are, the tab called "Home" looks different than it did on the homepage's banner. As this is a different factbook, there is a link to home. You take the link away when it is that tab's factbook. I know that is sounds a little complicated but it should be very simple to change it so I will let you learn how to change it yourself.
Examples