Création auto de tableaux

par Morideno Dim 8 Avr 2012 - 17:23

Rappel du premier message :

Bonjour

Je joue au jeu Spaceinvasion, jeu de stratégie en ligne bref, j'ai commencé à faire un forum pour ma coalition. Mais je suis face à un problème. Un des intérêts d'un forum sur ce jeu et de poster les rapport de combat qui dans le jeu sont visibles ainsi:

Spoiler:

Hors, la plupart des forum sur ce jeu sont hébergés par un concurrent. Je ne sais pas pourquoi mais lors d'un copier-coller du texte du rapport de combat, un concurrent créer automatiquement des tableaux et parfois même les centre. En revanche avec forumactif, c'est juste incompréhensible.

Forumactif:

Spoiler:

Le concurrent:

Spoiler:

Précision: Les 3 screens correspondent au même rapport, en clair j'ai copier-coller exactement la même chose sur Forumactif et sur le concurrent à partir du RC d'origine. Et j'ai centré, c'est absolument tout.

Le concurrent semble donc s'imposer sauf que pour ma part je suis absolument allergique à un concurrent Evil or Very Mad

.
Si quelqu'un connais le script qui gère cette génération automatique de tableaux et leur centralisation dans le message, car sur un autre forum (un concurrent toujours) les tableaux n'étaient pas à gauche mais bel et bien centrés comme le rapport d'origine. Le fond des tableux et le même que le fond de l'entête des catégories/forum, à ce que j'ai constaté. Je précise que je n'ai aucunes connaissances en JS et que vu mes restes de HTML et CSS... Partez du principe que je ne sais pas coder.

Donc voilà j'espère avoir été clair j'aimerai que le seul intérêt de ce concurrent vienne compléter ceux de forumactif pour pouvoir mettre le forum à disposition des miens. Si quelqu'un trouve comment faire il gagnera... Ma gratitude ^^.
:thanks:

par Morideno Mer 11 Avr 2012 - 22:47

Scoubifitz a écrit:bien ! ^^

dernière question : avez-vous Notepad++ ?

c'est juste pour une question de pratique ...

ok ! voilà déjà ce qu'il faut mettre dans la feuille de style CSS de votre forum :

