Bine a-ti venit pe fraNNNta-Design


Post and Topics new model
mr.franta OnlineOffline
Rank: fondator
mr.franta
Respect : 100%
Mesaje : 4057
Inscris : 18/06/2011
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.
Post and Topics new model Old10
Apoi dupa tutorial
Post and Topics new model New10

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.


Re: Post and Topics new model
Lucifer @ Frannnta-Design OnlineOffline
Rank: Membru
Lucifer @ Frannnta-Design
Respect : 100%
Mesaje : 490
Inscris : 24/09/2016
De folos tutorialul :) +1



    Design creat si realizat de fraNNNta-Design.com
    Acum este: Joi Dec 12, 2019 3:03 am