Problema HTML code

[+Fabi]

Salut PCT.. Am un cod html, vreau sa il personalizez pentru a face mesajele la mine pe forum asa.. Am o problema.. Daca salvez codul intr-un fisier html in pc si il deschid, codul arata perfect, exact cum ar trebui sa fie, dar cand il pun intr-o postare sunt spatii intre poze... (vedeti ss).. Ce trebuie sa modific si unde?

Codul:

 

 

<table style="border: 1px solid #007295;border-bottom:0px !important; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="background-image: url('http://i61.tinypic.com/qnpkb5.png'); background-repeat: no-repeat;" height="100" width="113"></td><td style="text-shadow: 1px 1px 1px white;background: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0210.png'); padding-bottom: 15px;"><div align="center"><span style="font-size: 18px; line-height: normal"><font color="#2e8db9"><strong>Cum putem adauga un chat pentru staff-ul forumului</strong></font></span></div></td><td class="tabeltip tutorial" style="background-image: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0410.png'); background-repeat: no-repeat;" width="129"></td></tr></tbody></table>
<table style="border-left: 1px solid #007295; border-right: 1px solid #007295;background-color: #f7f7f7;border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="padding: 5px; background-color: #F7F7F7;">Salutare tuturor,<br><br>În tutorialul de astăzi am să vă prezint o modalitate prin care puteți crea un chatbox pentru echipa forumului. Această metodă face comunicarea între membri echipei mult mai rapidă, evitând astfel contactul cu ceilalți utilizatori ai forumului. <br><br><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Demonstrație:</h2><br><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i58.tinypic.com/2qa1bnn.png" alt="" class="resize_img" width="500"></div><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Instalare:</h2><br><br><br>1. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; General =&gt; Securitate =&gt; Interzice formularelor neoficiale să posteze mesaje și mesaje private =&gt; Bifați <i>"Nu"</i></font></strong>.<br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:430.41543026706233px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i.imgur.com/B74IRTA.png" alt="" class="resize_img" width="430"></div><br>2. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; Module =&gt; HTML &amp; JAVASCRIPT =&gt; Gestionarea codurilor Javascript</font></strong>, creați un nou cod Javascript și adăugați:<br><div align="justify"><ul><br><li>Titlu: <strong>@instalare_chat</strong> <i> <strong><font color="#C60800">(obligatoriu)</font></strong></i><br></li><li>Amplasare: <strong>Indexul forumului</strong><br></li><li>Cod Javascript:<br></li></ul><br></div>Link: <a href="http://pastebin.com/j9p0wHFH" target="_blank" rel="nofollow">http://pastebin.com/j9p0wHFH</a><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:489.7435897435897px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i61.tinypic.com/24lpgsw.png" alt="" class="resize_img" width="489"></div><br>După ce ați adăugat codul javaScript , accesați prima pagină și așteptați până va apărea următoarea fereastră:<br><div align="center"><img src="http://i59.tinypic.com/21m7lfr.png" alt="" class="" style="display:inline"></div><br>După ce ați aprobat instalarea, rezultatul va fi următorul:<br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i57.tinypic.com/14nh1l5.png" alt="" class="resize_img" width="500"></div><br>Si asta a fost tot! &nbsp;<img src="http://illiweb.com/fa/i/smiles/icon_cheers.png" alt="Noroc" longdesc="65" class="" style="display:inline"> <br><br></td></tr></tbody></table>
<table style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="text-align: justify; color: white;padding-bottom: 20px; padding-top: 5px;text-shadow: 1px 1px 1px #075c83;background: #268fbf url('http://i39.servimg.com/u/f39/18/85/74/21/bg10.png') right bottom no-repeat;padding-left: 5px;"><br><span style="font-size: 10px; line-height: normal">Tutorial scris de <strong>JScript</strong>, tradus în limba română de către <strong>Raykim</strong><br><br>Ultima actualizare a fost efectuata in data de <strong>26.10.2015 </strong>de catre<strong> Zeus</strong><br><br>Copyright <strong>Forumgratuit.ro</strong> 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.</span></td></tr></tbody></table>[/code][/spoiler]

 

SS: http://i.imgur.com/gk8qkDA.png?1

Edited January 5, 2016 by Fabi

[+BebeGFX]

Si ce poza ar trebui sa vedem? Pune dinou ( ai uitat cred ).

[+Fabi]

Si ce poza ar trebui sa vedem? Pune dinou ( ai uitat cred ).

Se adaugase in code.. Acum apare.

[+BebeGFX]

Se adaugase in code.. Acum apare.

