Forum gratuit: forum de suport al utilizatorilor
Doriți să reacționați la acest mesaj? Creați un cont în câteva clickuri sau conectați-vă pentru a continua.

Mesaj de eroare in functie de numarul de mesaje v1.0

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Mesaj de eroare in functie de numarul de mesaje v1.0 Empty Mesaj de eroare in functie de numarul de mesaje v1.0

Mesaj Scris de Zeus Vin Iul 10, 2015 3:38 pm

Salutare tuturor,

In minutele urmatoare am sa va arat cum puteti crea un mesaj de eroare, in functie de numarul de mesaje. Aceasta facilitate ne ajuta sa avertizam utilizatorii atunci cand au un numar de mesaje, si ne mai ofera posibilitatea sa incurajam intr-o oarecare masura, sa posteze continut.

Demonstratie:
Mesaj de eroare in functie de numarul de mesaje v1.0 Test10

Codul este unul simplu, valabil pentru toate versiuniile forumului.

Pentru inceput introduceti urmatorul script in:
Panou => HTML & JAVASCRIPT => Gestiunea codurilor javascript => Creati un nou javascript
Cod:
$(function() {
    var numar_mesaje = "1", // numarul de mesaje necesare pentru afisarea erorii personalizate
        culoare = "albastru", // gri, albastru, galben sau rosu
        iconita = "https://cdn4.iconfinder.com/data/icons/meBaze-Freebies/128/info.png",
        latime = "20",
        inaltime = "20",
        spatiu = "8",
        spatiu_stanga = "30",
        informatii_eroare = "Contul dumneavoastra risca sa fie dezactivat, pentru a continua folosirea acestui cont va rugam sa fiti mai activ. Multumim!";

    if (_userdata.session_logged_in == 1 && _userdata.user_posts < numar_mesaje) {
        $('.avertisment').show(function() {
            // CSS PERSONALIZAT
            if (culoare === "rosu") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'background': '#f9f9f9',
                    'border': '1px solid rgba(175, 10, 10, 0.27)',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background': '#FFEFEF',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'color': '#AF0A0A',
                    'font-size': '12px'
                });
            }
            if (culoare === "albastru") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'background': '#f9f9f9',
                    'border': '1px solid rgba(31, 164, 185, 0.29)',
                    'background-color': 'rgb(236, 251, 253)',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'color': 'rgb(42, 156, 171)',
                    'font-size': '12px'
                });
            }
            if (culoare === "galben") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'background': '#f9f9f9',
                    'border': '1px solid rgba(193, 192, 8, 0.5)',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'background': 'rgb(253, 247, 194)',
                    'color': '#777',
                    'font-size': '12px'
                });
            }
            if (culoare === "gri") {
                $(this).css({
                    'border-radius': '3px 3px 3px 3px',
                    'border': '1px solid #d7d7d7',
                    'padding': '' + spatiu + 'px ' + spatiu + 'px ' + spatiu + 'px ' + spatiu_stanga + 'px',
                    'background-image': ' url(' + iconita + ')',
                    'background-size': '' + latime + 'px ' + inaltime + 'px ',
                    'background-position': '0.4% 50%',
                    'background-repeat': 'no-repeat',
                    'background': '#f9f9f9',
                    'color': '#777',
                    'font-size': '12px'
                });
            }
            $(this).html(informatii_eroare);
        });
    }
});

Aceasta bucata de cod poate fi modificata:
Cod:
   var numar_mesaje = "1", // numarul de mesaje necesare pentru afisarea erorii personalizate
        culoare = "albastru", // gri, albastru, galben sau rosu
        iconita = "https://cdn4.iconfinder.com/data/icons/meBaze-Freebies/128/info.png",
        latime = "20",
        inaltime = "20",
        spatiu = "8",
        spatiu_stanga = "30",
        informatii_eroare = "Contul dumneavoastra risca sa fie dezactivat, pentru a continua folosirea acestui cont va rugam sa fiti mai activ. Multumim!";

numar_mesaje - reprezinta numarul de mesaje necesar pentru afisarea erorii personalizate, utilizatorii care ating acel prag nu vor mai putea vedea acel mesaj;
culoare - reprezinta stilul tabelului, acesta la momentul actual are 4 stiluri, acelea fiind gri, albastru, galben si rosu;
iconita - reprezinta adresa URL a iconitei din partea stanga;
inaltime - reprezinta inaltimea iconitei;
latime - reprezinta latimea iconitei;
spatiu - reprezinta spatiul dintre tabel si text;
spatiu_stanga - reprezinta spatiul dintre iconita din stanga si text;
informatii_eroare - reprezinta textul erorii personalizate.

Nota: Doar ceea ce se afla in ghimimele trebuie modificat.

Etapa finala o reprezinta plasarea acestui cod html in orice parte a forumului doriti:
Cod:
<div class="avertisment"></div>
Zeus

Zeus
Membru onorific
Membru onorific

Mesaje : 4160
Varsta : 27
Localizare : Bucuresti, Romania
Data înscrierii : 19/02/2012
Mulțumiri : 644
Google Chrome phpBB3

https://github.com/zeusmaximus
Zeus a fost mulțumit de autorul acestui subiect.

Mesaj de eroare in functie de numarul de mesaje v1.0 Empty Re: Mesaj de eroare in functie de numarul de mesaje v1.0

Mesaj Scris de torpila Vin Iul 10, 2015 4:00 pm

Foarte folositor codul multumim mult Zeus
torpila

torpila
Membru Forumgratuit

Mesaje : 85
Varsta : 20
Data înscrierii : 07/04/2015
Mulțumiri : 3
Internet Explorer punBB

https://help.forumgratuit.ro/forum
torpila a fost mulțumit de autorul acestui subiect.

Mesaj de eroare in functie de numarul de mesaje v1.0 Empty Re: Mesaj de eroare in functie de numarul de mesaje v1.0

Mesaj Scris de michy97 Vin Apr 15, 2016 10:49 pm

Mie nu imi merge, versiune punBB
michy97

michy97
Membru Forumgratuit

Mesaje : 143
Varsta : 27
Data înscrierii : 22/10/2015
Mulțumiri : 0
Internet Explorer phpBB3

https://help.forumgratuit.ro
michy97 a fost mulțumit de autorul acestui subiect.

Mesaj de eroare in functie de numarul de mesaje v1.0 Empty Re: Mesaj de eroare in functie de numarul de mesaje v1.0

Mesaj Scris de SSYT Sam Apr 16, 2016 8:03 am

Intri in index_body si adaugi acest cod:
Cod:
<div class="avertisment"></div>
SSYT

SSYT
Membru onorific
Membru onorific

Mesaje : 1424
Varsta : 29
Localizare : Romania, localhost:80
Data înscrierii : 10/08/2015
Mulțumiri : 199
Opera phpBB3

https://help.forumgratuit.ro
SSYT a fost mulțumit de autorul acestui subiect.

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum