Sistem nou post and topics in BoardIndexTemplate

[mr.franta]

Salutare dragi prieteni in acest tutorial o sa va explic cum va puteti modifica modul de afisare in boardindex_template topics si posts.

Haideti sa a arat cum arata default.

Apoi dupa tutorial


Haideti sa incepem
1.Intram in AdminCP/Look and Feel/Manage Skin Sets And Template/Apoi dati click pe tema care o aveti instalata.
2.Selectam Board index/BoardindexTemplate si cautam urmatoarea linie:

Code: Select all

<ul>
  <li>{$forum_data['topics']} {$this->lang->words['topics']}</li>
  <li>{$forum_data['posts']} {$this->lang->words['replies']}</li>
 </ul>

Stergem linia si o inlocuim cu aceasta:

Code: Select all

<div class="one">
<div class="post_numbers">{$forum_data['topics']}</div>
<div class="post_name">subiecte</div>
</div>
<div class="one">
<div class="post_numbers">{$forum_data['posts']}</div>
<div class="post_name">mesaje</div>
</div>

Apasam Save si gata.
Apoi apasam butonul CSS aflat langa cel de template si selectam din lista: ipb_styles.css si adaugam in partea de jos urmatorul cod.

Code: Select all

.one{
display: inline-block!important;
width: 44px;
margin-left: 2px;
margin-right: 2px;
}

.post_numbers {
display: block;
    border-bottom: 1px solid #111;
    color: #ddd!important;
    font-family: oswald, sans-serif;
    font-size: 16px;
    padding-bottom: 3px;
    text-transform: uppercase;
text-align: center;
width: 40px;
padding: 0px 4px;
padding-bottom: 2px;
margin-bottom: -2px;
}
.post_name {
    border-top: 1px solid #333;
    color: #555;
    font-family: oswald, sans-serif;
    font-size: 11px;
    margin-top: 2px;
    padding-top: 1px;
    text-transform: uppercase;
display: block;
text-align: center;
width: 40px;
padding: 0px 4px;
}

Apasam din nou SAVE.

Suntem aproape gata,mai trebuie decat sa importam fonturile pentru a avea acelasi aspect.
Apasam pe teamplates/si selectam Global templates/Globaltemplate/Si inainte de tagul

Code: Select all

</head>

Adaugati aceste link-uri pentru importarea font-urilor aveti si link pentru font awesome.

Code: Select all

        <link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
    <link href='https://fonts.googleapis.com/css?family=Play' rel='stylesheet' type='text/css'>
    <link href='https://fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
                <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css">

Apasam din nou butonul SAVE si este gata.