Am testat si eu pe forumul meu si merge perfect, vezi ca acolo unde vezi tu spatiile acelea sunt pasi care trebuie urmati, culoarea fontului este pe alb ( testeaza pe background negru ).

Edited January 5, 2016 by BebeGFX

[+Fabi]

Am testat si eu pe forumul meu si merge perfect, vezi ca acolo unde vezi tu spatiile acelea sunt pasi care trebuie urmati, culoarea fontului este pe alb ( testeaza pe background negru ).

Nu am inteles... Poti sa imi modifici tu te rog sau sa imi zici id-ul de skype sau ym?

[+BebeGFX]

Nu am inteles... Poti sa imi modifici tu te rog sau sa imi zici id-ul de skype sau ym?

Acolo unde vezi tu spatiu ala mai mare, defapt acolo sunt pasi de la tutorial. 

Deasupra imagini care o vezi tu in link-ul postat de tine scrie:

Mareste aceasta imagineRedu aceasta imagine Click aici pentru a o vizualiza la dimensiunea originala

Uite:

 

 http://www.gankers.ro/forum/index.php?/topic/212-html/ 

Sau nu te referi sa apara asa?

Edited January 5, 2016 by BebeGFX

[+Fabi]

Nu ma refer la acele spatii... Ma refer la dungile acelea negre care apar in asa zisul header, acolo unde este si titlul.

 

Uite cum apare intr-un fisier html: http://i.imgur.com/i7NWSSS.png

Edited January 5, 2016 by Fabi

[+BebeGFX]

Ia vezi cu asta :

<table style="border: 1px solid #007295;border-bottom:0px !important; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="background-image: url('http://i61.tinypic.com/qnpkb5.png'); background-repeat: repeat;" height="95" width="113"></td><td style="text-shadow: 1px 1px 1px white;background: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0210.png'); padding-bottom: 17px;"><div align="center"><span style="font-size: 18px; line-height: normal"><font color="#2e8db9"><strong>Cum putem adauga un chat pentru staff-ul forumului</strong></font></span></div></td><td class="tabeltip tutorial" style="background-image: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0410.png'); background-repeat: no-repeat;" width="129"></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295;background-color: #f7f7f7;border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="padding: 5px; background-color: #F7F7F7;">Salutare tuturor,<br><br>În tutorialul de astăzi am să vă prezint o modalitate prin care puteți crea un chatbox pentru echipa forumului. Această metodă face comunicarea între membri echipei mult mai rapidă, evitând astfel contactul cu ceilalți utilizatori ai forumului. <br><br><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Demonstrație:</h2><br><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i58.tinypic.com/2qa1bnn.png" alt="" class="resize_img" width="500"></div><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Instalare:</h2><br><br><br>1. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; General =&gt; Securitate =&gt; Interzice formularelor neoficiale să posteze mesaje și mesaje private =&gt; Bifați <i>"Nu"</i></font></strong>.<br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:430.41543026706233px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i.imgur.com/B74IRTA.png" alt="" class="resize_img" width="430"></div><br>2. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; Module =&gt; HTML &amp; JAVASCRIPT =&gt; Gestionarea codurilor Javascript</font></strong>, creați un nou cod Javascript și adăugați:<br><div align="justify"><ul><br><li>Titlu: <strong>@instalare_chat</strong> <i> <strong><font color="#C60800">(obligatoriu)</font></strong></i><br></li><li>Amplasare: <strong>Indexul forumului</strong><br></li><li>Cod Javascript:<br></li></ul><br></div>Link: <a href="http://pastebin.com/j9p0wHFH" target="_blank" rel="nofollow">http://pastebin.com/j9p0wHFH</a><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:489.7435897435897px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i61.tinypic.com/24lpgsw.png" alt="" class="resize_img" width="489"></div><br>După ce ați adăugat codul javaScript , accesați prima pagină și așteptați până va apărea următoarea fereastră:<br><div align="center"><img src="http://i59.tinypic.com/21m7lfr.png" alt="" class="" style="display:inline"></div><br>După ce ați aprobat instalarea, rezultatul va fi următorul:<br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i57.tinypic.com/14nh1l5.png" alt="" class="resize_img" width="500"></div><br>Si asta a fost tot! &nbsp;<img src="http://illiweb.com/fa/i/smiles/icon_cheers.png" alt="Noroc" longdesc="65" class="" style="display:inline"> <br><br></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="text-align: justify; color: white;padding-bottom: 20px; padding-top: 5px;text-shadow: 1px 1px 1px #075c83;background: #268fbf url('http://i39.servimg.com/u/f39/18/85/74/21/bg10.png') right bottom no-repeat;padding-left: 5px;"><br><span style="font-size: 10px; line-height: normal">Tutorial scris de <strong>JScript</strong>, tradus în limba română de către <strong>Raykim</strong><br><br>Ultima actualizare a fost efectuata in data de <strong>26.10.2015 </strong>de catre<strong> Zeus</strong><br><br>Copyright <strong>Forumgratuit.ro</strong> 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.</span></td></tr></tbody></table> 

