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.

Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile)

Vezi subiectul anterior Vezi subiectul urmator In jos

  • 0

Tutorial Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile)

Mesaj Scris de Zachary Vin Iul 10, 2015 10:33 pm

Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile)

Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga icon status peste iconul sectiuniilor forumurilor dvs. Acest tutorial se aplica pentru forumurile phpBB3. Acum ca am lamurit, haideti sa incepem.

Demonstratie:
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) MtI6Ofx

1. Intrati in: P.A ~> Afisare ~> Imagini si culoir ~> Administrare imagini ~> Iconuri forum
Inlocuiti imaginile actuale cu:
Categorie: https://2img.net/i/fa/prosilver/forum_read_category.gif
Categorie - Nou: https://2img.net/i/fa/prosilver/forum_unread_category.gif
Categorie - Blocat: https://2img.net/i/fa/prosilver/forum_read_category_locked.gif
Forum: https://2img.net/i/fa/prosilver/forum_read.gif
Forum - Nou: https://2img.net/i/fa/prosilver/forum_unread.gif
Forum - Blocat: https://2img.net/i/fa/prosilver/forum_read_locked.gif

2. Adaugati urmatorul cod in: P.A ~> Module ~> HTML&JAVASCRIPT ~> Gestiunea codurilor javascript ~> Creati un nou javascript

Cod:
$(function() {
$('dl.icon[style*="https://2img.net/i/fa/prosilver/forum_read.gif"], dl.icon[style*="https://2img.net/i/fa/prosilver/forum_read_category.gif"]').addClass('faramesaje').css('background','transparent');
$('.faramesaje dd  div h3').before('<div class="iconita"><img src="%5Bcolor%3A8659=#ff3333%5D%5Bb:8659%5Dhttps://i.servimg.com/u/f58/18/57/87/79/no10.png%5B/b:8659%5D%5B/color:8659%5D" alt="color:8659]" /></div>');

$('dl.icon[style*="https://2img.net/i/fa/prosilver/forum_unread_category.gif"], dl.icon[style*="https://2img.net/i/fa/prosilver/forum_unread.gif"]').addClass('forumblocat').css('background','transparent');
$('.forumblocat dd  div h3').before('<div class="iconita"><img src="%5Bcolor%3A8659=#ff3366%5D%5Bb:8659%5Dhttps://i.servimg.com/u/f58/18/57/87/79/iconst10.png%5B/b:8659%5D%5B/color:8659%5D" alt="color:8659]" /></div>');

$('dl.icon[style*="https://2img.net/i/fa/prosilver/forum_read_category_locked.gif"], dl.icon[style*="https://2img.net/i/fa/prosilver/forum_read_locked.gif"]').addClass('mesajenoi').css('background','transparent');
$('.mesajenoi dd  div h3').before('<div class="iconita"><img src="%5Bcolor%3A8659=#ff3333%5D%5Bb:8659%5Dhttps://i.servimg.com/u/f58/18/57/87/79/lock10.png%5B/b:8659%5D%5B/color:8659%5D" alt="color:8659]" /></div>');
});

Textul ingrosat de mai sus reprezinta adresa URL a imaginilor care vor fi afisate.
https://i.servimg.com/u/f58/18/57/87/79/no10.png
https://i.servimg.com/u/f58/18/57/87/79/iconst10.png
https://i.servimg.com/u/f58/18/57/87/79/lock10.png
Acestea pot fi oricand inlocuite cu alte imagini, conditia ar fi ca imaginile sa nu depaseasca dimensiunea de 32x32 pixeli.


3.
Adaugati urmatorul cod in: P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS

Cod:
.faramesaje h3 + br + img {
margin-left: -45px;
margin-top: -10px;
}
.iconita {
position: relative;
float: left;
margin-top: 15px;
margin-left: -45px;
}
Pentru alinierea corecta a iconului, inlocuiti in codul de mai sus valorile 15px si -45px cu valori mai mici sau mai mari.

Si asta a fost tot!  Noroc
Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Tutorial Re: Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile)

Mesaj Scris de Zachary Vin Iul 10, 2015 10:56 pm

Plasarea iconitei-status peste iconita unei sectiuni (phpBB2)


Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga icon status peste iconul sectiuniilor forumurilor dvs. Acest tutorial se aplica pentru forumurile phpBB2. Acum ca am lamurit, haideti sa incepem.

Demonstratie:
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) MU0sreI

1. Intrati in: P.A ~> Afisare ~> Template-uri ~> General ~> index_box
Cautati (aproximativ linia 57):
Cod:
{catrow.forumrow.FORUM_DESC}
Inlocuiti cu:
Cod:
<div class="descriere">{catrow.forumrow.FORUM_DESC}</div>

Apasati pe  Inregistrare si nu uitati sa aplicati template-ul apasand pe butonul  Adauga .

