NATION

PASSWORD

⭐ N7eternia Factbook Template

A place to put national factbooks, embassy exchanges, and other information regarding the nations of the world. [In character]
User avatar
N7eternia
Envoy
 
Posts: 250
Founded: Feb 20, 2019
Capitalizt

⭐ N7eternia Factbook Template

Postby N7eternia » Mon Jul 22, 2019 12:53 pm

First things first; a gargantuan shoutout to Ponderosa and his ICONIC factbook template which this is heavily inspired by. viewtopic.php?f=23&t=256878
This template aims to bridge in having a 'skeleton' factbook with words and imagery, without worrying too much about details and complications.

Source Code -

Code: Select all
[center][img]https://i.imgur.com/enqQCxt.png[/img][/center][hr]

[floatright][box][center][img]https://i.imgur.com/0kOd1gq.png[/img][hr]
[img]https://i.imgur.com/JmIvMyh.png[/img]

[size=200]The Land Beyond Motto[/size]

[url=https://www.youtube.com/watch?v=b7-XfrpjfFg][img]https://i.imgur.com/X3iNxud.png[/img][/url]
[size=75][i]The Land Beyond Song[/i][/size][/center][/box][/floatright]

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Amet consectetur adipiscing elit pellentesque habitant morbi tristique senectus et. Tristique risus nec feugiat in fermentum posuere urna nec tincidunt. Egestas pretium aenean pharetra magna ac placerat vestibulum lectus. Faucibus nisl tincidunt eget nullam non nisi. Mi ipsum faucibus vitae aliquet nec ullamcorper. Elit scelerisque mauris pellentesque pulvinar pellentesque habitant. Est ullamcorper eget nulla facilisi etiam dignissim. Eleifend donec pretium vulputate sapien nec sagittis. Neque aliquam vestibulum morbi blandit cursus risus at ultrices. Lectus nulla at volutpat diam ut venenatis tellus in metus. Blandit volutpat maecenas volutpat blandit aliquam etiam erat velit. Facilisi cras fermentum odio eu feugiat. Sed lectus vestibulum mattis ullamcorper velit sed ullamcorper. In ornare quam viverra orci sagittis. Eu facilisis sed odio morbi. Diam quis enim lobortis scelerisque fermentum dui faucibus in. Accumsan tortor posuere ac ut consequat semper viverra nam libero. Nisl tincidunt eget nullam non. Euismod quis viverra nibh cras pulvinar mattis nunc sed blandit.

[floatleft][box][center][b][anchor=top]Table of Contents[/anchor][/b][/center][hr]1. [url=#history]History[/url]
2. [url=#geography]Geography[/url]
3. [url=#culture]Culture[/url]
4. [url=#politics]Politics[/url]
5. [url=#legislation]Legislation[/url]
6. [url=#religion]Religion[/url]
7. [url=#military]Military[/url]
8. [url=#economy]Economy[/url]
9. [url=#international]International[/url]
10. [url=#trivia]Trivia[/url]
11. [url=#miscellaneous]Miscellaneous[/url][/box][/floatleft]

[color=#feffff]
@

@

@

@

@

@

@

@

@
[/color]

[anchor=history][size=150][b]History[/b][/size][/anchor][hr]

Tincidunt ornare massa eget egestas. Amet est placerat in egestas erat imperdiet sed euismod. Est lorem ipsum dolor sit amet consectetur adipiscing. Odio euismod lacinia at quis risus sed vulputate. Tempus quam pellentesque nec nam. Congue mauris rhoncus aenean vel elit scelerisque mauris pellentesque. Ullamcorper a lacus vestibulum sed arcu non. Mi in nulla posuere sollicitudin aliquam ultrices sagittis. Tellus molestie nunc non blandit massa enim nec dui. Pellentesque dignissim enim sit amet venenatis urna cursus. Tellus mauris a diam maecenas sed enim. Odio ut enim blandit volutpat maecenas volutpat blandit aliquam. Tortor posuere ac ut consequat semper viverra. Metus vulputate eu scelerisque felis. Id leo in vitae turpis massa sed elementum tempus. Volutpat maecenas volutpat blandit aliquam etiam erat velit scelerisque. Egestas diam in arcu cursus euismod quis viverra nibh. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate. Natoque penatibus et magnis dis parturient montes nascetur ridiculus mus. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=geography][size=150][b]Geography[/b][/size][/anchor][hr]

Amet justo donec enim diam vulputate ut pharetra sit. Sed adipiscing diam donec adipiscing tristique. Morbi tristique senectus et netus et malesuada fames ac. A diam sollicitudin tempor id eu nisl nunc. Orci nulla pellentesque dignissim enim sit amet. Sed blandit libero volutpat sed cras ornare arcu dui vivamus. In est ante in nibh mauris cursus mattis molestie a. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Sed augue lacus viverra vitae congue. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Mattis aliquam faucibus purus in. Consectetur purus ut faucibus pulvinar elementum integer enim. Id porta nibh venenatis cras. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Ultrices tincidunt arcu non sodales neque sodales ut. Id donec ultrices tincidunt arcu non. Orci nulla pellentesque dignissim enim sit. Dui vivamus arcu felis bibendum ut tristique et. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]
[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=culture][size=150][b]Culture[/b][/size][/anchor][hr]

Ipsum dolor sit amet consectetur adipiscing. Quisque sagittis purus sit amet volutpat consequat. Vestibulum lorem sed risus ultricies tristique nulla aliquet enim. Varius vel pharetra vel turpis nunc eget lorem. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Egestas pretium aenean pharetra magna ac placerat. Eget nulla facilisi etiam dignissim. Iaculis at erat pellentesque adipiscing commodo. Tincidunt tortor aliquam nulla facilisi cras fermentum odio eu. Id faucibus nisl tincidunt eget. Eget nullam non nisi est sit amet facilisis. Nulla pharetra diam sit amet nisl. Aliquet risus feugiat in ante metus dictum at tempor commodo. Arcu non sodales neque sodales ut etiam sit amet. Fringilla urna porttitor rhoncus dolor. Sit amet massa vitae tortor condimentum. Odio euismod lacinia at quis. Tempor id eu nisl nunc mi. Quam viverra orci sagittis eu volutpat odio facilisis. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=politics][size=150][b]Politics[/b][/size][/anchor][hr]

Habitasse platea dictumst quisque sagittis purus. Laoreet non curabitur gravida arcu. Facilisis magna etiam tempor orci eu. Non arcu risus quis varius quam quisque. Fringilla phasellus faucibus scelerisque eleifend donec pretium vulputate sapien. Imperdiet massa tincidunt nunc pulvinar sapien et ligula ullamcorper malesuada. Est velit egestas dui id. Suspendisse in est ante in nibh mauris cursus mattis. Tincidunt dui ut ornare lectus sit amet. Nunc sed velit dignissim sodales ut eu sem integer vitae. Ut tortor pretium viverra suspendisse potenti nullam ac tortor. Placerat duis ultricies lacus sed turpis tincidunt id aliquet risus. Sit amet consectetur adipiscing elit ut aliquam purus sit amet. Sit amet commodo nulla facilisi. Amet aliquam id diam maecenas ultricies. Urna neque viverra justo nec ultrices dui. Vehicula ipsum a arcu cursus vitae. Justo eget magna fermentum iaculis eu non diam. Scelerisque mauris pellentesque pulvinar pellentesque. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=legislation][size=150][b]Legislation[/b][/size][/anchor][hr]

Hendrerit gravida rutrum quisque non tellus orci ac auctor. Sed lectus vestibulum mattis ullamcorper. Amet purus gravida quis blandit turpis. Quis varius quam quisque id diam vel. Interdum velit euismod in pellentesque massa placerat duis. Vitae semper quis lectus nulla. Ut pharetra sit amet aliquam. Aliquet eget sit amet tellus cras adipiscing. Rhoncus mattis rhoncus urna neque. Mattis nunc sed blandit libero. Aliquet sagittis id consectetur purus ut faucibus pulvinar elementum. Elit eget gravida cum sociis natoque. Quisque id diam vel quam elementum pulvinar etiam non quam. Viverra accumsan in nisl nisi scelerisque eu. Elit sed vulputate mi sit amet mauris commodo quis. Sed cras ornare arcu dui vivamus arcu felis bibendum ut. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=religion][size=150][b]Religion[/b][/size][/anchor][hr]

Nascetur ridiculus mus mauris vitae ultricies leo. Ultrices tincidunt arcu non sodales. Sit amet massa vitae tortor condimentum. Eget lorem dolor sed viverra. Leo integer malesuada nunc vel. Cursus risus at ultrices mi tempus imperdiet nulla malesuada. At tellus at urna condimentum mattis pellentesque id nibh. Lacinia at quis risus sed vulputate odio ut. Diam sit amet nisl suscipit adipiscing bibendum. Tellus rutrum tellus pellentesque eu tincidunt tortor aliquam. Suscipit tellus mauris a diam maecenas sed. Bibendum enim facilisis gravida neque convallis a cras semper. Malesuada fames ac turpis egestas sed tempus urna et pharetra. Dictum non consectetur a erat nam. Vitae proin sagittis nisl rhoncus mattis. In hac habitasse platea dictumst vestibulum rhoncus. Suscipit adipiscing bibendum est ultricies integer quis auctor elit. Non arcu risus quis varius. Lectus urna duis convallis convallis tellus id. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=military][size=150][b]Military[/b][/size][/anchor][hr]

Pretium fusce id velit ut tortor. Nunc lobortis mattis aliquam faucibus. Mauris sit amet massa vitae tortor. Eu non diam phasellus vestibulum lorem sed risus. Aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Vivamus arcu felis bibendum ut tristique. Nulla porttitor massa id neque. Vel elit scelerisque mauris pellentesque pulvinar pellentesque habitant morbi tristique. Sodales neque sodales ut etiam sit amet nisl purus in. Massa placerat duis ultricies lacus sed turpis. A lacus vestibulum sed arcu non. Nulla facilisi etiam dignissim diam quis enim lobortis. Sit amet facilisis magna etiam tempor orci eu lobortis elementum. Urna id volutpat lacus laoreet non curabitur gravida arcu. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=economy][size=150][b]Economy[/b][/size][/anchor][hr]

Blandit turpis cursus in hac habitasse platea dictumst quisque. Amet facilisis magna etiam tempor orci eu lobortis elementum nibh. Arcu dictum varius duis at. In hendrerit gravida rutrum quisque non tellus orci ac. Turpis egestas maecenas pharetra convallis posuere morbi leo urna molestie. Elit scelerisque mauris pellentesque pulvinar. Tincidunt ornare massa eget egestas purus viverra. Venenatis a condimentum vitae sapien pellentesque habitant. Gravida neque convallis a cras semper auctor neque vitae. Tempus egestas sed sed risus. Facilisi cras fermentum odio eu feugiat. Nunc sed id semper risus in hendrerit gravida rutrum quisque. Sed id semper risus in hendrerit gravida. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=international][size=150][b]International[/b][/size][/anchor][hr]

Facilisis mauris sit amet massa. Feugiat scelerisque varius morbi enim nunc faucibus a. Pellentesque sit amet porttitor eget dolor morbi non arcu risus. Est ante in nibh mauris cursus mattis. Neque vitae tempus quam pellentesque nec nam aliquam sem. Nunc eget lorem dolor sed viverra ipsum nunc aliquet. Vitae justo eget magna fermentum. Integer quis auctor elit sed vulputate. Nisl nunc mi ipsum faucibus vitae aliquet. Sed arcu non odio euismod lacinia at. Nunc aliquet bibendum enim facilisis gravida neque convallis. Amet purus gravida quis blandit turpis cursus. Ultrices sagittis orci a scelerisque purus semper. Dictum fusce ut placerat orci nulla pellentesque. Enim ut tellus elementum sagittis vitae et leo duis ut. Augue mauris augue neque gravida in fermentum et. Dolor sit amet consectetur adipiscing elit pellentesque habitant morbi tristique. Libero volutpat sed cras ornare arcu dui vivamus arcu felis. Quam pellentesque nec nam aliquam sem et. Amet mattis vulputate enim nulla aliquet porttitor lacus luctus accumsan. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=trivia][size=150][b]Trivia[/b][/size][/anchor][hr]

Etiam non quam lacus suspendisse faucibus interdum posuere. Adipiscing tristique risus nec feugiat in fermentum posuere urna nec. Quis viverra nibh cras pulvinar mattis nunc sed blandit libero. Nec sagittis aliquam malesuada bibendum arcu vitae elementum curabitur vitae. Habitasse platea dictumst quisque sagittis. Dolor sed viverra ipsum nunc aliquet bibendum. Adipiscing elit ut aliquam purus sit amet luctus venenatis. Sed viverra ipsum nunc aliquet bibendum enim. Dictum fusce ut placerat orci nulla pellentesque. Neque vitae tempus quam pellentesque nec nam aliquam sem. In est ante in nibh mauris cursus mattis molestie. Et pharetra pharetra massa massa ultricies. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]

[color=#feffff]
@

@

@

@
[/color]

[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=miscellaneous][size=150][b]Miscellaneous[/b][/size][/anchor][hr]

Sed felis eget velit aliquet sagittis id consectetur purus ut. Pharetra pharetra massa massa ultricies mi quis hendrerit. Tellus pellentesque eu tincidunt tortor aliquam nulla facilisi. Ut diam quam nulla porttitor massa id neque aliquam vestibulum. Mattis nunc sed blandit libero volutpat sed. Volutpat est velit egestas dui id ornare arcu. Adipiscing elit ut aliquam purus sit amet luctus venenatis lectus. Vitae aliquet nec ullamcorper sit amet risus nullam eget felis. A iaculis at erat pellentesque adipiscing commodo elit at. Ut faucibus pulvinar elementum integer. Nulla facilisi morbi tempus iaculis urna id volutpat lacus. Interdum velit euismod in pellentesque. Rhoncus est pellentesque elit ullamcorper dignissim. Faucibus pulvinar elementum integer enim. Diam donec adipiscing tristique risus. Eget nunc scelerisque viverra mauris in aliquam sem. Scelerisque varius morbi enim nunc. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]
[color=#feffff]
@

@

@

@
[/color]

[size=50]Template by [nation]n7eternia[/nation] found [url=https://forum.nationstates.net/viewtopic.php?f=23&t=468786]here[/url][/size]


Examples -

https://www.nationstates.net/page=dispatch/id=1238331
https://www.nationstates.net/page=dispatch/id=1198696




Quirks of the Code -

The Header -
Code: Select all
[center][img]https://i.imgur.com/enqQCxt.png[/img][/center][hr]


In particular, the reason why the height is set to 150 is so the factbook/dispatch will have an eye catching aesthetic when posting to the Regional Message Board.

The Animated Flags -
Code: Select all
[floatright][box][center][img]https://i.imgur.com/0kOd1gq.png[/img][hr]


My nations default flag is animated and so with that comes the dimensions of 321 x 213. You can of course resize any flag/image proportionally.

The Table of Contents -
Code: Select all
[floatleft][box][center][b][anchor=top]Table of Contents[/anchor][/b][/center][hr]1. [url=#history]History[/url]
2. [url=#geography]Geography[/url]
3. [url=#culture]Culture[/url]
4. [url=#politics]Politics[/url]
5. [url=#legislation]Legislation[/url]
6. [url=#religion]Religion[/url]
7. [url=#military]Military[/url]
8. [url=#economy]Economy[/url]
9. [url=#international]International[/url]
10. [url=#trivia]Trivia[/url]
11. [url=#miscellaneous]Miscellaneous[/url][/box][/floatleft]

[color=#feffff]
@

@

@

@

@

@

@

@

@
[/color]


There are 3 things here which provide both function and aesthetic.

The first is the
Code: Select all
[anchor=top]Table of Contents[/anchor]

This allows us to return to a set word or phrase with a click.

The second is the
Code: Select all
1. [url=#history]History[/url]

This allows us to go to a set word or phrase with a click.

The third is the
Code: Select all
[color=#feffff]
@

@

@

@

@

@

@

@

@
[/color]

Because we are using floatboxes alongside images, we use this technique to create almost 'invisible' empty spacing on our pages and to properly align the 'meat and potatoes.'

The Meat & Potatoes -
Code: Select all
[floatright][box][center]
[color=#feffff]@@[img]https://i.imgur.com/JmIvMyh.png[/img]@@
@[/color]
[/center][/box][/floatright]

[anchor=geography][size=150][b]Geography[/b][/size][/anchor][hr]

Amet justo donec enim diam vulputate ut pharetra sit. Sed adipiscing diam donec adipiscing tristique. Morbi tristique senectus et netus et malesuada fames ac. A diam sollicitudin tempor id eu nisl nunc. Orci nulla pellentesque dignissim enim sit amet. Sed blandit libero volutpat sed cras ornare arcu dui vivamus. In est ante in nibh mauris cursus mattis molestie a. Suspendisse potenti nullam ac tortor vitae purus faucibus ornare. Sed augue lacus viverra vitae congue. Eu nisl nunc mi ipsum faucibus vitae aliquet nec ullamcorper. Mattis aliquam faucibus purus in. Consectetur purus ut faucibus pulvinar elementum integer enim. Id porta nibh venenatis cras. Sem fringilla ut morbi tincidunt augue interdum velit euismod in. Ultrices tincidunt arcu non sodales neque sodales ut. Id donec ultrices tincidunt arcu non. Orci nulla pellentesque dignissim enim sit. Dui vivamus arcu felis bibendum ut tristique et. [url=#top]Top[/url]

[img]https://i.imgur.com/63sjpJK.png[/img]
[color=#feffff]
@

@

@

@
[/color]


Floatbox images will have the dimensions of 300 x 400 and category images (like Geography, Culture, Politics, etc) will have the dimensions of 800 x 200
The placeholder text is from this website: https://loremipsum.io/
And finally that 'anchor' that we set back for the 'Table of Contents' makes use of its function;
Code: Select all
[url=#top]Top[/url]

After each category, you can simply click on the phrase to return back up top, without scrolling!




Resources -

https://nsindex.net/wiki/List_of_stock_ ... tionStates - The iconic images of NationStates
viewtopic.php?f=15&t=404339 - Banner Resolutions (I still have yet to find that perfect custom banner dimension)
viewtopic.php?f=15&t=437857 - A thread on where exactly some of NS images were taken
https://www.nationstates.net/page=dispatch/id=219095 - Nullarni's iconic list of extremely useful sites




Thanks for reading. Good luck!

Edit - 2019-07-29, links to dispatch and thread added
2019-08-10, link to master factbook added, removed emojis, streamlined code
2019-10-24, changed Edit date formatting, changed title, other changes to be pending
2019-11-4, removed spoiler images, minor changes to code, variant templates in the works
2020-03-15, updated default flag size, so excited!
Last edited by N7eternia on Sun Mar 15, 2020 8:57 pm, edited 5 times in total.

User avatar
N7eternia
Envoy
 
Posts: 250
Founded: Feb 20, 2019
Capitalizt

Postby N7eternia » Mon Nov 04, 2019 3:59 pm

Keeping up with the tradition, shoutouts to;

Ivelboria
Synne_Industries

for their ICONIC factbooks which this is heavily inspired by. This Variant (v2) template has been something I have been wanting to do for several months now, to keep scrolling to a minimum.

Source Code -

Code: Select all
[center][img]https://i.imgur.com/uNuJIlH.png[/img][img]https://i.imgur.com/bVABq60.png[/img]
[img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img]

[size=50]Template by [nation]n7eternia[/nation] found [url=https://forum.nationstates.net/viewtopic.php?f=23&t=468786]here[/url][/size][/center]


Examples -
https://www.nationstates.net/page=dispatch/id=1278518
https://www.nationstates.net/page=dispatch/id=1278512

Quirks of the Code -

The Header And Main
Code: Select all
[center][img]https://i.imgur.com/uNuJIlH.png[/img][img]https://i.imgur.com/bVABq60.png[/img]


Header height set to 150 for Regional Message Board; centered text still works best, haven't quite found an optimal placement for images yet. Main width and height set to 1645 x 666.

The Hyperlinks
Code: Select all
[img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img][img]https://i.imgur.com/Kf1BNa1.png[/img][img]https://i.imgur.com/qO2TyCn.png[/img]


Height is set to 50 while the width alternates between 150 and 149.




Thanks for reading. Good luck!

User avatar
Gaihia
Lobbyist
 
Posts: 13
Founded: Oct 25, 2019
New York Times Democracy

Postby Gaihia » Sun Jan 26, 2020 10:13 am

This is cool. Tagging for easy find. :3

User avatar
N7eternia
Envoy
 
Posts: 250
Founded: Feb 20, 2019
Capitalizt

Postby N7eternia » Mon Mar 09, 2020 4:41 am

Shoutouts to the ICONIC movie and game Goldeneye which this is heavily inspired by. Variant v(3) was not originally meant to be on NationStates as this was just a fun project on its own, but it works almost perfectly here.

Source Code -

Code: Select all
[center][img]https://i.imgur.com/EW9ZJlB.png[/img]
[img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img]
[size=50]Template by [nation]n7eternia[/nation] found [url=https://forum.nationstates.net/viewtopic.php?f=23&t=468786]here[/url][/size][/center]


Examples -
https://www.nationstates.net/page=dispatch/id=1329274
https://www.nationstates.net/page=dispatch/id=1329276

Quirks of the Code -

The Header
Code: Select all
[center][img]https://i.imgur.com/EW9ZJlB.png[/img]


Header height set to 150 for Regional Message Board. The following are both the Hyperlinks and Main area for minimum scrolling.

The Hyperlinks
Code: Select all
[img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img][img]https://i.imgur.com/hHUoHvC.png[/img]


Height is set to 329 while the width is set to 222.




Thanks for reading. Good luck!
Last edited by N7eternia on Mon Mar 09, 2020 4:44 am, edited 1 time in total.

User avatar
The Greater Gothic Empire
Bureaucrat
 
Posts: 59
Founded: May 14, 2019
Psychotic Dictatorship

Postby The Greater Gothic Empire » Mon Mar 09, 2020 4:52 am

This sounds quite impressive, now following for details on how to work dispatches out.
TO BE ADDED


THE GREATER GOTHIC EMPIRE
REGNO DE FERO
"Je Dio ni fidas"

User avatar
N7eternia
Envoy
 
Posts: 250
Founded: Feb 20, 2019
Capitalizt

Postby N7eternia » Sun Aug 30, 2020 10:25 pm

Shoutouts to the ICONIC app Instagram which this is heavily inspired by. Variant v(4) is made for endless scrolling! Swipers keep swiping!

Source Code -

Code: Select all
[center][img]https://i.imgur.com/5TC9unK.png[/img]
[img]https://i.imgur.com/PoELvn7.png[/img]
[img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img][img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img][img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/ftLmuV9.png[/img]
[img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img][img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img][img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/ftLmuV9.png[/img]
[img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img][img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img]
[img]https://i.imgur.com/ftLmuV9.png[/img]
[size=50]Template by [nation]n7eternia[/nation] found [url=https://forum.nationstates.net/viewtopic.php?f=23&t=468786]here[/url][/size][/center]


Examples -
https://www.nationstates.net/page=dispatch/id=1426640
https://www.nationstates.net/page=dispatch/id=1426641

Quirks of the Code -

The Header
Code: Select all
[center][img]https://i.imgur.com/5TC9unK.png[/img]


Header height set to 150 for Regional Message Board.

The Instagram Header
Code: Select all
[img]https://i.imgur.com/PoELvn7.png[/img]


An optional but nice aesthetic and authentic 2020 Instagram touch. This header's height is set to 53 while the width is set to 935.

The Hyperlinks
Code: Select all
[img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img][img]https://i.imgur.com/MlFpiN7.png[/img][img]https://i.imgur.com/AuOo471.png[/img][img]https://i.imgur.com/MlFpiN7.png[/img]
[img]https://i.imgur.com/ftLmuV9.png[/img]


The picture height and width is set to 293.
The vertical spacing between the pictures height is set to 293 while the width is set to 28.
The horizontal spacing between the pictures height is set 935 while the width is set to 28.




Thanks for reading. Good luck!


Return to Factbooks and National Information

Who is online

Users browsing this forum: Novareia

Advertisement

Remove ads