Update de iarna "Phpbb"

Tot ce tine de grafica, realizat de utilizatori pentru forum.

Moderators: Moderatori ajutatori, Moderatori

Post Reply
User avatar
mr.franta
Membru, skill +1
Membru, skill +1
Posts: 257
Joined: 25 Apr 2015, 17:33
Detinator Steam: Da
CS Status: online 24/24 cateodata si noaptea
Detinator server CS: nu
SteamID: ffanta09
Fond eXtream: 0
Has thanked: 4 times
Been thanked: 6 times
Contact:

30 Dec 2019, 10:04

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
Image

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]
Last edited by mr.franta on 30 Dec 2019, 12:12, edited 3 times in total.
Rapidserver
User avatar
The Kalu
eXtream Mod
eXtream Mod
Posts: 12715
Joined: 09 Oct 2010, 11:39
Detinator Steam: Da
CS Status: In grajd!
SteamID: kalulord
Reputatie: Fost membru Club eXtreamCS (6 luni)
Nume anterior: Terra
Location: Romania, Ploiesti
Has thanked: 207 times
Been thanked: 417 times
Contact:

30 Dec 2019, 10:53

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! :kiss_smiley:
User avatar
mr.franta
Membru, skill +1
Membru, skill +1
Posts: 257
Joined: 25 Apr 2015, 17:33
Detinator Steam: Da
CS Status: online 24/24 cateodata si noaptea
Detinator server CS: nu
SteamID: ffanta09
Fond eXtream: 0
Has thanked: 4 times
Been thanked: 6 times
Contact:

30 Dec 2019, 11:11

Muta subiectul si intre timp sa il editez.
ps: nu esti ratutacios,m-ai indrumat cum trebuie.
User avatar
The Kalu
eXtream Mod
eXtream Mod
Posts: 12715
Joined: 09 Oct 2010, 11:39
Detinator Steam: Da
CS Status: In grajd!
SteamID: kalulord
Reputatie: Fost membru Club eXtreamCS (6 luni)
Nume anterior: Terra
Location: Romania, Ploiesti
Has thanked: 207 times
Been thanked: 417 times
Contact:

30 Dec 2019, 12:20

Alta viata, parca asa mai merge. :kiss_smiley: :clapping_hands:
User avatar
mr.franta
Membru, skill +1
Membru, skill +1
Posts: 257
Joined: 25 Apr 2015, 17:33
Detinator Steam: Da
CS Status: online 24/24 cateodata si noaptea
Detinator server CS: nu
SteamID: ffanta09
Fond eXtream: 0
Has thanked: 4 times
Been thanked: 6 times
Contact:

30 Dec 2019, 15:48

Multumesc de indrumare :)
Filiq_
Utilizator neserios
Utilizator neserios
Posts: 737
Joined: 02 Nov 2014, 18:21
Detinator Steam: Da
CS Status: Citesc forumul eXtreamCS.com...!
Reputatie: Fost Scripter eXtreamCS
Utilizator neserios
Fond eXtream: 0
Location: Constanta
Has thanked: 27 times
Been thanked: 16 times

30 Dec 2019, 16:21

arata dragut si pe tema asta https://prnt.sc/qhjj3f
User avatar
mr.franta
Membru, skill +1
Membru, skill +1
Posts: 257
Joined: 25 Apr 2015, 17:33
Detinator Steam: Da
CS Status: online 24/24 cateodata si noaptea
Detinator server CS: nu
SteamID: ffanta09
Fond eXtream: 0
Has thanked: 4 times
Been thanked: 6 times
Contact:

30 Dec 2019, 22:34

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
Post Reply

Return to “WebDesign”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 7 guests