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";
}
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;
}
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;
}
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;
}
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;
}
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);
}
Code: Select all
.topic_unread_hot:before,
.topic_unread_hot_mine:before,
color: rgb(255,57,0);
}
[/color]