Adaugarea unui text la mesajele carora li s-a multumit

Vezi subiectul anterior Vezi subiectul urmator In jos

Tutorial Adaugarea unui text la mesajele carora li s-a multumit

Mesaj Scris de Cassius Dio la data de Joi 14 Feb - 19:28

Adaugarea unui text la mesajele carora li s-a multumit

In acest tutorial va voi arata cum puteti adauga in interiorul unui mesaj caruia i s-a multimit, un text informativ. Ca de exemplu "Autorul topicului i-a multimit acestei persoane".

Previzualizare:

1. Coduri CSS de instalat:

Pentru versiunile phpBB2, phpBB3 si PunBB:
Cod:
.multumesc-msg{
  text-align: center !important;
  font-weight: bold;
  color: orange;
  font-size: 16px;
  margin-top: 60px;
}

.multumesc-msg img{
  position: relative;
  top: 5px;
}

.multumesc-msg div{
  margin-left: 5px;
  margin-right: 5px;
  display: inline !important;
}

Pentru versiunea Invision:
Cod:
.multumesc-msg{
  text-align: center !important;
  font-weight: bold;
  color: orange;
  font-size: 16px;
  margin-top: 60px;
}

.multumesc-msg img{
  position: relative;
  top: -5px;
}

.multumesc-msg div{
  margin-left: 5px;
  margin-right: 5px;
  display: inline !important;
}

Codurile se adauga in:
Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Foaie de stil CSS.

2. Coduri JavaScript de instalat:

Pentru versiunea phpBB2:
Cod:
$(document).ready(function(){
$('.post td[style="background-color:#f4f9fd;"] td:has(".postbody")').append('
<div class="multumesc-msg"><img src="http://i.imgur.com/PmJzT7e.png"> <div>Autorul topicului i-a multumit acestei persoane!</div> <img src="http://i.imgur.com/PmJzT7e.png"></div>
');
});

Pentru versiunea phpBB3:
Cod:
$(document).ready(function(){
$('.post[style="background-color:#f4f9fd;"] .postbody .content').append('
<div class="multumesc-msg"><img src="http://i.imgur.com/PmJzT7e.png"> <div>Autorul topicului i-a multumit acestei persoane!</div> <img src="http://i.imgur.com/PmJzT7e.png"></div>
');
});

Pentru versiunea PunBB:
Cod:
$(document).ready(function(){
$('.post[style="background-color:#f4f9fd;"] .postbody[style="background-color:#f4f9fd;"]').append('
<div class="multumesc-msg"><img src="http://i.imgur.com/PmJzT7e.png"> <div>Autorul topicului i-a multumit acestei persoane!</div> <img src="http://i.imgur.com/PmJzT7e.png"></div>
');
});

Pentru versiunea Invision:
Cod:
$(document).ready(function(){
$('.post[style="background-color:#f4f9fd;"] .postbody .post-entry').append('
<div class="multumesc-msg"><img src="http://i.imgur.com/PmJzT7e.png"> <div>Autorul topicului i-a multumit acestei persoane!</div> <img src="http://i.imgur.com/PmJzT7e.png"></div>
');
});

Codurile se adauga in:
Panou de Administrare ~> Module ~> HTML & JAVASCRIPT ~> Gestiunea codurilor JavaScript.

Va rugam sa tineti cont de urmatoarele:
- doar autorul topic-ului poate folosi butonul "merci";
- butonul nu poate fi folosit pentru acordarea punctelor la propriul cont.

Exclamare In cazul in care codurile nu au avut nici un efect, va rugam sa vizitati Panou de Administrare ~> Afisare ~> Imagini si culori ~> Culori ~> Culoarea de fundal a unui mesaj caruia i s-a multumit. Copiati codul culorii din casuta, si inlocuiti din codurile JavaScript acest cod #f4f9fd cu cel din copiat anterior.
Exclamare Atentie! In codul JavaScript trebuie sa scrieti codul hexadecimal cu litere mici. Daca il scrieti cu litere mari (caps) nu va functiona.
De exemplu #F4F9FD nu functioneaza, in timp ce #f4f9fd este corect si functional.

Tutorial scris de SGSS
Ultima actualizare: 22.03.2013

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
Cassius Dio
Membru onorific
Membru onorific

masculin

Mesaje : 11025
Varsta : 19
Localizare : Strawberry Fields
Data înscrierii : 13/07/2012
Multumiri : 82
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