• Un voyage au pays des jasseries en 1895

    Un voyage au pays des jasseries en 1895

    Cet article, reproduit ici presque in extenso, a été publié dans le célèbre journal L'Illustration, édition du 17 août 1895. Il évoque une escapade de l'auteur du côté de Pierre-sur-Haute. Nous reproduisons également les belles illustrations qui l'accompagnent. Les signatures de leurs auteurs ne sont pas très lisibles.

    Lire la suite
  • Les surprenants cahiers de doléances de la Loire

    Les surprenants cahiers de doléances de la Loire

    dol.jpgMars 1789 …Tous les sujets du royaume sont invités à se réunir pour préparer les Etats généraux, tombés en désuétude depuis 1610, mais que Louis XVI a été contraint de convoquer pour cause de banqueroute.
     
    Dans ce qui suit, l’orthographe et la syntaxe utilisées dans la rédaction des cahiers n’ont pas été modifiées.
    Sources : Cahiers de doléances de la province de Forez, 1975.Centre d’études Forézien/ La Diana ; E.  Fournial et JP Gutton.
    Lire la suite
  • Place Marquise

    Place Marquise

    marqvingt.jpgAprès avoir rendu la rue d'Urfé à  Astrée et Céladon,  nous revigorons la place Marquise, toujours avec l'aide de Charles Boy. Puisqu'il est mort, on ne nous accusera pas de flagornerie si nous écrivons que ce monsieur, poète et journaliste, fut bellement inspiré avec ses "Vieux papiers, Vieilles histoires de Saint-Etienne et du Forez " (1925). Reprenons les mots de Noël Thiollier écrits dans la préface: "L'histoire, en effet, se compose de deux éléments, l'un, principal, c'est le document (...). L'autre, plus rare, peut-être, consiste à  insuffler la vie au document lui-même et à  faire mouvoir les personnages dans leur cadre. Ainsi comprise, l'histoire devient le plus intéressant des romans..."

    Bonne visite.
    Lire la suite
  • Le monument que Saint-Etienne n'a pas eu et le livre des morts

    Le monument que Saint-Etienne n'a pas eu et le livre des morts

    Le monument que Saint-Etienne n'a pas eu

    Le comité constitué pour l'érection d'un monument aux morts de 14-18 prend contact avec la mairie en octobre 1920. En novembre 1922, il choisit l'emplacement par un vote à  bulletin secret. Ce sera la place Fourneyron.  Sa commission artistique proposait pour emplacement en premier lieu la place des Ursules, puis, dans l'ordre, la place Badouillère, la place de l'hôtel de ville et la place Fourneyron. Ce dernier emplacement obtient treize voix, contre deux à  la place de l'hôtel de ville. En août 1923, le Conseil municipal vote l'attribution en principe de la place en question.

    Lire la suite
  • Le manoir de la Bâtie à Saint-Etienne

    Le manoir de la Bâtie à Saint-Etienne

    batmsc.jpgUn petit " le saviez-vous ? " spécial consacré aux mystères vrais ou supposés d'un manoir quelque peu oublié. Laissez-vous rêver...
    Lire la suite
  • Fougas !

    Fougas !

    " C'est le soir du 23 juin que d'un bout de France à  l'autre bout, je pourrais même dire par toute l'Europe et par l'Asie, se célèbre la fête du solstice d'été, la fête du soleil, la Saint-Jean.

    Lire la suite
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 1
  • 2
  • 3
This page shows all of the typography styles and settings for terrantribune in action. If you would like to read more detailed information on inserting the included typography into your content, check out the TerranTribune Typography Tutorial.

Font Control

TerranTribune allows you to have the option of simply switching the font of all the text in the template with the following setting in index.php (select the font name to preview):-

$font_family = "helvetica";  // 
helvetica
|
geneva
|
optima
|
helvetica
|
trebuchet
|
lucida
|
georgia
|
palatino
This is a ComponentHeading

Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

This is a Contentheading

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H1 Header

Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Proin sit amet odio quis sapien molestie ultrices. Vivamus quis lectus. Praesent eu mi. Curabitur pharetra leo sed nisl. Nunc vel nisi. Aliquam nulla. Etiam at est. Pellentesque arcu diam, tempus nec, sodales eu, ullamcorper quis, risus.

This is an H2 Header

Proin ac nunc eu nunc condimentum accumsan. Phasellus odio justo, euismod vitae, egestas a, porttitor in, urna. Maecenas vitae mauris. Donec vestibulum, nunc eu varius pharetra, massa est sagittis odio, sit amet eleifend elit dolor id tortor.

This is an H3 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H4 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

This is an H5 Header

Mauris euismod. In ac massa vitae quam tincidunt dapibus. Ut at tortor nec mi mattis blandit. Maecenas venenatis lorem at nulla. Phasellus a libero. Sed odio odio, eleifend dignissim, feugiat vel, tempor nec, ligula. Suspendisse lacinia convallis nulla. Vestibulum posuere, lacus aliquet pulvinar faucibus, tortor urna luctus diam, vitae ultrices ante magna non tellus.

Notice Styles are shown below

This is a sample of the 'attention' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'notice' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'alert' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'download' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'approved' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'media' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'note' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'cart' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'camera' style. Use this style to denote very important information to your users. To use this use the folllowing html: .... This is a sample of the 'doc' style. Use this style to denote very important information to your users. To use this use the folllowing html: ....

This is a sample 
...

tag: div.modulebox-black div.bx1 { background: url(../images/black/box_bl.png) 0 100% no-repeat; } div.modulebox-black div.bx2 { background: url(../images/black/box_tr.png) 100% 0 no-repeat; } div.modulebox-black div.bx3 { background: url(../images/black/box_tl.png) 0 0 no-repeat; padding: 0; margin: 0; }

 

 

 

 

 

 

 

 

 

 

 

 

 

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

This is a span that allows you to highlight words or phases . Use the following format:

 

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

 

DropCap Styles

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-red "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-blue "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-green "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-purple "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-orange "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-brown "> P

P Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh. Praesent rutrum sapien ac felis. Phasellus elementum dolor quis turpis. Vestibulum nec mi vitae pede tincidunt nonummy. Vestibulum facilisis mollis neque. Sed orci. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Sed euismod magna a nibh.

You will need to use the following formatting:

dropcap-grey "> P

Important Emphasis Styles

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-blue ">important-title-blue "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-red ">important-title-red "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-green ">important-title-green "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-purple ">important-title-purple "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-brown ">important-title-brown "> Sample Title ...some content...

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:

 

Sample Title This is a span that lets you place all of the content into a nice well formed section. You will need to use the following formatting:
important-grey ">important-title-grey "> Sample Title ...some content...