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:
Stergem linia si o inlocuim cu aceasta:
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.
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
Adaugati aceste link-uri pentru importarea font-urilor aveti si link pentru font awesome.
Apasam din nou butonul SAVE si este gata.
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:
Cod:
<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:
Cod:
<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.
Cod:
.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
Cod:
</head>Adaugati aceste link-uri pentru importarea font-urilor aveti si link pentru font awesome.
Cod:
<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.