Tinklapio tipografija

Trečiadienis, 29 Gruodis 2010 23:29 Parašė Joomla123.lt administracija Peržiūrų: 889

Mūsų tinklapis naudoja Onyx šabloną, sukurtą Joomlashack komandos.

Šablono tipografija yra pritaikyta tiek skaitymo lengvumui, tiek funkcionalumui. Kartu su įprastiniais stiliais yra įtraukti papildomi stiliai, tokie, kaip sąrašai su antraštėmis, įrėminti komentarai ir papildomi įskiepio Xtypo stiliai, programinio kodo formatavimui - JCE redaktoriaus įskiepis RJ InsertCode, kuriuos galima panaudoti bet kurioje straipsnio vietoje. Žemiau yra išvardinti visi mūsų tinklapyje naudojami stiliai.

Paprastos pastraipos tekstui formatuoti dar galima naudoti pastorintą, pabrauktą arba kursyvo formatą.

Antraštė H1

Lorem ipsum — (trump. lipsum) tekstas, naudojamas spaudos ir grafinio dizaino industrijoje jau nuo XVI amžiaus pradžios. Jis naudojamas parodyti grafinio pristatymo elementus, tokius kaip taipografija, dizainas ar šriftas. Vienas iš panaudojimo būdų — teksto užpildymas kai kuriate interneto svetainę ir šiuo momentu neturite aktualios turinio informacijos. Tekstas neturi jokios realios reikšmės. Standartinis tekstas yra parašytas lotynų kalba.

Antraštė H2

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Antro lygio antraštė H3

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Antro lygio antraštė H4

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Antro lygio antraštė H5

Lorem ipsum dolor sit amet, consectetur adipisicing 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.

Sąrašo tipų pavyzdžiai:

<ul>
  <li>Pirmas elementas                                   
   <ul>
     <li>Antro lygio elementas A</li>
     <li>Antro lygio elementas B</li>
     <li>Antro lygio elementas C</li>
   </ul>
  </li>
  <li>Antras elementas</li>
  <li>Trečias elementas</li>
  <li>Ketvirtas elementas</li>
</ul>

<ol>
<li>Pirmas elementas
  <ol>
    <li>Antro lygio elementas A</li>
    <li>Antro lygio elementas B</li>
    <li>Antro lygio elementas C</li>
  </ol>
</li>
<li>Antras elementas</li>
<li>Trečias elementas</li>
<li>Ketvirtas elementas</li>
</ol>

<ul class="check">
  <li>Pirmas elementas</li>
  <li>Antras elementas</li>
  <li>Trečias elementas</li>
</ul>

<p><strong>Sąrašas su antraštėmis:</strong></p>
<ul class="captionlist">
<li>Pirma antraštė
  <ul>
    <li>antro lygio elementas sąraše, kurio klasė yra ul.captionlist.</li>
  </ul>
</li>
<li>Antra antraštė
  <ul>
    <li>antro lygio elementas sąraše, kurio klasė yra ul.captionlist.</li>
  </ul>
</li>
<li>Trečia antraštė
  <ul>
    <li>antro lygio elementas sąraše, kurio klasė yra ul.captionlist.</li>
  </ul>
</li>
</ul>

Įrėminti stiliai su antrašte

<div class="caption">
  <span class="caption-title">Antraštė</span> 
  <p>Tai yra papildomas tipografinis stilius, kurį galima naudoti šiame šablone.</p>
</div>
 
<div class="caption blue">
  <span class="caption-title">Antraštė</span>
  <p>Tai yra papildomas tipografinis stilius, kurį galima naudoti šiame šablone.</p>
</div>
 
<div class="caption green">
  <span class="caption-title">Antraštė</span> 
  <p>Tai yra papildomas tipografinis stilius, kurį galima naudoti šiame šablone.</p>
</div>
 
<div class="caption red">
  <span class="caption-title">Antraštė</span>
  <p>Tai yra papildomas tipografinis stilius, kurį galima naudoti šiame šablone.</p>
</div>

Citatos

Tekstui galima taikyti citatos ir citatos autoriaus stilių.

<blockquote>Aš nutariau imti kaligrafijos pamokas, kad ...</blockquote>
<cite> — Steve Jobs</cite>

Papildomi Xtypo stiliai

Šiam tekstui pritaikytas Xtypo stilius Info. Norint pritaikyti šį stilių, jį reikia parašyti tarp žymų {xtypo_info} {/xtypo_info}.
Rašant šias žymas nereikia pereiti į HTML peržiūrą, o rašyti jas tiesiog straipsnio tekste.

Šiam tekstui pritaikytas Xtypo stilius Alert . Norint pritaikyti šį stilių, jį reikia parašyti tarp žymų {xtypo_alert} {/xtypo_alert}.
Rašant šias žymas nereikia pereiti į HTML peržiūrą, o rašyti jas tiesiog straipsnio tekste.

Straipsnio priskyrimas Joomla 1.5 ar 1.6 versijai

Kadangi jau pasirodė Joomla 1.6 versija ir ji jau pradedama intensyviai naudoti, straipsnius, kurie yra specifiniai tik tam tikrai versijai, žymime specialiu formatavimu.

Šis straipsnis skirtas Joomla 1.5

Šis straipsnis skirtas Joomla 1.6

HTML kodas

<p class="skirtas-j15"> Šis straipsnis skirtas Joomla 1.5</p>
<p class="skirtas-j16>Šis straipsnis skirtas Joomla 1.6</p>