Edited January 5, 2016 by BebeGFX

[+Fabi]

E mai bine, dar incepe sa dispara din acel hexagon... Se taie in partea de sus...

[+BebeGFX]

E mai bine, dar incepe sa dispara din acel hexagon... Se taie in partea de sus...

 <table style="border: 1px solid #007295;border-bottom:0px !important; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="background-image: url('http://i61.tinypic.com/qnpkb5.png'); background-repeat: no-repeat;" height="95" width="113"></td><td style="text-shadow: 1px 1px 1px white;background: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0210.png'); padding-bottom: 10px;"><div align="center"><span style="font-size: 18px; line-height: normal"><font color="#2e8db9"><strong>Cum putem adauga un chat pentru staff-ul forumului</strong></font></span></div></td><td class="tabeltip tutorial" style="background-image: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0410.png'); background-repeat: no-repeat;" width="129"></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295;background-color: #f7f7f7;border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="padding: 5px; background-color: #F7F7F7;">Salutare tuturor,<br><br>În tutorialul de astăzi am să vă prezint o modalitate prin care puteți crea un chatbox pentru echipa forumului. Această metodă face comunicarea între membri echipei mult mai rapidă, evitând astfel contactul cu ceilalți utilizatori ai forumului. <br><br><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Demonstrație:</h2><br><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i58.tinypic.com/2qa1bnn.png" alt="" class="resize_img" width="500"></div><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Instalare:</h2><br><br><br>1. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; General =&gt; Securitate =&gt; Interzice formularelor neoficiale să posteze mesaje și mesaje private =&gt; Bifați <i>"Nu"</i></font></strong>.<br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:430.41543026706233px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i.imgur.com/B74IRTA.png" alt="" class="resize_img" width="430"></div><br>2. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; Module =&gt; HTML &amp; JAVASCRIPT =&gt; Gestionarea codurilor Javascript</font></strong>, creați un nou cod Javascript și adăugați:<br><div align="justify"><ul><br><li>Titlu: <strong>@instalare_chat</strong> <i> <strong><font color="#C60800">(obligatoriu)</font></strong></i><br></li><li>Amplasare: <strong>Indexul forumului</strong><br></li><li>Cod Javascript:<br></li></ul><br></div>Link: <a href="http://pastebin.com/j9p0wHFH" target="_blank" rel="nofollow">http://pastebin.com/j9p0wHFH</a><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:489.7435897435897px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i61.tinypic.com/24lpgsw.png" alt="" class="resize_img" width="489"></div><br>După ce ați adăugat codul javaScript , accesați prima pagină și așteptați până va apărea următoarea fereastră:<br><div align="center"><img src="http://i59.tinypic.com/21m7lfr.png" alt="" class="" style="display:inline"></div><br>După ce ați aprobat instalarea, rezultatul va fi următorul:<br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i57.tinypic.com/14nh1l5.png" alt="" class="resize_img" width="500"></div><br>Si asta a fost tot! &nbsp;<img src="http://illiweb.com/fa/i/smiles/icon_cheers.png" alt="Noroc" longdesc="65" class="" style="display:inline"> <br><br></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="text-align: justify; color: white;padding-bottom: 20px; padding-top: 5px;text-shadow: 1px 1px 1px #075c83;background: #268fbf url('http://i39.servimg.com/u/f39/18/85/74/21/bg10.png') right bottom no-repeat;padding-left: 5px;"><br><span style="font-size: 10px; line-height: normal">Tutorial scris de <strong>JScript</strong>, tradus în limba română de către <strong>Raykim</strong><br><br>Ultima actualizare a fost efectuata in data de <strong>26.10.2015 </strong>de catre<strong> Zeus</strong><br><br>Copyright <strong>Forumgratuit.ro</strong> 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.</span></td></tr></tbody></table>  [/code]

Vezi acuma.

[+Fabi]

[+BebeGFX]

Daca nici acuma nu merge, nu am idee

