Imagine de fundal pentru mesajele staff-ului

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Imagine de fundal pentru mesajele staff-ului

Mesaj Scris de Keir la data de Dum 9 Sept - 12:15

Imagine de fundal pentru mesajele staff-ului(phpBB3)

Salutare tuturor Salut!,

Acest tutorial vă prezintă cum puteți adăuga o imagine de fundal pentru mesajele staff-ului, pentru un grup anume, exact cum este aici, pe forumul de suport.

Pentru început, trebuie să edităm fiecare rang și să îl ajustăm pentru a fi recunoscut în cadrul codului și pentru ca imaginea să se seteze automat la întâlnirea acestuia:

Panou de Administrare Utilizatori si grupuri Ranguri Administrarea rangurilor
Facem click pe  butonul Modificare sau "Adauga un nou rang".
In rubrica "Titlul rangului:" inseram acest cod:
Cod:
<span class="Administrator">Administrator</span>

Dvs. puteti modifica numele clasei , din "Administrator" in "Moderator" s.a.m.d, iar apoi, desigur va trebui sa faceti modificarile de rigoare in codurile din cadrul acestui tutorial, inlocuind vechile clase cu cele noi.


Pentru a asocia imaginea unui grup complet, trebuie sa va asigurati ca rang-ul este setat tuturor membrilor din el.


Dupa acestea, vom insera un cod Javascript pentru afisarea imaginii de fundal. Urmati pasii de mai jos pentru a ajunge in zona unde vom efectua aceste modificari:
Panou de Administrare Module HTML si JAVASCRIPT   Gestiunea codurilor Javascript

Inainte de a crea un nou cod Javascript, tebuie sa ne asiguram ca optiunea "Activeaza gestiunea codurilor JavaScript :" este setata pe "Da".


In final, facem click pe butonul "Adauga Creati un nou cod Javascript"
In zona "Titlu", puteti pune spre exemplu "Imagine post-uri Administratori".
La zona "Amplasare :" setam pe "Topicuri".
In cele din urma, la "Cod JavaScript", adaugam urmatorul cod:
Cod:
        $(function() {
 $('.Administrator').parent().parent().parent().parent().parent().addClass('ImagineAdministrator');
});

Apasam pe "Valideaza".

Am ajuns si la ultima etapa, adaugarea codului CSS pentru afisarea imaginii de fundal.
Mergem catre:
Panou de Administrare Afisare Imagini si culori   Culori Foaie de stil CSS
Adaugam acest cod in casuta cea mare:
Cod:
        div.ImagineAdministrator {
          background-image: url("imaginea de fundal");
          background-position: bottom right;
        }
In cod, zona "bottom right" indica faptul ca situarea codului va fi in partea dreapta jos, adica in coltul postarii.
Inlocuiti "imaginea de fundal" cu url-ul imaginii voastre, care doriti sa se afiseze. Imaginea trebuie sa aiba marimea de 1428*461 pixelis pentru a se afisa corect.
Daca doriti sa modificati numele clasei din CSS, o puteti face, modificand aceasta zona din codul Javascript:
Cod:
.addClass('ImagineAdministrator');

Forumgratuit va pune la dispozitie o gama variata de imagini pentru mesajele staff-ului, disponibile aici.


Numai bine! Noroc

   
Acest tutorial a fost scris de catre Forumul de suport Francez, in particular de Psyaliah, tradus in romana de Keir si corectat de catre Kegan.

   Copyright ˆ Forumgratuit.ro Nicio parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Tutorial Re: Imagine de fundal pentru mesajele staff-ului

Mesaj Scris de Keir la data de Dum 9 Sept - 20:38

Imagine de fundal pentru mesajele staff-ului(phpBB2)

Salutare tuturor Salut!,

Acest tutorial vă prezintă cum puteți adăuga o imagine de fundal pentru mesajele staff-ului, pentru un grup anume, exact cum este aici, pe forumul de suport.

Pentru început, trebuie să edităm fiecare rang și să îl ajustăm pentru a fi recunoscut în cadrul codului și pentru ca imaginea să se seteze automat la întâlnirea acestuia:

Panou de Administrare Utilizatori si grupuri Ranguri Administrarea rangurilor
Facem click pe butonul Modificare sau "Adauga un nou rang".
In rubrica "Titlul rangului:" inseram acest cod:
Cod:
<span class="Administrator">Administrator</span>

Dvs. puteti modifica numele clasei , din "Administrator" in "Moderator" s.a.m.d, iar apoi, desigur va trebui sa faceti modificarile de rigoare in codurile din cadrul acestui tutorial, inlocuind vechile clase cu cele noi.


Pentru a asocia imaginea unui grup complet trebuie sa va asigurati ca rang-ul este setat tuturor membrilor din el.


Dupa acestea, vom insera un cod Javascript pentru afisarea imaginii de fundal. Urmati pasii de mai jos pentru a ajunge in zona unde vom efectua aceste modificari:
Panou de Administrare Module HTML si JAVASCRIPT Gestiunea codurilor Javascript

Inainte de a crea un nou cod Javascript, tebuie sa ne asiguram ca optiunea "Activeaza gestiunea codurilor JavaScript :" este setata pe "Da".


In final, facem click pe butonul "Adauga Creati un nou cod Javascript"
In zona "Titlu", puteti pune spre exemplu "Imagine post-uri Administratori".
La zona "Amplasare :" setam pe "Topicuri".
In cele din urma, la "Cod JavaScript", adaugam urmatorul cod:
Cod:
        $(function() {
        $('.Administrator').parent().parent().parent().addClass('ImagineAdministrator');
        });

Apasam pe "Valideaza".

Puteti adauga mai multe linii in codul Javascript, astfel sa faceti efectul si pentru alte rang-uri/grupe, spre exemplu:


Cod:
        $(function() {
        $('.Administrator').parent().parent().parent().addClass('ImagineAdministrator');
        $('.Moderator').parent().parent().parent().addClass('ImagineModerator');
        $('.Designer').parent().parent().parent().addClass('ImagineDesigner');
        });

