Update de iarna "Phpbb"

[mr.franta]

Autor: mr.franta
Platforma: Phpbb
Versiune: 3.2.8 (dar cred ca merge la toate).
Pentru tema: Prosilver
Resurse: Extensie Descarca
Instalare: puneti fisierul forumlist in forderul ext apoi in PA/personalizare/extensii activati extensia "aspect de iarna"
Demo:
https://i55.servimg.com/u/f55/16/47/36/78/foruml12.png
https://i55.servimg.com/u/f55/16/47/36/78/viewfo13.png
Sper sa va placa aceste modificari.
Codul css il gasiti in ext/forumlist/aspect/styles/all/theme/forumlist.css
Mai jos o sa va las 2 imagini care o sa va arate mai detaliat partile modificate si daca vreti sa le modificati daca nu va plac culorile si iconurile.
https://i55.servimg.com/u/f55/16/47/36/78/_forum10.png
https://i55.servimg.com/u/f55/16/47/36/78/viewfo14.png
Eu acum doar va arat care sunt codurile pentru icon-uri si cum le puteti schimba.
Pentru inceput am pus un icon default care este fulgul de zapada:

Code: Select all

li.row dl.row-item:before {
    font-family: FontAwesome!important;
    font-size: 30px;
    font-weight: 600;
    display: inline-block;
    float: left;
    position: relative;
    left: 34px;
    top: 6px;
    margin: 0px -20px;
    content: "\f2dc";
}

Mai exact in acest cod fulgul este reprezentat de catre:
content: "\f2dc";

Pentru a putea schimba fulgul trebuie sa intrati pe un site fontawesome si sa va luati de acolo text-ul iconului preferat cu inspect element


Urmati aceasi pasi pentru modificarea si urmatoarelor iconuri:

Sticky

Code: Select all

dl.row-item.sticky_read:before,
dl.row-item.sticky_read_mine:before,
dl.row-item.sticky_unread:before,
dl.row-item.sticky_unread_mine:before,
dl.row-item.sticky_unread_locked:before,
dl.row-item.sticky_unread_locked_mine:before,
dl.row-item.sticky_read_locked:before,
dl.row-item.sticky_read_locked_mine:before{
content: "\f08d"!important;
}

Anunt

Code: Select all

dl.row-item.announce_read:before,
dl.row-item.announce_read_mine:before,
dl.row-item.announce_unread:before,
dl.row-item.announce_unread_mine:before,
dl.row-item.announce_locked:before,
dl.row-item.announce_unread_locked_mine:before,
dl.row-item.announce_read_locked:before,
dl.row-item.announce_read_locked_mine:before{
content: "\f0a1"!important;
}

Anunt global

Code: Select all

dl.row-item.global_read:before,
dl.row-item.global_read_mine:before,
dl.row-item.global_unread:before,
dl.row-item.global_unread_mine:before,
dl.row-item.global_unread_locked:before,
dl.row-item.global_unread_locked_mine:before,
dl.row-item.global_read_locked:before,
dl.row-item.global_read_locked_mine:before{
    content: "\f0f3"!important;
}

Iar pentru a schimba culoarea lor la mesajele noi modificati doar color: #10a6f1; din acest cod:

Code: Select all

.topic_unread_mine:before,
.topic_unread:before,
.topic_unread_hot:before,
.topic_unread_hot_mine:before,
.forum_unread:before,
.forum_unread_subforum:before,
.forum_unread:before,
.sticky_unread:before,
.sticky_unread_mine:before,
.global_unread:before,
.global_unread_mine:before,
.pm_unread:before,
.announce_unread:before,
.announce_unread_mine:before
{
color: #10a6f1;
}

Pentru culoarea mesajelor blocate urmati acelasi pas:

Code: Select all

.global_read_locked:before,
.global_read_locked_mine:before,
.global_unread_locked:before,
.global_unread_locked_mine:before,
.announce_unread_locked:before,
.announce_unread_locked_mine:before,
.announce_read_locked:before,
.announce_read_locked_mine:before,
.forum_unread_locked:before,
.topic_unread_locked:before,
.forum_read_locked:before,
.topic_read_locked:before,
.topic_unread_locked_mine:before,
.topic_read_locked_mine:before,
.sticky_unread_locked:before,
.sticky_unread_locked_mine:before,
.sticky_unread_locked:before,
.sticky_read_locked_mine:before{
    color: rgb(185,31,31);
}

Si pentru cele populare:

Code: Select all

.topic_unread_hot:before,
.topic_unread_hot_mine:before,
color: rgb(255,57,0);
}
[/color]

[The Kalu]

Trebuia sa detaliezi si tu frumos cum ca este pentru prosilver, unde se adauga codul CSS sau daca trebuie inlocuit si la ce linie ai adus modificari sau cum isi pot face ei o imagine custom pentru navbar, in schimb ai pus ciorba aici si gata.Apropo tv, vezi ca asta trebuia postat in subiectul cu PHPBB ca nu tine de web design! O sa ti se para rautacios comentariul meu, nu, nu este ci dimpotriva iti arat ca mai ai de invatat si nu te mai grabi!

[mr.franta]

Muta subiectul si intre timp sa il editez.
ps: nu esti ratutacios,m-ai indrumat cum trebuie.

[The Kalu]

Alta viata, parca asa mai merge.

[mr.franta]

Multumesc de indrumare :)

[Filiq_]

arata dragut si pe tema asta https://prnt.sc/qhjj3f

[mr.franta]

Da,plus multe alte modificari.Dar nu e decizia noastra si ori de cate ori au cerut o parere despre forumu niciodata nu au luat in considerare nimic.
Sa revenim la topic :D