Sample Plot Pages

[The Narrator]

Below are sample plot pages created by our Site Promo Team for any/all players to use as a starting point for a plot page. As long as you keep the classes intact, you'll be able to modify any part of the template (colors, backgrounds, etc.) with the style attribute and regular bbcode. Happy coding!

plot page h1
plot page h3

plot page h2
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae pretium ante. Fusce turpis tellus, euismod eget est ac, pellentesque convallis diam. Suspendisse eleifend enim at nunc fermentum ornare. Curabitur ipsum libero, euismod quis consectetur id, laoreet sed nisl. Sed iaculis nunc ac augue finibus, nec suscipit mauris ultrices. Integer lacus dui, malesuada sed gravida quis, feugiat at purus. Suspendisse interdum volutpat massa, quis dapibus tellus hendrerit ac. Nullam sit amet dictum turpis. Aliquam at nulla faucibus, dignissim nulla a, vulputate diam.

plot page h2
Etiam a justo sit amet enim fermentum semper. In sagittis sapien id augue lobortis aliquet. Aenean vestibulum laoreet nisl in lacinia. Phasellus non nisi vitae turpis ornare venenatis. In malesuada nunc quis leo aliquam, sed rutrum ligula mattis. Aenean tincidunt eu lectus ac pulvinar. Duis diam erat, vehicula at elit eget, consequat cursus neque. Suspendisse ac sem hendrerit metus sagittis lobortis. Proin commodo mi odio, laoreet malesuada sem lobortis quis. Quisque eget nulla consequat lectus elementum tristique sit amet vitae justo. Suspendisse quis velit vitae dolor dapibus molestie sit amet in risus.

Link 1 | Link 2 | Link 3

Code: [Select]

[div class="pp-wrapper pp-light"]
[div class="pp-header cf"]
[img class="pp-main-image"]http://placehold.it/120x120[/img]
[span class="pp-h1"]plot page h1[/span]
[span class="pp-h3"]plot page h3[/span]
[/div]
[div class="pp-body"]
[span class="pp-h2"]plot page h2[/span]
[span class="pp-bodytext"]Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin vitae pretium ante. Fusce turpis tellus, euismod eget est ac, pellentesque convallis diam. Suspendisse eleifend enim at nunc fermentum ornare. Curabitur ipsum libero, euismod quis consectetur id, laoreet sed nisl. Sed iaculis nunc ac augue finibus, nec suscipit mauris ultrices. Integer lacus dui, malesuada sed gravida quis, feugiat at purus. Suspendisse interdum volutpat massa, quis dapibus tellus hendrerit ac. Nullam sit amet dictum turpis. Aliquam at nulla faucibus, dignissim nulla a, vulputate diam.[/span]

[span class="pp-h2"]plot page h2[/span]
[span class="pp-bodytext"]Etiam a justo sit amet enim fermentum semper. In sagittis sapien id augue lobortis aliquet. Aenean vestibulum laoreet nisl in lacinia. Phasellus non nisi vitae turpis ornare venenatis. In malesuada nunc quis leo aliquam, sed rutrum ligula mattis. Aenean tincidunt eu lectus ac pulvinar. Duis diam erat, vehicula at elit eget, consequat cursus neque. Suspendisse ac sem hendrerit metus sagittis lobortis. Proin commodo mi odio, laoreet malesuada sem lobortis quis. Quisque eget nulla consequat lectus elementum tristique sit amet vitae justo. Suspendisse quis velit vitae dolor dapibus molestie sit amet in risus.[/span]
[/div]
[div class="pp-footer"]
[iurl=#]Link 1[/iurl] | [iurl=#]Link 2[/iurl] | [iurl=#]Link 3[/iurl]
[/div]
[/div]


big thanks to william lancaster!

[The Narrator]

First Last

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

age -- house/occupation -- blood

coded by rin hunter.

Code: [Select]

[center][div style="width:350px;font-family:verdana;font-size:7pt;text-transform:lowercase;color:grey;text-align:justify;"][center][span style="text-transform:uppercase;font-size:11pt;letter-spacing:2px;"][b][i]name here[/span][/center]
[hr]
[center][i]age. house/occupation. blood.[/i][/center]

plots go here![/div]

Code: [Select]

[center][div style="width:280px;padding:20px;background-color:white;box-shadow:1px 1px 2px grey;"][table][tr][td][div style="width:100px;height:100px;background-color:white;border:double 5px #cccccc;padding:1px;"][img width=100]http://i.imgur.com/z1Ucl1l.png[/img][/div][/td][td][div style="margin-top:6px;width:130px;height:71px;padding:15px;padding-top:15px;border-bottom:double 5px #cccccc;line-height:30px;"][center][span style="font-size:24pt;font-family:bebas;color:grey;"][glow=#cccccc,2,300]First[br]Last[/glow][/span][/center][/div][/td][/tr][/table]

[div style="width:auto;height:auto;font-size:7pt;font-family:verdana;text-align:justify;color:grey;"]Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.[/div]

[div style="width:auto;background-color:#cccccc;color:white;font-family:verdana;font-size:7pt;text-transform:uppercase;letter-spacing:2px;text-align:center;padding:5px 0px 5px 0px"]age -- house/occupation -- blood[/div][/div]
[div style="width:310px;text-align:right;font-style:italic;opacity:0.8;font-size:7pt;"]coded by rin hunter.[/div]

[div style="height:15px;overflow-y:hidden;"][code][center][div style="width:350px;font-family:verdana;font-size:7pt;text-transform:lowercase;color:grey;text-align:justify;"][center][span style="text-transform:uppercase;font-size:11pt;letter-spacing:2px;"][b][i]name here[/span][/center]
[hr]
[center][i]age. house/occupation. blood.[/i][/center]

plots go here![/div]


big thanks to rin hunter!