Code:
/* begin page SpaceInvasion */ a.bau { font-family: Verdana,Arial,Helvetica,sans-serif; text-decoration:none; font-style: normal; font-weight: bold; color: #628ABD; } a.bau:hover { text-decoration:none; font-family: Verdana,Arial,Helvetica,sans-serif; font-style: normal; font-weight: bold; color: #E6EFFF; } .rahmen { border-left: 1px solid #1E3E5D; border-right: 1px solid #000000; border-top: 1px solid #1E3E5D; border-bottom: 1px solid #000000; BACKGROUND-image: url('http://www.spaceinvasion.info/img/tab1_bg.gif'); border-collapse: collapse; FONT-FAMILY:Verdana; color: #E6EFFF; } .nachricht { border-left: 1px solid #324B67; border-right: 1px solid #041A2F; border-top: 1px solid #324B67; border-bottom: 1px solid #041A2F; BACKGROUND-image: url('http://www.spaceinvasion.info/img/tab2_bg.gif'); border-collapse: collapse; FONT-FAMILY:Verdana; color: #E6EFFF; } /* end page SpaceInvasion */

ensuite , repérez et copiez la partie orange du code source :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="MSThemeCompatible" content="no" />
<meta http-equiv="imagetoolbar" content="no" />

<LINK rel="stylesheet" type="text/css" href="inc/style_std.css">
<link rel="stylesheet" href="inc/style.css">

<link rel="SHORTCUT ICON" href="img/gd.ico">
<title>SpaceInvasion</title>

<style type="text/css">

</style>

</head>
<body bgproperties="fixed">

 

<div align="center">
Les flottes suivantes s'affronteront le 2012-04-10 16:18:38 : 

ROUND - 1 - 
Agresseur Mori -D- Eldess [01:215:15] Armes:60% Bouclier:70% Défense:60%
 
<table border=0 cellpadding="4" cellspacing="0">
<tr>

<th class=rahmen width=50><a class=bau>Type</a></th>
<th class=rahmen width=50><a class=bau>Transmetteur</a></th>
</tr>
<tr>
<th class=rahmen>Quantité</td>
<td class=nachricht>1</td>
</tr>

<tr>
<th class=rahmen>Tir</td>
<td class=nachricht>208</td>
</tr>
<tr>
<th class=rahmen>Boucliers</td>
<td class=nachricht>119</td>
</tr>

<tr>
<th class=rahmen>Défense</td>
<td class=nachricht>80000</td>
</tr>
</table> 
Défenseur -Scooby-Doo- [01:215:12] Armes:20% Bouclier:50% Défense:0% 
DÉTRUIT(E) 

<hr width="50%">

 
La flotte offensive a remporté la victoire ! 
Elle s'empare de 20.988 fonte, 7.780 métal, 20.720 kryptonite, 2.449 épice 
La flotte offensive a perdu un total de 0 unité(s). 
Ls flotte défensive a perdu un total de 0 unité(s). 

Nous avons détecté 0 métal et 0 kryptonite. 
La probabilité qu'un astéroïde se forme s'élève à 0%
 
</div>
<script type="text/javascript" src="inc/cluetip.js"></script>

<script>$('.tooltip').cluetip({splitTitle: '|', dropShadow: false, showTitle: false, topOffset: 10});</script>
</body>
</html>
C'est la partie après la balise "body" et avant les scripts ...

si vous avez Notepad++ , collez le code dans notepad ,
édition - selectionner tout ,
puis édition - ligne - joindre plusieurs lignes

ce qui donne ceci :
Code:
<div align="center"> Les flottes suivantes s'affronteront le 2012-04-10 16:18:38 : ROUND - 1 - Agresseur Mori -D- Eldess [01:215:15] Armes:60% Bouclier:70% Défense:60% <table border=0 cellpadding="4" cellspacing="0"> <tr> <th class=rahmen width=50><a class=bau>Type</a></th> <th class=rahmen width=50><a class=bau>Transmetteur</a></th> </tr> <tr> <th class=rahmen>Quantité</td> <td class=nachricht>1</td> </tr> <tr> <th class=rahmen>Tir</td> <td class=nachricht>208</td> </tr> <tr> <th class=rahmen>Boucliers</td> <td class=nachricht>119</td> </tr> <tr> <th class=rahmen>Défense</td> <td class=nachricht>80000</td> </tr> </table> Défenseur -Scooby-Doo- [01:215:12] Armes:20% Bouclier:50% Défense:0% DÉTRUIT(E) <hr width="50%"> La flotte offensive a remporté la victoire ! Elle s'empare de 20.988 fonte, 7.780 métal, 20.720 kryptonite, 2.449 épice La flotte offensive a perdu un total de 0 unité(s). Ls flotte défensive a perdu un total de 0 unité(s). Nous avons détecté 0 métal et 0 kryptonite. La probabilité qu'un astéroïde se forme s'élève à 0% </div>

sinon , il faudra mettre tout le HTML sur une ligne manuellement , avant de le coller dans un message de votre forum ...

j'ai pas mieux , mais c'est déjà pas mal ...

Donc encore un grand merci à mon sauveur Hero

(oui le concurrent me traumatise à ce point...) Et bravo parce que c'est sacrément bien jouer, il me suffit plus qu'à passer la partie du code, ici en orange, sur Notepad, de cliquer sur 3 boutons et de recoller sur mon fofo, ce qui prend 2 minutes... Soit 15 fois plus rapide qu'avant ! victoire

:thanks:

Création auto de tableaux

Création auto de tableaux

Re: Création auto de tableaux