Am ajuns si la ultima etapa, adaugarea codului CSS pentru afisarea imaginii de fundal.
Mergem catre:
Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS
Adaugam acest cod in casuta cea mare:
Cod:
        .ImagineAdministrator td.row1 {
        background-image: url('Lien du dégradé') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        .ImagineAdministrator td.row2 {
        background-image: url('Lien du dégradé') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }

Daca ati modificat codul Javascript, punand-ul pe cel cu mai multe linii, acum, in loc de acest cod CSS, veti avea:


Cod:
      .ImagineAdministrator td.row1 {
        background-image: url('Lien du dégradé 1') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        .ImagineAdministrator td.row2 {
        background-image: url('Lien du dégradé 1') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
       
        .ImagineModerator td.row1 {
        background-image: url('Lien du dégradé 2') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        .ImagineModerator td.row2 {
        background-image: url('Lien du dégradé 2') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
       
        .ImagineDesigner td.row1 {
        background-image: url('Lien du dégradé 3') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
        .ImagineDesigner td.row2 {
        background-image: url('Lien du dégradé 3') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
In cod, zona "bottom right" indica faptul ca situarea codului va fi in partea dreapta jos, adica in coltul postarii.
Inlocuiti "imaginea de fundal" cu url-ul imaginii voastre, care doriti sa se afiseze. Imaginea trebuie sa aiba marimea de 1428*461 pixelis pentru a se afisa corect.
Daca doriti sa modificati numele clasei din CSS, o puteti face, modificand aceasta zona din codul Javascript:
Cod:
.addClass('ImagineAdministrator');

Forumgratuit va pune la dispozitie o gama variata de imagini pentru mesajele staff-ului, disponibile aici.


Acest tutorial a fost scris de catre Forumul de suport Francez, in particular de Psyaliah, tradus in romana de Keir.

Copyright ˆ Forumgratuit.ro Nicio parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Keir
Membru onorific
Membru onorific

masculin

Mesaje : 6771
Varsta : 18
Localizare : Buzau
Data de inscriere : 28/12/2011
Multumiri : 68
Niciun avertisment

http://neotalk.wikiforum.ro/

Sus In jos

Tutorial Re: Imagine de fundal pentru mesajele staff-ului

Mesaj Scris de Cassius Dio la data de Mier 8 Mai - 10:56

Imagine de fundal pentru mesajele staff-ului(PunBB)

Salutare tuturor Salut!,

Acest tutorial vă prezintă cum puteți adăuga o imagine de fundal pentru mesajele staff-ului, pentru un grup anume, exact cum este aici, pe forumul de suport.

Pentru început, trebuie să edităm fiecare rang și să îl ajustăm pentru a fi recunoscut în cadrul codului și pentru ca imaginea să se seteze automat la întâlnirea acestuia:

Panou de Administrare Utilizatori si grupuri Ranguri Administrarea rangurilor
Facem click pe butonul Modificare sau "Adauga un nou rang".
In rubrica "Titlul rangului:" inseram acest cod:
Cod:
<span class="Administrator">Administrator</span>

Dvs. puteti modifica numele clasei , din "Administrator" in "Moderator" s.a.m.d, iar apoi, desigur va trebui sa faceti modificarile de rigoare in codurile din cadrul acestui tutorial, inlocuind vechile clase cu cele noi.


Pentru a asocia imaginea unui grup complet trebuie sa va asigurati ca rang-ul este setat tuturor membrilor din el.


Dupa acestea, vom insera un cod Javascript pentru afisarea imaginii de fundal. Urmati pasii de mai jos pentru a ajunge in zona unde vom efectua aceste modificari:
Panou de Administrare Module HTML si JAVASCRIPT Gestiunea codurilor Javascript

Inainte de a crea un nou cod Javascript, tebuie sa ne asiguram ca optiunea "Activeaza gestiunea codurilor JavaScript :" este setata pe "Da".


In final, facem click pe butonul "Adauga Creati un nou cod Javascript"
In zona "Titlu", puteti pune spre exemplu "Imagine post-uri Administratori".
La zona "Amplasare :" setam pe "Topicuri".
In cele din urma, la "Cod JavaScript", adaugam urmatorul cod:
Cod:
$(function() {
        $('.Administrator').closest('.post').addClass('ImagineAdministrator');
        });

Apasam pe "Valideaza".

Puteti adauga mai multe linii in codul Javascript, astfel sa faceti efectul si pentru alte rang-uri/grupe, spre exemplu:


Cod:
$(function() {
        $('.Administrator').closest('.post').addClass('ImagineAdministrator');
        $('.Moderator').closest('.post').addClass('ImagineModerator');
        $('.Designer').closest('.post').addClass('ImagineDesigner');
        });

Am ajuns si la ultima etapa, adaugarea codului CSS pentru afisarea imaginii de fundal.
Mergem catre:
Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS
Adaugam acest cod in casuta cea mare:
Cod:
        .ImagineAdministrator .postmain {
        background-image: url('Lien du dégradé 1') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }

Daca ati modificat codul Javascript, punand-ul pe cel cu mai multe linii, acum, in loc de acest cod CSS, veti avea:


Cod:
      .ImagineAdministrator .postmain {
        background-image: url('Lien du dégradé 1') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
       
        .ImagineModerator .postmain {
        background-image: url('Lien du dégradé 2') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
       
        .ImagineDesigner .postmain {
        background-image: url('Lien du dégradé 3') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
In cod, zona "bottom right" indica faptul ca situarea codului va fi in partea dreapta jos, adica in coltul postarii.
Inlocuiti "imaginea de fundal" cu url-ul imaginii voastre, care doriti sa se afiseze. Imaginea trebuie sa aiba marimea de 1428*461 pixelis pentru a se afisa corect.
Daca doriti sa modificati numele clasei din CSS, o puteti face, modificand aceasta zona din codul Javascript:
Cod:
.addClass('ImagineAdministrator');

Forumgratuit va pune la dispozitie o gama variata de imagini pentru mesajele staff-ului, disponibile aici.


Acest tutorial a fost scris de catre SGSS.

Copyright ˆ Forumgratuit.ro Nicio parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Tutorial Re: Imagine de fundal pentru mesajele staff-ului

Mesaj Scris de Cassius Dio la data de Mier 8 Mai - 11:04

Imagine de fundal pentru mesajele staff-ului(Invision)

Salutare tuturor Salut!,

Acest tutorial vă prezintă cum puteți adăuga o imagine de fundal pentru mesajele staff-ului, pentru un grup anume, exact cum este aici, pe forumul de suport.

Pentru început, trebuie să edităm fiecare rang și să îl ajustăm pentru a fi recunoscut în cadrul codului și pentru ca imaginea să se seteze automat la întâlnirea acestuia:

Panou de Administrare Utilizatori si grupuri Ranguri Administrarea rangurilor
Facem click pe butonul Modificare sau "Adauga un nou rang".
In rubrica "Titlul rangului:" inseram acest cod:
Cod:
<span class="Administrator">Administrator</span>

Dvs. puteti modifica numele clasei , din "Administrator" in "Moderator" s.a.m.d, iar apoi, desigur va trebui sa faceti modificarile de rigoare in codurile din cadrul acestui tutorial, inlocuind vechile clase cu cele noi.


Pentru a asocia imaginea unui grup complet trebuie sa va asigurati ca rang-ul este setat tuturor membrilor din el.


Dupa acestea, vom insera un cod Javascript pentru afisarea imaginii de fundal. Urmati pasii de mai jos pentru a ajunge in zona unde vom efectua aceste modificari:
Panou de Administrare Module HTML si JAVASCRIPT Gestiunea codurilor Javascript

Inainte de a crea un nou cod Javascript, tebuie sa ne asiguram ca optiunea "Activeaza gestiunea codurilor JavaScript :" este setata pe "Da".


In final, facem click pe butonul "Adauga Creati un nou cod Javascript"
In zona "Titlu", puteti pune spre exemplu "Imagine post-uri Administratori".
La zona "Amplasare :" setam pe "Topicuri".
In cele din urma, la "Cod JavaScript", adaugam urmatorul cod:
Cod:
$(function() {
        $('.Administrator').closest('.post').addClass('ImagineAdministrator');
        });

Apasam pe "Valideaza".

Puteti adauga mai multe linii in codul Javascript, astfel sa faceti efectul si pentru alte rang-uri/grupe, spre exemplu:


Cod:
$(function() {
        $('.Administrator').closest('.post').addClass('ImagineAdministrator');
        $('.Moderator').closest('.post').addClass('ImagineModerator');
        $('.Designer').closest('.post').addClass('ImagineDesigner');
        });

Am ajuns si la ultima etapa, adaugarea codului CSS pentru afisarea imaginii de fundal.
Mergem catre:
Panou de Administrare Afisare Imagini si culori Culori Foaie de stil CSS
Adaugam acest cod in casuta cea mare:
Cod:
        .ImagineAdministrator .post-container {
        background-image: url('Lien du dégradé 1') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }

Daca ati modificat codul Javascript, punand-ul pe cel cu mai multe linii, acum, in loc de acest cod CSS, veti avea:


Cod:
      .ImagineAdministrator .post-container {
        background-image: url('Lien du dégradé 1') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
       
        .ImagineModerator .post-container {
        background-image: url('Lien du dégradé 2') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
       
        .ImagineDesigner .post-container {
        background-image: url('Lien du dégradé 3') !important;
        background-position: bottom;
        background-repeat: repeat-x;
        }
In cod, zona "bottom right" indica faptul ca situarea codului va fi in partea dreapta jos, adica in coltul postarii.
Inlocuiti "imaginea de fundal" cu url-ul imaginii voastre, care doriti sa se afiseze. Imaginea trebuie sa aiba marimea de 1428*461 pixelis pentru a se afisa corect.
Daca doriti sa modificati numele clasei din CSS, o puteti face, modificand aceasta zona din codul Javascript:
Cod:
.addClass('ImagineAdministrator');

Forumgratuit va pune la dispozitie o gama variata de imagini pentru mesajele staff-ului, disponibile aici.


Acest tutorial a fost scris de catre SGSS.

Copyright ˆ Forumgratuit.ro Nicio parte a acestui tutorial nu poate fi reprodusa, transmisa sau stocata in orice forma fara acordul scris al detinatorului dreptului de autor, in conformitate cu articolul L122-1 apartinand ICC.

Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 18
Localizare : Strawberry Fields
Data de inscriere : 13/07/2012
Multumiri : 78
Niciun avertisment

http://beatles.forummo.com/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus

- Subiecte similare

Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum