Tyellador Wiki Tutorial

Tyellador Best Practices


This page will contain all of the latest code and best practices for Tyellador.

Titles:

Page titles use the following code:

<div class="ttitle">Tyellador Best Practices</div><br>

Having all of the titles as a class allows us to change the style in CSS at a later date. If you want to use subtitles, use the following code:

<div class="tsubTitle">Titles:</div>
Parchment:

You’ll notice that we’re somewhat obsessed with parchment here at Tyellador. How do we do that for our webpages? Copy the following code into any new page:

<div class="parchmentTop"><div class="parchment"></div><div class="parchmentBody">

Actual page content goes here.

</div><div class="parchmentBottom"></div></div>

Text Boxes:
A Text box

A text box can easily be set to any size and moved around the page. Other divs, such as the tsubTitle class can also be used inside the text box.


<div style="background-image:url(&#39;http://cdn.obsidianportal.com/assets/314346/Paper_Box.png&#39;);
background-size: 100% 100%; background-repeat: no-repeat;
width: 350px; height: 200px;
left: 300px; position: relative;
box-shadow: 8px 8px 18px grey;
padding: 20px;">

<div class="tsubTitle" style="text-align: center; color: red;">A Text box</div>

A text box can easily be set to any size and moved around the page. Other divs, such as the tsubTitle class can also be used inside the text box.
</div>

Back to Tutorials

Tyellador Wiki Tutorial

Tyellador Thorvaldr Thorvaldr