<table style="border: 1px solid #007295;border-bottom:0px !important; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="background-image: url('http://i61.tinypic.com/qnpkb5.png'); background-repeat: no-repeat;" height="95" width="113"></td><td style="text-shadow: 1px 1px 1px white;background: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0210.png'); padding-bottom: 20px;"><div align="center"><span style="font-size: 18px; line-height: normal"><font color="#2e8db9"><strong>Cum putem adauga un chat pentru staff-ul forumului</strong></font></span></div></td><td class="tabeltip tutorial" style="background-image: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0410.png'); background-repeat: no-repeat;" width="129"></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295;background-color: #f7f7f7;border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="padding: 5px; background-color: #F7F7F7;">Salutare tuturor,<br><br>În tutorialul de astăzi am să vă prezint o modalitate prin care puteți crea un chatbox pentru echipa forumului. Această metodă face comunicarea între membri echipei mult mai rapidă, evitând astfel contactul cu ceilalți utilizatori ai forumului. <br><br><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Demonstrație:</h2><br><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i58.tinypic.com/2qa1bnn.png" alt="" class="resize_img" width="500"></div><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Instalare:</h2><br><br><br>1. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; General =&gt; Securitate =&gt; Interzice formularelor neoficiale să posteze mesaje și mesaje private =&gt; Bifați <i>"Nu"</i></font></strong>.<br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:430.41543026706233px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i.imgur.com/B74IRTA.png" alt="" class="resize_img" width="430"></div><br>2. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare =&gt; Module =&gt; HTML &amp; JAVASCRIPT =&gt; Gestionarea codurilor Javascript</font></strong>, creați un nou cod Javascript și adăugați:<br><div align="justify"><ul><br><li>Titlu: <strong>@instalare_chat</strong> <i> <strong><font color="#C60800">(obligatoriu)</font></strong></i><br></li><li>Amplasare: <strong>Indexul forumului</strong><br></li><li>Cod Javascript:<br></li></ul><br></div>Link: <a href="http://pastebin.com/j9p0wHFH" target="_blank" rel="nofollow">http://pastebin.com/j9p0wHFH</a><br><br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:489.7435897435897px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i61.tinypic.com/24lpgsw.png" alt="" class="resize_img" width="489"></div><br>După ce ați adăugat codul javaScript , accesați prima pagină și așteptați până va apărea următoarea fereastră:<br><div align="center"><img src="http://i59.tinypic.com/21m7lfr.png" alt="" class="" style="display:inline"></div><br>După ce ați aprobat instalarea, rezultatul va fi următorul:<br><div align="center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a href="#" class="enlarge">Mareste aceasta imagine</a><a href="#" class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a href="#" class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i57.tinypic.com/14nh1l5.png" alt="" class="resize_img" width="500"></div><br>Si asta a fost tot! &nbsp;<img src="http://illiweb.com/fa/i/smiles/icon_cheers.png" alt="Noroc" longdesc="65" class="" style="display:inline"> <br><br></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="text-align: justify; color: white;padding-bottom: 20px; padding-top: 5px;text-shadow: 1px 1px 1px #075c83;background: #268fbf url('http://i39.servimg.com/u/f39/18/85/74/21/bg10.png') right bottom no-repeat;padding-left: 5px;"><br><span style="font-size: 10px; line-height: normal">Tutorial scris de <strong>JScript</strong>, tradus în limba română de către <strong>Raykim</strong><br><br>Ultima actualizare a fost efectuata in data de <strong>26.10.2015 </strong>de catre<strong> Zeus</strong><br><br>Copyright <strong>Forumgratuit.ro</strong> 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.</span></td></tr></tbody></table>

[+Fabi]

Nu merge  e la fel.. Nu ma poti ajuta te rog sa refac codul?

[+BebeGFX]

Nu merge  e la fel.. Nu ma poti ajuta te rog sa refac codul?

Uite:

 <table style="border: 1px solid #007295;border-bottom:0px !important; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="background-image: url('http://i61.tinypic.com/qnpkb5.png'); background-repeat: repeat;" height="95" width="95"></td><td style="text-shadow: 1px 1px1pxwhite;background:url('http://i39.servimg.com/u/f39/11/80/17/98/da_0210.png'); padding-bottom: 17px;"><div style="text-align:center"><span style="font-size: 15px; line-height: normal"><font color="#2e8db9"><strong>Cum putem adauga un chat pentru staff-ul forumului</strong></font></span></div></td><td class="tabeltip tutorial" style="background-image: url('http://i39.servimg.com/u/f39/11/80/17/98/da_0410.png'); background-repeat: repeat;" width="119"></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295;background-color: #f7f7f7;border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="padding: 5px; background-color: #F7F7F7;">Salutare tuturor,<br><br>În tutorialul de astăzi am să vă prezint o modalitate prin care puteți crea un chatbox pentru echipa forumului. Această metodă face comunicarea între membri echipei mult mai rapidă, evitând astfel contactul cu ceilalți utilizatori ai forumului. <br><br><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Demonstrație:</h2><br><br><br><div style="text-align:center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a data-ipb='nomediaparse' href='#' class="enlarge">Mareste aceasta imagine</a><a data-ipb='nomediaparse' href='#' class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a data-ipb='nomediaparse' href='#' class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i58.tinypic.com/2qa1bnn.png" alt="" class="resize_img" width="500"></div><h2 class="post-content"><img src="http://i39.servimg.com/u/f39/18/51/81/51/09615110.png" alt="" class="" style="display:inline">Instalare:</h2><br><br><br>1. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare => General => Securitate => Interzice formularelor neoficiale să posteze mesaje și mesaje private => Bifați <i>"Nu"</i></font></strong>.<br><br><div style="text-align:center"><br><span class="resizebox gensmall clearfix showfull" style="width:430.41543026706233px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a data-ipb='nomediaparse' href='#' class="enlarge">Mareste aceasta imagine</a><a data-ipb='nomediaparse' href='#' class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a data-ipb='nomediaparse' href='#' class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i.imgur.com/B74IRTA.png" alt="" class="resize_img" width="430"></div><br>2. Intrați în: &nbsp;<strong><font color="#1675bc">Panoul de administrare => Module => HTML & JAVASCRIPT => Gestionarea codurilor Javascript</font></strong>, creați un nou cod Javascript și adăugați:<br><div align="justify"><ul><br><li>Titlu: <strong>@instalare_chat</strong> <i> <strong><font color="#C60800">(obligatoriu)</font></strong></i><br></li><li>Amplasare: <strong>Indexul forumului</strong><br></li><li>Cod Javascript:<br></li></ul><br></div>Link: <a data-ipb='nomediaparse' href='http://pastebin.com/j9p0wHFH' target="_blank" rel="nofollow">http://pastebin.com/j9p0wHFH</a><br><br><div style="text-align:center"><br><span class="resizebox gensmall clearfix showfull" style="width:489.7435897435897px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a data-ipb='nomediaparse' href='#' class="enlarge">Mareste aceasta imagine</a><a data-ipb='nomediaparse' href='#' class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a data-ipb='nomediaparse' href='#' class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i61.tinypic.com/24lpgsw.png" alt="" class="resize_img" width="489"></div><br>După ce ați adăugat codul javaScript , accesați prima pagină și așteptați până va apărea următoarea fereastră:<br><div style="text-align:center"><img src="http://i59.tinypic.com/21m7lfr.png" alt="" class="" style="display:inline"></div><br>După ce ați aprobat instalarea, rezultatul va fi următorul:<br><div style="text-align:center"><br><span class="resizebox gensmall clearfix showfull" style="width:500px"><span class="resize_border clearfix"><span class="resize_content clearfix"><a data-ipb='nomediaparse' href='#' class="enlarge">Mareste aceasta imagine</a><a data-ipb='nomediaparse' href='#' class="resize">Redu aceasta imagine</a><span class="resize_filler"> </span><a data-ipb='nomediaparse' href='#' class="fullsize">Click aici pentru a o vizualiza la dimensiunea originala</a></span></span></span><br><img src="http://i57.tinypic.com/14nh1l5.png" alt="" class="resize_img" width="500"></div><br>Si asta a fost tot! &nbsp;<img src="http://illiweb.com/fa/i/smiles/icon_cheers.png" alt="Noroc" longdesc="65" class="" style="display:inline"> <br><br></td></tr></tbody></table><table style="border-left: 1px solid #007295; border-right: 1px solid #007295; border-bottom: 1px solid #007295; table-layout:fixed; width: 100%;" cellspacing="0"><tbody><tr><td style="text-align: justify; color: white;padding-bottom: 20px; padding-top: 5px;text-shadow: 1px 1px 1px #075c83;background: #268fbf url('http://i39.servimg.com/u/f39/18/85/74/21/bg10.png') right bottom no-repeat;padding-left: 5px;"><br><span style="font-size: 10px; line-height: normal">Tutorial scris de <strong>JScript</strong>, tradus în limba română de către <strong>Raykim</strong><br><br>Ultima actualizare a fost efectuata in data de <strong>26.10.2015 </strong>de catre<strong> Zeus</strong><br><br>Copyright <strong>Forumgratuit.ro</strong> 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.</span></td></tr></tbody></table>