2. Intrati in: P.A > Afisare ~> Imagini si culori ~> Administrare imagini ~> Mod avansat ~> Icon-uri forum
Puteti folosi urmatoarele iconuri pentru a testa:
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) No10 <~ "Categorie" si  "Forum".
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) Iconst10 <~ "Categorie - Nou" si "Forum - Nou".
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) Lock10 <~ "Categorie - Blocat" si "Forum - Blocat".
Acestea pot fi oricand inlocuite cu alte imagini, conditia ar fi ca imaginile sa nu depaseasca dimensiunea de 32x32pixeli.

3. Adaugati in: P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Cod:
.descriere img {
margin-left: -35px;
margin-top: -5px;
}
Pentru alinierea corecta a iconului, inlocuiti in codul de mai sus valoarea -35px cu o valorare mai mica sau mai mare.

Si asta a fost tot!  Noroc

Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Tutorial Re: Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile)

Mesaj Scris de Zachary Vin Iul 10, 2015 10:56 pm

Plasarea iconitei-status peste iconita unei sectiuni (punBB)


Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga icon status peste iconul sectiuniilor forumurilor dvs. Acest tutorial se aplica pentru forumurile PunBB. Acum ca am lamurit, haideti sa incepem.

Demonstratie:
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) 6DRGX9b

1. Intrati in: P.A ~> Afisare ~> Template-uri ~> General ~> index_box
Stergeti (aproximativ linia 26):
Cod:
 <span class="status" style="margin-right: -{catrow.forumrow.INC_WIDTH_ICON}; margin-left: -{catrow.forumrow.INC_WIDTH_ICON};">
 <img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
 </span>
Cautati (aproximativ linia 31):
Cod:
{catrow.forumrow.FORUM_DESC}

Inlocuiti cu:
Cod:
<div class="mutare">
<div class="statut-sectiune">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</div>
{catrow.forumrow.FORUM_DESC}
</div>

Apasati pe  Inregistrare si nu uitati sa aplicati template-ul apasand pe butonul  Adauga .

2. Intrati in: P.A > Afisare ~> Imagini si culori ~> Administrare imagini ~> Mod avansat ~> Icon-uri forum
Puteti folosi urmatoarele iconuri pentru a testa:
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) No10 <~ "Categorie" si  "Forum".
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) Iconst10 <~ "Categorie - Nou" si "Forum - Nou".
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) Lock10 <~ "Categorie - Blocat" si "Forum - Blocat".

Nota: Iconurile de mai sus au dimensiunea de 28x17 pixeli, acestea nu trebuie sa fie mai mari de 32x32 pixeli.

3. Cautati in: P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Cod:
mutare img {
  margin-left: -35px;
  margin-top: -10px;
}
.statut-sectiune img {
margin-top: -20px;
position: relative;
top: 20px;
left: 0;
}
Pentru alinierea corecta a iconului, inlocuiti in codul de mai sus valorile 20px si 0 cu valori mai mici sau mai mari.

Si asta a fost tot!  Noroc 

Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary a fost mulțumit de autorul acestui subiect.

Tutorial Re: Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile)

Mesaj Scris de Zachary Vin Iul 10, 2015 11:02 pm

Plasarea iconitei-status peste iconita unei sectiuni (Invision)


Salutare tuturor,

In tutorialul de astazi am sa va arat cum puteti adauga icon status peste iconul sectiuniilor forumurilor dvs. Acest tutorial se aplica pentru forumurile Invision. Acum ca am lamurit, haideti sa incepem.

Demonstratie:
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) BVwMXxe

1. Adaugati urmatorul cod in: P.A ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil css
Cod:
.forum-desc img {
  margin-left: -35px;
  margin-top: -16px;
}
table.ipbtable img.icon {
  margin-left: 0;
  position: relative;
  top: 10px;
}

Pentru alinierea corecta a iconului, inlocuiti in codul de mai sus valorile 10px si 0 cu valori mai mici sau mai mari.

2. Intrati in: P.A > Afisare ~> Imagini si culori ~> Administrare imagini ~> Mod avansat ~> Icon-uri forum
Puteti folosi urmatoarele iconuri pentru a testa:
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) No10 <~ "Categorie" si  "Forum".
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) Iconst10 <~ "Categorie - Nou" si "Forum - Nou".
Plasarea iconitei-status peste iconita unei sectiuni (toate versiunile) Lock10 <~ "Categorie - Blocat" si "Forum - Blocat".
Acestea pot fi oricand inlocuite cu alte imagini, conditia ar fi ca imaginile sa nu depaseasca dimensiunea de 32x32pixeli.

Si asta a fost tot!  Noroc

Zachary

Zachary
Membru onorific
Membru onorific

Mesaje : 2394
Localizare : România
Data înscrierii : 08/05/2013
Mulțumiri : 196
Google Chrome phpBB3

https://www.forumgratuit.ro
Zachary 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