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

• 0Reputaţie mesaje: 100% (1 voturi)

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

 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: 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!

Tutorial realizat de Zachary, actualizat de catre Petronel Numai bine, Echipa Forumgratuit

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

 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: 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   si nu uitati sa aplicati template-ul apasand pe butonul   . 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!

Tutorial realizat de Zachary, actualizat de catre Petronel Numai bine, Echipa Forumgratuit

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

 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: 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   si nu uitati sa aplicati template-ul apasand pe butonul   . 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!

Tutorial realizat de Zachary, actualizat de catre Petronel Numai bine, Echipa Forumgratuit

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

 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: 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!

Tutorial realizat de Zachary, actualizat de catre Petronel Numai bine, Echipa Forumgratuit