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

Vezi subiectul anterior Vezi subiectul urmator In jos

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

Mesaj Scris de Zachary la data de Vin 10 Iul - 22:33

Plasarea iconitei-status peste iconita unei sectiuni (phpBB3)
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:

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

2. Adaugati urmatorul cod in: P.A ~> Module ~> HTML&JAVASCRIPT ~> Gestiunea codurilor javascript ~> Creati un nou javascript
$(function() {
$('dl.icon[style*="http://illiweb.com/fa/prosilver/forum_read.gif"], dl.icon[style*="http://illiweb.com/fa/prosilver/forum_read_category.gif"]').addClass('faramesaje').css('background','transparent');
$('.faramesaje dd  div h3').before('<div class="iconita"><img src="http://i58.servimg.com/u/f58/18/57/87/79/no10.png" /></div>');

$('dl.icon[style*="http://illiweb.com/fa/prosilver/forum_unread_category.gif"], dl.icon[style*="http://illiweb.com/fa/prosilver/forum_unread.gif"]').addClass('forumblocat').css('background','transparent');
$('.forumblocat dd  div h3').before('<div class="iconita"><img src="http://i58.servimg.com/u/f58/18/57/87/79/iconst10.png" /></div>');

$('dl.icon[style*="http://illiweb.com/fa/prosilver/forum_read_category_locked.gif"], dl.icon[style*="http://illiweb.com/fa/prosilver/forum_read_locked.gif"]').addClass('mesajenoi').css('background','transparent');
$('.mesajenoi dd  div h3').before('<div class="iconita"><img src="http://i58.servimg.com/u/f58/18/57/87/79/lock10.png" /></div>');
});

Textul ingrosat de mai sus reprezinta adresa URL a imaginilor care vor fi afisate.
http://i58.servimg.com/u/f58/18/57/87/79/no10.png
http://i58.servimg.com/u/f58/18/57/87/79/iconst10.png
http://i58.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

Tutorial scris de Zeus, completat de Raykim

Copyright ˆForumgratuit.ro Nici o 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.



avatar
Zachary
Administrator
Administrator

masculin

Mesaje : 2288
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 192
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

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

Mesaj Scris de Zachary la data de Vin 10 Iul - 22:56

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:

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:
<~ "Categorie" si  "Forum".
<~ "Categorie - Nou" si "Forum - Nou".
<~ "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

Tutorial scris de Zeus, completat de Raykim

Copyright ˆForumgratuit.ro Nici o 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.



avatar
Zachary
Administrator
Administrator

masculin

Mesaje : 2288
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 192
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

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

Mesaj Scris de Zachary la data de Vin 10 Iul - 22:56

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:

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:
<~ "Categorie" si  "Forum".
<~ "Categorie - Nou" si "Forum - Nou".
<~ "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 

Tutorial scris de Zeus, completat de Raykim

Copyright ˆForumgratuit.ro Nici o 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.



avatar
Zachary
Administrator
Administrator

masculin

Mesaje : 2288
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 192
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

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

Mesaj Scris de Zachary la data de Vin 10 Iul - 23:02

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:

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:
<~ "Categorie" si  "Forum".
<~ "Categorie - Nou" si "Forum - Nou".
<~ "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

Tutorial scris de Zeus, completat de Raykim

Copyright ˆForumgratuit.ro Nici o 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.



avatar
Zachary
Administrator
Administrator

masculin

Mesaje : 2288
Varsta : 37
Localizare : România
Data înscrierii : 08/05/2013
Multumiri : 192
Niciun avertisment

http://help.forumgratuit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum