adapter un code dohtml à forumactif

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

  • 0

Résolu adapter un code dohtml à forumactif

Message par CryingToYourHeart le Ven 29 Juin 2012 - 16:50

Bonjour,

J'ai trouvé des codes très beau sur un forum et j'ai voulu les mettre sur mon forum seulement le forum ne prends pas la balise "dohtml" donc le code n'est plus comme sur le forum où je l'ai trouvé.

Es-ce que quelqu'un saurait comment faire pour adapter un code possédant cette balise sur forumactif ?

Voici l'un des codes concerné:

Code:
[dohtml]
<div style="background-color: #b0dfd7; border-top: 10px solid #97d0c6; width:450px;">
<table>
<tr>
<td style="width:100px; padding:10px; vertical-align:top;">
<div style="background-color:#fff; padding:5px; border: 1px solid #a2cec6; width:77px;">
<img src="77x77icon">
</div>
<div style="width:100px; font-size:11px; font-family:arial; color: #7a8382; line-height:100%; margin-top:10px; text-align:justify;">
<span style="color:#fff; font-size:16px;">name</span><div style="height:8px;"></div>short bio here!
</div>
<div style="height:13px;"></div>
<div style="width:80px; height:15px; padding:5px; background-color:#9c83d6; border: 1px solid #6e599f; text-align:center; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#fff; font-size:12px;">Friend      +
</div>
</td>
<td>
<div style="margin-bottom:5px;"><img src="http://i37.tinypic.com/2r1zvxw.png"></div>
<div style="width: 305px; height: 300px; text-align:justify; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; padding: 5px; background-color:#fff; border: 1px solid #a2cec6;"> <center>
<div style="background-color:#fff; height:290px; overflow:auto;"><center>


<table style="height:50px; vertical-align:center;">


<tr>
<td>
<div style="margin-right:10px; color: #acacac; font-face:arial; text-align:center; vertical-align:center; line-height:120%;"><center><font style="font-size:40px;"><br>## or 44x44 image</font><br><br>
<font style="font-size:9px; font-weight:lighter;">[color=535353]MON.[/color] YEAR</font></center>
</div>
</td>
<td>
<div style="width:220px; vertical-align:top; font-size:13px; height:50px; padding-top:5px;  text-align:justify; margin-bottom:5px;"><font style="vertical-align:text-top;">[ [color=e65802]username[/color] ] say stuff here, but i wouldn't type too much; isn't there like, a 180 char. limit? [color=888888]<font style="font-size:11px;">##:##</font>[/color]</div>
</td>
</tr>
<tr>
<td style="text-align:right;" colspan="2">
<font style="background-color:#fff; border: 1px solid #bebebe; padding:3px; vertical-align:text-top; color: #7b5fd4;">Me Too</font>    <font style="color: #7b5fd4;">###</font>    <font style="color: #888888;">Comments ####</font><br><br>
</td>
</tr>


<tr>
<td>
<div style="margin-right:10px; color: #acacac; font-face:arial; text-align:center; vertical-align:center; line-height:120%;"><center><font style="font-size:40px;"><br>## or 44x44 image</font><br><br>
<font style="font-size:9px; font-weight:lighter;">[color=535353]MON.[/color] YEAR</font></center>
</div>
</td>
<td>
<div style="width:220px; vertical-align:top; font-size:13px; height:50px; padding-top:5px;  text-align:justify; margin-bottom:5px;"><font style="vertical-align:text-top;">[ [color=e65802]username[/color] ] say stuff here, but i wouldn't type too much; isn't there like, a 180 char. limit? [color=888888]<font style="font-size:11px;">##:##</font>[/color]</div>
</td>
</tr>
<tr>
<td style="text-align:right;" colspan="2">
<font style="background-color:#fff; border: 1px solid #bebebe; padding:3px; vertical-align:text-top; color: #7b5fd4;">Me Too</font>    <font style="color: #7b5fd4;">###</font>    <font style="color: #888888;">Comments ####</font><br><br>
</td>
</tr>


<tr>
<td>
<div style="margin-right:10px; color: #acacac; font-face:arial; text-align:center; vertical-align:center; line-height:120%;"><center><font style="font-size:40px;"><br>## or 44x44 image</font><br><br>
<font style="font-size:9px; font-weight:lighter;">[color=535353]MON.[/color] YEAR</font></center>
</div>
</td>
<td>
<div style="width:220px; vertical-align:top; font-size:13px; height:50px; padding-top:5px;  text-align:justify; margin-bottom:5px;"><font style="vertical-align:text-top;">[ [color=e65802]username[/color] ] say stuff here, but i wouldn't type too much; isn't there like, a 180 char. limit? [color=888888]<font style="font-size:11px;">##:##</font>[/color]</div>
</td>
</tr>
<tr>
<td style="text-align:right;" colspan="2">
<font style="background-color:#fff; border: 1px solid #bebebe; padding:3px; vertical-align:text-top; color: #7b5fd4;">Me Too</font>    <font style="color: #7b5fd4;">###</font>    <font style="color: #888888;">Comments ####</font><br><br>
</td>
</tr>


</table>
<br>
</center>
</div>
</center>
</div>
</td>
</tr>
</table>
</div>

Et voici à quoi il ressemble sur le forum:

Spoiler:

Merci à ceux qui voudront bien m'aider Smile


Dernière édition par CryingToYourHeart le Lun 30 Juil 2012 - 20:09, édité 2 fois

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par TCHIKI95 le Ven 29 Juin 2012 - 19:15

"Do htm"l je pense pas que sa soit possible sinon donne un détail de se que tu veut faire par image et peut être que quelqu'un pourra mieux t'aidez

TCHIKI95
****

Masculin
Messages : 473
Inscrit(e) le : 18/10/2009

TCHIKI95 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Ven 29 Juin 2012 - 19:18

J'aimerais savoir quelles sont les propriétés de cette balise pour essayer de transformer le code concerné

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Dim 1 Juil 2012 - 15:43

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Lun 2 Juil 2012 - 16:32

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Mar 3 Juil 2012 - 16:36

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par Pinguino le Mar 3 Juil 2012 - 16:50

@CryingToYourHeart a écrit:J'aimerais savoir quelles sont les propriétés de cette balise pour essayer de transformer le code concerné

Bonjour,

"doHTML" n'est pas une balise mais un "tag" une recherche Google vous apportera plus d'infos.


De mémoire aux alentours des années 2006 on utilisaient ce tag pour permettre à des utilstateurs de poster en HTML sur les forums mais ça date ! Smile
Il vous faut adapter votre code en remplaçant ces balises par des balises BBCode ou HTML.


Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Mar 3 Juil 2012 - 16:57

Bonjour,

D'accord merci de votre réponse, j'avais déjà cherché sur google mais je n'ai trouvé des informations en anglais, donc je n'ai pas vraiment tout compris.
Sur forumactif je ne vois pas vraiment adapter ce tag avec du BBCode, car j'ai essayé de changé par d'autres tags sur mon forum mais je n'obtiens jamais le résultat de base.
Pourriez-vous m'aider à coder l'un de ces codes de façon à ce qu'il s'adapte à forumactif ?

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par Pinguino le Mar 3 Juil 2012 - 17:01

Re,

écoutez poster le code ici et éditer le titre de votre sujet, ce n'est pas ma spécialité mais certains membres pourront vous aider.

Cordialement,
Smile

Pinguino
Adminactif
Adminactif

Masculin
Messages : 10229
Inscrit(e) le : 02/05/2004

http://www.forumactif.com
Pinguino a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Mar 3 Juil 2012 - 17:07

D'accord, je vous remercie de votre aide Smile

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Mer 4 Juil 2012 - 17:14

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par Scoubifitz le Mer 4 Juil 2012 - 22:56

bonsoir,

comme je n'ai pas trop compris ce que vous voulez exactement , je vous met le code pour qu'il ressemble à l'image que vous avez posté , en fonction du code fourni :

Code:

<div style="background-color: #b0dfd7; border-top: 10px solid #97d0c6; width:450px;">
<table>
<tr>
<td style="width:100px; padding:10px; vertical-align:top;">
<div style="background-color:#fff; padding:5px; border: 1px solid #a2cec6; width:77px;">
<img src="http://img10.hostingpics.net/pics/823650delena_II_vierge.gif" style="width:77px;">
</div>
<div style="width:100px; font-size:11px; font-family:arial; color: #7a8382; line-height:100%; margin-top:10px; text-align:justify;">
<span style="color:#fff; font-size:16px;">name</span><div style="height:8px;"></div>short bio here!
</div>
<div style="height:13px;"></div>
<div style="width:80px; height:15px; padding:5px; background-color:#9c83d6; border: 1px solid #6e599f; text-align:center; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#fff; font-size:12px;">Friend      +</div>
</td>
<td>
<div style="margin-bottom:5px;"><img src="http://i37.tinypic.com/2r1zvxw.png"></div>
<div style="width: 305px; height: 300px; text-align:justify; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; padding: 5px; background-color:#fff; border: 1px solid #a2cec6;">
<div style="background-color:#fff; height:290px; overflow:auto;">
 
<table style="height:50px; vertical-align:center;">
<tr>
<td>
<div style="margin:10px 10px 0px 0; color: #acacac; font-face:arial; text-align:center; vertical-align:center; line-height:30px;"><font style="font-size:40px;">04</font><br />
<font style="font-size:9px;font-weight:lighter;"><span style="color:#535353;">JUL.</span>2012</font></div>
</td>
<td>
<div style="width:220px; vertical-align:top; font-size:13px; height:50px;text-align:justify; margin:0 0 5px 0;">[ <span style="color:#e65802;">username</span> ] say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? <span style="font-size:11px;color:#888888;">22:23</span></div>
</td>
</tr>
<tr>
<td style="text-align:right;font-size:13px;height:30px;vertical-align:top;" colspan="2">
<font style="border:1px solid #bebebe; padding:3px;color: #7b5fd4;">Me Too</font> <font style="color: #7b5fd4;">001</font> <font style="color: #888888;">Comments 1234</font>
</td>
</tr>

<tr>
<td>
  <div style="margin:10px 10px 0px 0; color: #acacac; font-face:arial; text-align:center; vertical-align:center; line-height:30px;"><font style="font-size:40px;">04</font><br />
<font style="font-size:9px;font-weight:lighter;"><span style="color:#535353;">JUL.</span>2012</font></div>
</td>
<td>
  <div style="width:220px; vertical-align:top; font-size:13px; height:50px;text-align:justify; margin:0 0 5px 0;">[ <span style="color:#e65802;">username</span> ] say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? <span style="font-size:11px;color:#888888;">22:23</span></div>
</td>
</tr>
<tr>
  <td style="text-align:right;font-size:13px;height:30px;vertical-align:top;" colspan="2">
<font style="border:1px solid #bebebe; padding:3px;color: #7b5fd4;">Me Too</font> <font style="color: #7b5fd4;">001</font> <font style="color: #888888;">Comments 1234</font>
</td>
</tr>

<tr>
<td>
  <div style="margin:10px 10px 0px 0; color: #acacac; font-face:arial; text-align:center; vertical-align:center; line-height:30px;"><font style="font-size:40px;">04</font><br />
<font style="font-size:9px;font-weight:lighter;"><span style="color:#535353;">JUL.</span>2012</font></div>
</td>
<td>
  <div style="width:220px; vertical-align:top; font-size:13px; height:50px;text-align:justify; margin:0 0 5px 0;">[ <span style="color:#e65802;">username</span> ] say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? <span style="font-size:11px;color:#888888;">22:23</span></div>
</td>
</tr>
<tr>
  <td style="text-align:right;font-size:13px;height:30px;vertical-align:top;" colspan="2">
<font style="border:1px solid #bebebe; padding:3px;color: #7b5fd4;">Me Too</font> <font style="color: #7b5fd4;">001</font> <font style="color: #888888;">Comments 1234</font>
</td>
</tr>

</table>
</div>
</div>
</td>
</tr>
</table>
</div>

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Jeu 5 Juil 2012 - 0:54

Bonjour,

Merci beaucoup ça marche très bien, pourriez-vous m'expliquer comment vous avez fait pour adapter le code pour que je puisse le faire avec d'autres ?

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Ven 6 Juil 2012 - 11:56

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par Scoubifitz le Ven 6 Juil 2012 - 17:01

bonjour,

Comme je ne sais pas à quelle utilisation vous destinez ces codes , il va être difficile de vous aider ...

le code , que vous avez fourni au départ , est un tableau de 2 cellules mis en forme par du CSS , rien de bien compliqué puisque vous avez le CSS ...

maintenant , ce qui serait intéressant , c'est de savoir où vous voulez placer ce code ...

dans un message ? dans un template ? dans le cadre de la page d'accueil ?

si vous rencontrez des difficultés avec le codage , il serait utile de fournir le lien vers les codes du forum ...

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Ven 6 Juil 2012 - 18:33

Bonjour,

Et bien je compte l'utiliser dans un post, où chaque membre postera ce code dans un sujet, nous comptons faire une sorte de formspring sur notre forum, et ce code était interessant.

D'accord, mais il faut être inscrit pour voir les code puisqu'ils sont sur un forum étranger :s, donc il sera compliqué de les voir

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Sam 7 Juil 2012 - 18:53

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: adapter un code dohtml à forumactif

Message par Scoubifitz le Dim 8 Juil 2012 - 5:32

pour le mettre dans un message , le mieux est d'isoler le CSS et de mettre le codage en BBcode , pour ne pas subir le retour à la ligne de l'HTML ...

Code:
<style> .cadre_global{background-color: #b0dfd7; border-top: 10px solid #97d0c6; width:450px;padding:5px;margin:auto;} .cadre_gauche{width:100px; padding:10px; vertical-align:top;} .cadre_avatar img{background-color:#fff; padding:5px; border: 1px solid #a2cec6; width:77px;} .cadre_bio{font-size:11px; font-family:arial; color: #7a8382; padding:10px 0; text-align:justify;} .cadre_bio strong{color:#fff; font-size:16px;font-weight:normal;} .cadre_friend{width:80px; height:15px; padding:5px; background-color:#9c83d6; border: 1px solid #6e599f; text-align:center; border-radius:4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color:#fff; font-size:12px;} .cadre_droite img{margin-bottom:5px;} .cadre_message{text-align:justify; border-radius: 8px 8px 0px 0px; -moz-border-radius: 8px 8px 0px 0px; -webkit-border-radius: 8px 8px 0px 0px; padding: 5px; background-color:#fff; border: 1px solid #a2cec6;} .cadre_date{margin:10px 10px 0 0; color: #acacac; font-face:arial; text-align:center; vertical-align:center;font-size:40px;} .cadre_blabla{vertical-align:top; font-size:11px;text-align:justify; margin:5px;} .cadre_compteur{text-align:right;font-size:11px;height:30px;} .cadre_compteur strong{border:1px solid #bebebe; padding:3px;} </style>
[table class="cadre_global"][tr]
[td class="cadre_gauche"]
[table]
[tr]
[td class="cadre_avatar"][img]http://img10.hostingpics.net/pics/823650delena_II_vierge.gif[/img][/td]
[/tr][tr]
[td class="cadre_bio"]
[b]name[/b]

short bio here!
[/td]
[/tr][tr]
[td class="cadre_friend"]Friend      +[/td]
[/tr]
[/table]
[/td]
[td class="cadre_droite"][img]http://i37.tinypic.com/2r1zvxw.png[/img]
[table class="cadre_message"]
[tr]
[td class="cadre_date"]04
[size=9]
[color=#535353]JUL.[/color]2012[/size]
[/td]
[td class="cadre_blabla"]{ [color=#E65802]username[/color] } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? [size=11][color=#888888]22:23[/color][/size]
[/td]
[/tr][tr]
[td class="cadre_compteur" colspan="2"][color=#7b5fd4][b]Me Too[/b] 001[/color] [color=#888888]Comments 1234[/color]
[/td]
[/tr][tr]
[td class="cadre_date"]04
[size=9]
[color=#535353]JUL.[/color]2012[/size]
[/td]
[td class="cadre_blabla"]{ [color=#E65802]username[/color] } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? [size=11][color=#888888]22:23[/color][/size]
[/td]
[/tr][tr]
[td class="cadre_compteur" colspan="2"][color=#7b5fd4][b]Me Too[/b] 001[/color] [color=#888888]Comments 1234[/color]
[/td]
[/tr][tr]
[td class="cadre_date"]04
[size=9]
[color=#535353]JUL.[/color]2012[/size]
[/td]
[td class="cadre_blabla"]{ [color=#E65802]username[/color] } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? [size=11][color=#888888]22:23[/color][/size]
[/td]
[/tr][tr]
[td class="cadre_compteur" colspan="2"][color=#7b5fd4][b]Me Too[/b] 001[/color] [color=#888888]Comments 1234[/color]
[/td]
[/tr][tr]
[td class="cadre_date"]04
[size=9]
[color=#535353]JUL.[/color]2012[/size]
[/td]
[td class="cadre_blabla"]{ [color=#E65802]username[/color] } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? [size=11][color=#888888]22:23[/color][/size]
[/td]
[/tr][tr]
[td class="cadre_compteur" colspan="2"][color=#7b5fd4][b]Me Too[/b] 001[/color] [color=#888888]Comments 1234[/color]
[/td]
[/tr]
[/table]
[/td]
[/tr]
[/table]

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Dim 8 Juil 2012 - 11:50

Oh merci c'est magnifique Very Happy
Pourriez-vous m'aider pour que je puisse le faire seule sur un prochain code ?


Dernière édition par CryingToYourHeart le Lun 9 Juil 2012 - 20:33, édité 1 fois

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Lun 9 Juil 2012 - 11:21

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: adapter un code dohtml à forumactif

Message par Scoubifitz le Lun 9 Juil 2012 - 23:38

Interrog ben , je vois pas trop comment aider ...

en premier , j'ai regardé la structure - un tableau avec deux cellules :



name

short bio here!
Friend +

04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234
04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234
04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234
04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234

puis j'ai rassemblé le contenu et les div de chaque cellule pour refaire un tableau dans chaque cellule :



name

short bio here!
Friend +

04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234
04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234
04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234
04

JUL.2012

{ username } say stuff here, but i wouldn't type too much; isn't there like , a 180 char. limit? 22:23
Me Too 001 Comments 1234

en donnant un nom à chaque table ou cellule , le reste se fait par CSS pour le placement , la colorisation et le style ...

reste plus qu'à transformer les "<>" en "[]" et vérifier les éventuelles incohérences de BBcode ...


Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Mar 10 Juil 2012 - 10:18

D'accord merci beaucoup Smile

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Ven 13 Juil 2012 - 22:36

J'ai tenté votre méthode mais il y a 4 codes que j'ai du mal à adapter au forum, pourriez-vous m'aider ?

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par Scoubifitz le Ven 13 Juil 2012 - 23:59

Bonsoir,

on peut voir les 4 codages ?

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Sam 14 Juil 2012 - 12:26

Bonjour,

Oui bien sur les voilà:

Premier code:

Code:
[align=center]
[dohtml]<table width="570px"><tr>

<td style="align: right; width: 570px; height: 40px;" valign="bottom"><div style="background-color: #1a1a1a; padding: 5px; text-transform: uppercase;">[IMG]http://i43.tinypic.com/2yl8dxv.jpg[/IMG] <form>
<input type="text" name="firstname" value="search"  style="width:120px; font-family:arial; font-size:8px; text-transform:uppercase;"/>
</form> [IMG]http://i39.tinypic.com/wa29aw.jpg[/IMG] [IMG]http://i44.tinypic.com/2ryoy20.jpg[/IMG] [IMG]http://i43.tinypic.com/2ahfif8.jpg[/IMG] [IMG]http://i44.tinypic.com/o0pc20.jpg[/IMG]  </div></td></tr></table>


<table style="border: 0px dotted #eeeeee;" cellspacing="0">

<tr><td style="width: 150px; background-color: #f8f8f8; padding: 15px; border-right: 0px solid #cccccc;" rowspan="2" valign="top">
[IMG]http://i54.tinypic.com/2n198y9.jpg[/IMG]
</td>

<td style="width: 365px; background-color: #f8f8f8; padding: 10px;">
<span style='font-family:arial'>[SIZE=14][b]Name (not username)[/b][/SIZE]
<br>[color=yourcolor][SIZE=5][b]@username[/b][/SIZE][/color] [SIZE=1]Location[/SIZE]
<br>[font=georgia][i][SIZE=2]something about the character [/SIZE][/i][/font]
<br>[URL=http://URLHERE][font=arial][color=yourcolor][SIZE=1]http://website.com[/SIZE][/color][/font][/URL]
<br><br>
[SIZE=7][font=arial][b]What's happening?[/b][/SIZE][/font]
<input type="text" name="firstname" value="" style="width:320px; height:50px; font-family:arial; font-size:12px;"/>
</form>
<br>[IMG]http://i42.tinypic.com/25r1pxd.jpg[/IMG]
</td>

</tr>


</table>


<table style="border: 0px dotted #f8f8f8;" cellspacing="0">

<tr><td style="width: 345px; background-color: #f8f8f8; padding: 15px; border-right: 0px solid #f8f8f8;" rowspan="4" valign="top">

<table><tr>
<td style="padding-right: 12px">
[font=arial][SIZE=4][b][color=4b4b4b]Timeline[/SIZE][/b][/color][/font] <td style="padding-right: 10px">[font=arial][SIZE=2][color=yourcolor]Favorites[/SIZE][/color][/font] <td style="padding-right: 10px"> [font=arial][SIZE=2][color=yourcolor]Following [/SIZE][/color][/font]<td style="padding-right: 10px">[font=arial][SIZE=2][color=yourcolor]Followers[/SIZE][/color][/font] <td style="padding-right: 10px">[font=arial][SIZE=2][color=yourcolor] Lists [/SIZE][/color][/font]
</td> </tr></table>
<br><br>
[font=Arial][SIZE=2]"NORMAL" TWEET[/SIZE][/font]<br>


<div style="overflow: auto; height: 100px; width: 345px;"><div style="width: 230px;">
[CODE*][align=center] [dohtml] <table style="border: 1px solid #cecece; padding:1px;" cellpadding=10px cellspacing="0" width="450px"> <tr cellspacing="0" style="background-color: #ffffff;"><td cellspacing=0 width="75px" align=left> <img src="100x100 icon"></td> <td width="375px"><font face="arial" size="3" color="#yourcolor"><b>MYUSERNAME</b></font> <font face="arial" size="0" color="#cecece">my name </font>
<br> <div style="font-family: arial; font-size: 14; line-height: 100%;">bla bla bla</font><br> <font face="arial" size="0">5 minutes ago [IMG]http://i40.tinypic.com/205sc9k.jpg[/IMG] [color=yourcolor]Favorite [/color][IMG]http://i39.tinypic.com/1zocahc.jpg[/IMG] [color=yourcolor]Retweet [/color][IMG]http://i39.tinypic.com/ndm0s7.jpg[/IMG] [color=yourcolor]Reply[/color]</font></div></td></tr> </table> [/dohtml] [/align][/CODE*]
</div></div>

<BR><BR>[font=Arial][SIZE=2]RETWEET[/SIZE][/font]<br>

<div style="overflow: auto; height: 100px; width: 345px;"><div style="width: 230px;">
[CODE*][align=center] [dohtml] <table style="border: 1px solid #cecece; padding:1px;" cellpadding=10px cellspacing="0" width="450px"> <tr cellspacing="0" style="background-color: #ffffff; background-image: url(http://i43.tinypic.com/1t3t5g.jpg); background-repeat: no-repeat;"><td cellspacing=0 width="75px" align=left>  <img src="100x100 icon of the person you're retweeting"></td> <td width="375px"><font face="arial" size="3" color="#yourcolor"><b>USERNAME</b></font> <font face="arial" size="0" color="#cecece">their name</font> [IMG]http://i42.tinypic.com/htwo69.jpg[/IMG] <font face="arial" size="0" color="#cecece">by myusername</font>
<br> <div style="font-family: arial; font-size: 14; line-height: 100%;">bla bla bla</font><br> <font face="arial" size="0">5 minutes ago [IMG]http://i40.tinypic.com/205sc9k.jpg[/IMG] [color=yourcolor]Favorite [/color][IMG]http://i39.tinypic.com/1zocahc.jpg[/IMG] [color=yourcolor]Retweet [/color][IMG]http://i39.tinypic.com/ndm0s7.jpg[/IMG]  [color=yourcolor]Reply[/color]</font></div></td></tr> </table> [/dohtml] [/align][/CODE*]
</div></div>

<BR><BR>[font=Arial][SIZE=2]YOU @ SOMEONE[/SIZE][/font]<br>

<div style="overflow: auto; height: 100px; width: 345px;"><div style="width: 230px;">
[CODE*][align=center] [dohtml] <table style="border: 1px solid #cecece; padding:1px;" cellpadding=10px cellspacing="0" width="450px"> <tr cellspacing="0" style="background-color: #ffffff;"><td cellspacing=0 width="75px" align=left>  <img src="100x100 icon"></td> <td width="315px"><font face="arial" size="3" color="#yourcolor"><b>MYUSERNAME</b></font> <font face="arial" size="0" color="#cecece">my name </font>
<br> <div style="font-family: arial; font-size: 14; line-height: 100%;"> [color=yourcolor]@username[/color] bla bla bla</font><br> <font face="arial" size="0">5 minutes ago [IMG]http://i40.tinypic.com/205sc9k.jpg[/IMG] [color=yourcolor]Favorite [/color][IMG]http://i39.tinypic.com/1zocahc.jpg[/IMG] [color=yourcolor]Retweet [/color][IMG]http://i39.tinypic.com/ndm0s7.jpg[/IMG]  [color=yourcolor]Reply[/color]</font> </div></td></tr> </table> [/dohtml] [/align][/CODE*]
</div></div>

<BR><BR>[font=Arial][SIZE=2]SOMEONE @ YOU[/SIZE][/font]<br>

<div style="overflow: auto; height: 100px; width: 345px;"><div style="width: 230px;">
[CODE*][align=center] [dohtml] <table style="border: 1px solid #cecece; padding:1px;" cellpadding=10px cellspacing="0" width="450px"> <tr cellspacing="0" style="background-color: #ffffff;"><td cellspacing=0 width="75px" align=left>  <img src="100x100 icon"></td> <td width="315px"><font face="arial" size="3" color="#yourcolor"><b>USERNAME</b></font> <font face="arial" size="0" color="#cecece">name (as said in twitter profile) </font>
<br> <div style="font-family: arial; font-size: 14; line-height: 100%;">[color=yourcolor]@myusername[/color] bla bla bla</font><br> <font face="arial" size="0">5 minutes ago [IMG]http://i40.tinypic.com/205sc9k.jpg[/IMG] [color=yourcolor]Favorite [/color][IMG]http://i39.tinypic.com/1zocahc.jpg[/IMG] [color=yourcolor]Retweet [/color][IMG]http://i39.tinypic.com/ndm0s7.jpg[/IMG]  [color=yourcolor]Reply[/color]</font></div></td></tr> </table> [/dohtml] [/align][/CODE*]
</div></div>
<br><br>
[SIZE=-1]This twitter template was made by HEYKIMMERS @ [URL=http://z10.invisionfree.com/CAUTIONTOTHEWIND/index.php?showuser=1026]CAUTION 2.0[/URL] & [URL=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=1519]ATF v2.0[/URL] . Steal and die![/SIZE]
</td>

<td style="width: 170px; background-color: #f8f8f8; padding: 10px; border-left: 1px solid #cbcbcb" valign="top"><br>
[IMG]http://i56.tinypic.com/zwn5l0.jpg[/IMG] [font=arial][SIZE=5]<br>About @username[/SIZE][/font]<br><br>


<table><tr><td>[font=arial][SIZE=4][color=yourcolor][b]0[/b][/SIZE][/color][/font]</td> <td>[font=arial][SIZE=4][color=yourcolor][b]0[/b][/SIZE][/color][/font]</td> <td>[font=arial][SIZE=4][color=yourcolor][b]0[/b][/SIZE][/color][/font]</td></tr>
<td style="padding-right: 8px">[color=3f4745][SIZE=1][font=Arial]following[/SIZE][/color][/font]</td> <td style="padding-right: 8px">[color=3f4745][SIZE=1][font=Arial]followers[/SIZE][/color][/font]</td> <td style="padding-right: 8px">[color=3f4745][SIZE=1][font=Arial]tweets[/SIZE][/color][/font]</td> </tr></table>
<br>

[SIZE=4][b][font=Arial]Tweets[/SIZE][/b][/font] [color=f8f8f8]__________[/color] [color=yourcolor][SIZE=4][b][font=Arial]0[/SIZE][/b][/color][/font]
<br><br>
<hr color="d3d3d3">
<br><br>
[font=arial][SIZE=5]Following[/SIZE][/font] [font=arial][SIZE=2][color=yourcolor][b]0[/b][/SIZE][/color][/font]<br>
[IMG]http://i53.tinypic.com/33emt8z.jpg[/IMG]
<br><br>
[font=arial][SIZE=5]Followers[/SIZE][/font] [font=arial][SIZE=2][color=yourcolor][b]0[/b][/SIZE][/color][/font]<br>
[IMG]http://i55.tinypic.com/35mqk9s.jpg[/IMG]
<br><br><br>
<hr color="d3d3d3">
<br>[font=arial][SIZE=5]Similar to you[/SIZE][/font]<br><br>
<img src="http://i53.tinypic.com/2vukjh3.jpg" align="left" />
[URL=http://LINKTOTWITTERPROFILE][font=arial][SIZE=3][b][color=yourcolor]@username[/SIZE][/b][/color][/font][/URL]<br />
[font=arial][SIZE=2]name (not username)[/SIZE][/font]<br /> <br><br>
<img src="http://i53.tinypic.com/2vukjh3.jpg" align="left" />
[URL=http://LINKTOTWITTERPROFILE][font=arial][SIZE=3][b][color=yourcolor]@username[/SIZE][/b][/color][/font][/URL]<br />
[font=arial][SIZE=2]name (not username)[/SIZE][/font]<br /><br><br>
<img src="http://i53.tinypic.com/2vukjh3.jpg" align="left" />
[URL=http://LINKTOTWITTERPROFILE][font=arial][SIZE=3][b][color=yourcolor]@username[/SIZE][/b][/color][/font][/URL]<br />
[font=arial][SIZE=2]name (not username)[/SIZE][/font]<br />
<br><br>
<hr color="d3d3d3">
<br><br><br>
<div style='width:169px; font-family:georgia; letter-spacing:1px; text-align:justify;'><center>[font=arial][SIZE=1][color=yourcolor] About[/SIZE] • [color=yourcolor]Help[/color] • [color=yourcolor]Blog[/color] • [color=yourcolor]Status[/color] • [color=yourcolor]Jobs[/color] • [color=yourcolor]Terms[/color] • [color=yourcolor]Privacy[/color] • [color=yourcolor]Shortcuts[/color] • [color=yourcolor]Businesses[/color] • [color=yourcolor]Media[/color] • [color=yourcolor]Developers[/color] • [color=yourcolor]Widgets[/color] • 2011 Twitter [/color][/font]
</center></div>

</td></tr>
</td>
</tr>
</table>[/dohtml][/align]

Second code:

Code:
[ dohtml]<style type="text/css">
.codeboxie { width: 360px; background-color: #FFF; border: 1px solid #EEE; font-family: Tahoma; font-size: 9px; color: #999; }
</style><div style="background-color: #FFF;"><center><table style="width: 550px; cellspacing: 5px; cellpadding: 5px; background-color: #FFF;"><tr><td colspan="2" style="vertical-align: top;"><img src="http://i53.tinypic.com/11hxrt5.jpg" /></td></tr><tr><td style="vertical-align: top; width: 130px; border-right: 1px solid #B3B3B3; padding-right: -3px; padding-top: 10px;">



<img src="125x175px image">



<br /><div style="padding-top: 5px; background-image: url(http://i56.tinypic.com/nyiw3p.jpg); background-repeat: no-repeat; width: 130px; height: 80px; font-family: Tahoma; font-size: 9px; line-height: 15px; color: #333333; border-bottom: 1px solid #EEEEEE;"><div style="padding-left: 20px;"><b>Wall</b><br /> Info<br />

Photos (6)

<br /> Notes<br /> Friends</div></div><div style="font-family: Tahoma; font-size: 9px; padding-top: 10px; padding-bottom: 40px; text-align: left; color: #808080; border-bottom: 1px solid #EEEEEE;"><b>

Married To/In a Relationship With</b><p />

<img src="50x50 IMAGE" width="50" height="50" align="left"><div style="color: #3B5998; font-size: 8.5px; font-weight: bold; padding-top: 10px;">

Name Here



</div></div><!-- START FRIENDS SECTION --><div style="padding-top: 10px; color: #3B5998; font-size: 8.5px; font-weight: bold; font-family: Tahoma; border-bottom: 1px solid #EEEEEE;">

Friends (1)<p /><p />

<!-- START FRIEND ENTRY -->
<div style="height: 50px;"><img src="50x50 IMAGE" width="50" height="50" align="left"><div style="padding-top: 5px;">

Name Here

</div></div><p /></div>
<!-- END FRIEND ENTRY -->



<div style="padding-top: 5px; color: #3B5998; font-family: Tahoma; font-size: 9px;">Add a badge to your site<br />
Template by <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=1985">onegai KAREN !!</a> of <a href="http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?">ATF</a></div></td><td style="vertical-align: top; padding-left: 10px; border-bottom: 1px solid #B3B3B3; border-right: 1px solid #B3B3B3;"><div style="padding-top: 15px; font-size: 20px; color: #1C2A47; font-weight: bold; font-family: Tahoma;">

Character Name

</div><div style="padding-top: 10px; font-family: Tahoma; font-size: 9px; color: #333333; width: 340px;"><img src="http://i52.tinypic.com/2crr2w3.jpg">

Position at <font color="3B5998">

Place</font> <img src="http://i51.tinypic.com/241sa3t.jpg"> Born on

Day Month Year <img src="http://i51.tinypic.com/ehbwj5.jpg"> Lives in <font color="3B5998">Morningside, Colorado</font> <img src="http://i51.tinypic.com/oqbtb4.jpg"> Studied

Degree at <font color="3B5998">School</font> <img src="http://i54.tinypic.com/el4cy1.jpg">From <font color="3B5998">

Place of Origin</font> <img src="http://i56.tinypic.com/n4d0m8.jpg"> Knows

Languages Known <img src="http://i56.tinypic.com/akzd69.jpg">

Married to/In a relationship with <font color="3B5998">

Name of Significant Other</font></div><div style="padding-top: 10px; padding-bottom: 5px; border-bottom: 1px solid #EEEEEE; width: 360px;">

<img src="67x47 image" width="67" height="47">
<img src="67x47 image" width="67" height="47">
<img src="67x47 image" width="67" height="47">
<img src="67x47 image" width="67" height="47">
<img src="67x47 image" width="67" height="47">
</div><div style="padding-top: 10px; width: 350px;"><center><img src="http://i51.tinypic.com/dnzy88.jpg"></center></div><div style="height: 300px; overflow: auto; position: relative; padding: 5px;">




<!-- START POST -->
<table width="340" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 1px solid #EEEEEE; padding-bottom: 5px;" bgcolor="#FFFFFF"><tr><td style="vertical-align: top;"><img src="http://i55.tinypic.com/zl7tdx.jpg" width="50" height="50" /></td><td style="width: 303px; padding-left: 3px; vertical-align: top;"><div style="font-size:10px; color:#1C2A47; font-family: Tahoma; font-weight: bold; padding-bottom: 5px;">

Character Name

</div><div style="font-size: 9px; color:#000; font-family: Tahoma; padding-bottom: 5px;">

Message here.

</div><div style="font-size: 9px; color:#999; font-family: Tahoma; padding-bottom: 3px;">

Date at Time • <span style="color:#3B5998">Like • Comment</span></div>


<!-- ADD COMMENTS HURR -->


</td></tr></table><p />
<!-- END POST -->



</div><div style="padding-bottom: 10px; border-bottom: 1px solid #EEEEEE; width: 365px;">
<div style="padding-top: 30px; color: #3B5998; padding-left: 20px; font-family: Tahoma; font-size: 9px;width: 360px;"><b>Post on

Name's Wall</b></div><div style="color: #999; font-family: Tahoma; font-size: 6px; padding-left: 25px; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;">Please be sure to post in [dohtml] brackets.</div>


<textarea class="codeboxie"><center><!-- START POST -->
<table width="340" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 1px solid #EEEEEE; padding-bottom: 5px;" bgcolor="#FFFFFF"><tr><td style="vertical-align: top;">

<img src="50x50 image" width="50" height="50" />

</td><td style="width: 303px; padding-left: 3px; vertical-align: top;"><div style="font-size:10px; color:#1C2A47; font-family: Tahoma; font-weight: bold; padding-bottom: 5px;">

Character Name

</div><div style="font-size: 9px; color:#000; font-family: Tahoma; padding-bottom: 5px;">

Message here.

</div><div style="font-size: 9px; color:#999; font-family: Tahoma; padding-bottom: 3px;">

Date at Time

• <span style="color:#3B5998">Like • Comment • See Friends</span></div></td></tr></table><p />
<!-- END POST --></center></textarea>




<div style="padding-top: 10px; color: #3B5998; padding-left: 20px; font-family: Tahoma; font-size: 9px;width: 360px;"><b>Post on

Name's Wall from your Phone</b></div><div style="color: #999; font-family: Tahoma; font-size: 6px; padding-left: 25px; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;">Please be sure to post in [dohtml] brackets.</div>


<textarea class="codeboxie"><center><!-- START POST -->
<table width="340" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 1px solid #EEEEEE; padding-bottom: 5px;" bgcolor="#FFFFFF"><tr><td style="vertical-align: top;">

<img src="50x50 image" width="50" height="50" />

</td><td style="width: 303px; padding-left: 3px; vertical-align: top;"><div style="font-size:10px; color:#1C2A47; font-family: Tahoma; font-weight: bold; padding-bottom: 5px;">

Character Name

</div><div style="font-size: 9px; color:#000; font-family: Tahoma; padding-bottom: 5px;">

Message here.

</div><div style="font-size: 9px; color:#999; font-family: Tahoma; padding-bottom: 3px;"> <img src="http://i53.tinypic.com/azcwav.jpg" align="absmiddle">

Date at Time

via Mobile • <span style="color:#3B5998">Like • Comment • See Friends</span></div></td></tr></table><p />
<!-- END POST --></center></textarea>




<div style="padding-top: 10px; color: #3B5998; padding-left: 20px; font-family: Tahoma; font-size: 9px;width: 360px;"><b>Leave a Comment</b></div><div style="color: #999; font-family: Tahoma; font-size: 6px; padding-left: 25px; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;">Please be sure to post in [dohtml] brackets.</div>


<textarea class="codeboxie"><center><!-- START COMMENT -->
<table width="278" bgcolor="#edeff4" style="border-bottom: 1px solid #FFF;"><tr><td width="25" bgcolor="#edeff4" style="vertical-align: top;">

<img src="25x25 image" width="25" height="25" />

</td><td width="255" style="font-size:10px; font-family: Tahoma; vertical-align: top;"><span style="color:#3B5998;"><b>

Character's name </b></span>

message here.


<div style="font-size: 9px; font-family: Tahoma; color:#808080;">

Day at time

• <span style="color:#3B5998;">Like</span></div></td></tr></table>
<!-- END COMMENT --></center></textarea>




<div style="padding-top: 10px; color: #3B5998; padding-left: 20px; font-family: Tahoma; font-size: 9px;width: 360px;"><b>Leave a Comment from your Phone</b></div><div style="color: #999; font-family: Tahoma; font-size: 6px; padding-left: 25px; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;">Please be sure to post in [dohtml] brackets.</div>


<textarea class="codeboxie"><center><!-- START COMMENT -->
<table width="278" bgcolor="#edeff4" style="border-bottom: 1px solid #FFF;"><tr><td width="25" bgcolor="#edeff4" style="vertical-align: top;">

<img src="25x25 image" width="25" height="25" />

</td><td width="255" style="font-size:10px; font-family: Tahoma; vertical-align: top;"><span style="color:#3B5998;"><b>

Character's name </b></span>

message here.

<div style="font-size: 9px; font-family: Tahoma; color:#808080;"><img src="http://i52.tinypic.com/2lswnte.jpg">

Day at time

• <span style="color:#3B5998;">Like</span></div></td></tr></table>
<!-- END COMMENT --></center></textarea>




<div style="padding-top: 10px; color: #3B5998; padding-left: 20px; font-family: Tahoma; font-size: 9px;width: 360px;"><b>Friend Request</b></div><div style="color: #999; font-family: Tahoma; font-size: 6px; padding-left: 25px; padding-bottom: 5px; text-transform: uppercase; letter-spacing: 1px;">Please be sure to post in [dohtml] brackets.</div>


<textarea class="codeboxie"><center><!-- START FRIEND -->
<table width="340" border="0" cellspacing="0" cellpadding="0" style="border-bottom: 1px solid #EEEEEE; padding-bottom: 20px;" bgcolor="#FFFFFF"><tr><td style="vertical-align: top;"><div style="font-family: Tahoma; font-size: 9px; color: #999; font-weight: bold;">Recent Activity</div><div style="padding-top: 10px; font-family: Tahoma; font-size: 9px; line-height: 20%;"><img src="http://i52.tinypic.com/1zxqo3c.jpg" align="left"><p />

My Name and <font color="#3B5998">Your Name</font> are now friends.</div><p /></td></tr></table>
<!-- END FRIEND --></center></textarea></td></tr>


<tr><td><div style="padding-top: 5px; font-family: Tahoma; font-size: 9px; color: #999; text-align: left; background-color: #FFF;">Facebook • 2011 • <font color="#3B5998">English (UK) </font></div></td><td><div style="padding-top: 5px; font-family: Tahoma; font-size: 9px; color: #3B5998; text-align: right; background-color: #FFF;">About • Advertising • Create a Page • Developers • Careers • Privacy • Terms • Help</td></tr></table></center></div>[/dohtml ]

Troisième code:

Code:
[DOHTML]<center><div style="width: 316px; background-color: FFF; padding-top: 2px; padding-bottom: 2px;"><table><tr><td>
<div style="padding: 1px;"><div style="width:280px; height:15px;background-color:#EFEFEF; font-family:OCR A Extended, verdana; text-align:center; font-size:9px; color:#B5A338; line-height:90%; letter-spacing:1px; text-transform:uppercase;text-shadow:#ffffff 1px 0px 0px; padding-top:7px; ">SCREEN NAME IS ONLINE AND TYPING . . .</div></div></td>
<td>
<div style="width: 23px; height:15px;background-color:#EFEFEF; font-family:OCR A Extended, verdana; text-align:center; font-size:9px; color:#B5A338; line-height:90%; letter-spacing:1px; text-transform:uppercase;text-shadow:#ffffff 1px 0px 0px; padding-top:7px; ">x</div></div></td>
</tr> </table>
<table><tr><td>
<div style="width:146px; height: 146px; border: 4px solid #EFEFEF; background-image: url(146x146 PIC UP IN HERE!!!!!!!!!! ); "></div></td>
<td><div style="width:146px; height: 146px; text-align: justify; overflow: auto; font-size: 9px; font-family: georgia; line-height: 95%; color: 000; padding: 2px;">you write your im stuff in here ok 8)))) you write your im stuff in here ok 8)))) you write your im stuff in here ok 8)))) you write your im stuff in here ok 8)))) you write your im stuff in here ok 8))))you write your im stuff in here ok 8)))) you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))</div></td>
</tr> </table>
<div style="padding: 1px;"></div>
</div><div style="font-family: arial narrow; font-size: 7px; font-style: italic; color: 000; letter-spacing: 1px;">MADE BY [URL=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8913]KAEDEN[/URL] @ ATF.</div>
</center>
[/DOHTML]

Quatrième code:

Code:
[dohtml]<center><table style= "width=500px; background-color:171819; -moz-border-radius: 0px 0px 75px 0px; border-top: 5px solid #67788c; border-left: 5px solid #67788c;"><tr><td style="width:200px;">

<img src=200x475 image></td>

<td style="width:300px;"><div style="width:300px; height: 415px; overflow: auto; color: d9d9d9; text-align: justify; line-height: 100%; letter-spacing: 0px;">

<div style="background-color:29292a; text-align: justify; padding: 5px; -moz-border-radius: 10px; font-family: calibri; font=size: 10px; line-height: 90%;">

<font face=arial narrow size=1 color=67788c><b>thread title</b> » <a href=threadlink>view here</a></font><br>

optional description of your thread. this is the first box, it's the lighter colored one.</div>

<br><br><div style="background-color:1e1f20; text-align: justify; padding: 5px; -moz-border-radius: 10px; font-family: calibri; font=size: 10px; line-height: 90%;">

<font face=arial narrow size=1 color=67788c><b>thread title</b> » <a href=threadlink>view here</a></font><br>

optional description of your thread. this is the first box, it's the darker colored one.</div>


<br><br><br><br></div><div style="height: 60px; font-family: georgia; font-size: 35px; color: 233347; letter-spacing: -2px; line-height: 20%;"> <i> first middle last</i><br><br><CENTER><span style="font-family: arial narrow; font-size: 8px; font-weight: lighter; color: D1D1D1; letter-spacing: 1px; text-transform: uppercase;">short lyrics / description goes here</span></CENTER></div></td></tr></table>
coded by <a href=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=2>katie</a> of <a href=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/>atf</a>
</center>[/dohtml]

et voilà les 4 codes, merci encore de m'aider

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par Scoubifitz le Sam 14 Juil 2012 - 22:41

voilà déjà le troisième code , le plus simple :

le CSS du code 3:
Code:
.cadreblanc{
   background-color:#ffffff;
   padding-top: 2px;
   padding-bottom: 2px;
   width: 330px;
   margin:auto;
}
.cadreblanchaut td{
   height:15px;
   background-color:#EFEFEF;
   font-family:OCR A Extended, verdana;
   text-align:center;
   font-size:9px; color:#B5A338;
   line-height:90%;
   letter-spacing:1px;
   text-transform:uppercase;
   text-shadow:#ffffff 1px 0px 0px;
   padding-top:7px;
}
.cadreblanchaut td+td{
   width: 23px;
}
.basgauche div{
   width:146px;
   height: 146px;
   margin:4px;
   border: 4px solid #EFEFEF;
   background-image: url(146x146 PIC UP IN HERE!!!!!!!!!! );
}
.basdroite div{
   width:146px;
   height: 146px;
   text-align: justify;
   overflow: auto;
   font-size: 9px;
   font-family: georgia;
   line-height: 95%;
   color:#000000;
   padding: 2px;
}
.basauteur{
   font-family: arial narrow;
   font-size: 7px;
   font-style: italic;
   color:#000000;
   letter-spacing: 1px;
   text-align:center;
}

le code 3:
Code:
[table class="cadreblanc"][tr class="cadreblanchaut"]
[td colspan="2"]SCREEN NAME IS ONLINE AND TYPING . . .[/td]
[td]x[/td]
[/tr][/table][table class="cadreblanc"][tr]
[td class="basgauche"]<div></div>[/td]
[td class="basdroite"]<div>you write your im stuff in here ok 8)))) you write your im stuff in here ok 8)))) you write your im stuff in here ok 8)))) you write your im stuff in here ok 8)))) you write your im stuff in here ok 8))))you write your im stuff in here ok 8)))) you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))you write your im stuff in here ok 8))))</div>[/td]
[/tr][tr]
[td class="basauteur" colspan="2"]MADE BY [url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=8913]KAEDEN[/url] @ ATF.[/td]
[/tr][/table]

j'ai laissé le "div" pour le scrolling ...

pour les codes 1 et 2 , ça doit ressembler à facebook et twitter ? dans un message ? Hein



édit :

le CSS du code 4 :
Code:
.katietable{
   width:500px;
   margin:auto;
   background-color:#171819;
   -moz-border-radius: 0px 0px 75px 0px;
   -webkit-border-radius: 0px 0px 75px 0px;
   border-radius: 0px 0px 75px 0px;
   border:5px solid #67788c;
   border-width: 5px 0 0 5px;
}
.katietable img{
   width:200px;
}
.katiedroite {
   width:300px;
   height: 300px;
   overflow: auto;
   text-align: justify;
}
.katiedroite table tr td{
   background-color:#29292a;
   color:#d9d9d9;
   text-align: justify;
   padding: 5px;
   border:20px solid #171819;
   border-width:10px 0;
   -moz-border-radius: 10px;
   -webkit-border-radius: 10px;
   border-radius: 10px;
   font-family: calibri;
   font-size: 10px;
   line-height: 90%;
}
.katiedroite table tr td strong,.katiedroite table tr td a{
   font-size: 14px;
   font-family: arial narrow;
   color:#67788c;
}
.katiesign{
   height: 30px;
   font-family: georgia;
   font-size: 35px;
   color:#233347;
   letter-spacing: -2px;
   line-height: 20%;
   padding-bottom:30px;
}
   .katiesign strong{
   font-family: arial narrow;
   font-size: 8px;
   font-weight: lighter;
   color:#D1D1D1;
   letter-spacing: 1px;
   text-transform: uppercase;
}
le code 4 :
Code:
[table class="katietable"][tr]
[td valign="top"][img]http://img10.hostingpics.net/pics/823650delena_II_vierge.gif[/img][/td]
[td]<div class="katiedroite">[table][tr]
[td valign="top"][b]CryingToYourHeart[/b] » [url=http://forum.forumactif.com/u136171]view here[/url]
optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.
[/td]
[/tr][tr]
[td valign="top"][b]CryingToYourHeart[/b] » [url=http://forum.forumactif.com/u136171]view here[/url]
optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.
[/td]
[/tr][tr]
[td valign="top"][b]CryingToYourHeart[/b] » [url=http://forum.forumactif.com/u136171]view here[/url]
optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.
[/td]
[/tr][tr]
[td valign="top"][b]CryingToYourHeart[/b] » [url=http://forum.forumactif.com/u136171]view here[/url]
optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.
[/td]
[/tr][tr]
[td valign="top"][b]CryingToYourHeart[/b] » [url=http://forum.forumactif.com/u136171]view here[/url]
optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.optional description of your thread. this is the first box, it's the lighter colored one.
[/td]
[/tr][/table]</div>[/td]
[/tr][tr]
[td][/td][td class="katiesign"] [i] first middle last[/i]

[center][b]short lyrics / description goes here[/b][/center]
[/td][/tr][/table][center]coded by [url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/index.php?showuser=2]katie[/url] of [url=http://z10.invisionfree.com/A_THOUSAND_FIREFLIES/]atf[/url][/center]

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Dim 15 Juil 2012 - 13:09

@Scoubifitz a écrit:
j'ai laissé le "div" pour le scrolling ...

pour les codes 1 et 2 , ça doit ressembler à facebook et twitter ? dans un message ? Hein

Merci beaucoup pour ces deux codes, ça marche parfaitement sur mon forum.

Pour le code 1 et 2, en effet ils doivent ressembler à twitter et facebook dans un message. C'est pour éviter d'être sur trop de réseau à la fois.

en tout cas merci beaucoup pour ces codes Very Happy

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par Scoubifitz le Lun 16 Juil 2012 - 19:11

Bonjour,

Il va falloir patienter un peu , je reprends le taf ce soir ...

amicalement,
Scoubifitz

Scoubifitz
+ Hyperactif +

Masculin
Messages : 3539
Inscrit(e) le : 18/03/2008

http://scoubidous.superforum.fr/
Scoubifitz a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Lun 16 Juil 2012 - 23:20

Bonjour,

D'accord aucuns soucis, je comprends tout à fait

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Résolu Re: adapter un code dohtml à forumactif

Message par CryingToYourHeart le Mer 18 Juil 2012 - 19:55

up

CryingToYourHeart
****

Féminin
Messages : 404
Inscrit(e) le : 18/01/2012

http://thewerewolfpack.forumgratuit.org/
CryingToYourHeart a été remercié(e) par l'auteur de ce sujet.

Page 1 sur 2 1, 2  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum