Accueil, menu planisbelta : forum, cursichella, site du mois... Le journal : articles journalistiques de Beltàchjara U situ : rubriques gastronomie, faune, flore, géo, histoire Culture et tradition corse Des restau, des recettes, des boissons Les infos corses : télé, radio, musicales La partie jeux-loisirs de Beltàchjara Vous pouvez laisser une trace de votre viste, c'est le livre d'or de Beltàchjara Pour contacter Beltàchjara Jimdo : plateforme de création de site, tuto, amis Des citations, des poèmes, des proverbes

La liste des amis Jimdo sur 2 colonnes

Selon le design et template jimdo utilisé la liste des amis Jimdo s'affiche sur une colonne ou deux colonnes. Avec l'affichage une colonne, on perd la moitié de la page en affichage et elle s'étire en longeur. Le design Beltachjara ne permet pas un affichage sur deux colonnes, c'est pourquoi j'ai entièrement refait l'affichage en créant un code qui affiche deux colonnes. Par contre il faut rentrer manuellement les détails des sites de la liste. Il y a environ 7 détails par sites à rentrer manuellement. Pour tous ceux que cela interesse, voici le code (ci-dessous) à coller dans le widget/HTML. Les détail à changer sont marqués en rouge.
L'exemple présente l'affichage de 4 sites. Mais le code en contien plus. Comme vous pouvez le constater le code se répéte (couleur : mauve, orange, marron, rose... pour les 4 premiers sites à rajouter). Ensuite pour afficher d'autres sites, il suffit de copier le code (en couleur vert) et de remplacer le code couleur mauve. Et ainsi de suite : on remplace le code couleur orange par le code en vert ; puis le code couleur marron par le code vert....  Les ajouts de site se font ligne par ligne c'est-à-dire deux par deux.
 
Pour voir le résultat c'est par là : I amicacci
Bon courage, ce n'est pas très dur. 
 
 

<div class="jimdofriends">
<div style="width: 633; height: 1350">
<table id="AutoNumber2" style="border-collapse: collapse; height: 536;" border="0" cellspacing="1" width="88%">
<tbody>
<tr>
<td width="45%" height="134">
<div>
<table id="AutoNumber3" border="3" cellspacing="1" cellpadding="4" width="235" bgcolor="#e2e2e2">
<tbody><tr>
<td width="100%" height="95"><a href="adresse http://du site" target="_blank"><img class="photo" style="FLOAT: left; MARGIN-RIGHT: 4px" src="adresse http://de l'image" alt="nom de l'image" /></a>
<p><a href="adresse http://du site" target="_blank">&nbsp;</a><a class="url fn" rel="friend" href="adresse http://du site" target="_blank"><span style="color: #0000ff;">nom du site</span></a> </p>

<div class="adr"><span style="color: #333333;"><span class="locality">La localité du site</span></span> </div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="55%" height="134">
<div>
<table id="AutoNumber4" border="3" cellspacing="1" cellpadding="4" width="235" bgcolor="#e2e2e2">
<tbody>
<tr>
<td width="100%" height="95"><a href="http://beltachjara.jimdo.com/" target="_blank"><img class="photo" style="FLOAT: left; MARGIN-RIGHT: 4px" src="http://beltachjara.jimdo.com/avatar100.jpg?1270309517" alt="photo of Beltachjara" /></a>
<p><a class="url fn" rel="friend" href="http://beltachjara.jimdo.com/" target="_blank"><span style="color: #0000ff;">beltachjara</span></a> </p>
<div class="adr"><span style="color: #333333;"><span class="locality">Corse</span></span> </div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td width="45%" height="134">
<div>
<table id="AutoNumber3" border="3" cellspacing="1" cellpadding="4" width="235" bgcolor="#e2e2e2" height="118">
<tbody>
<tr>
<td width="100%" height="85"><a href="http://beltachjara.jimdo.com/" target="_blank">
<img class="photo" style="FLOAT: left; MARGIN-RIGHT: 4px" src="http://beltachjara.jimdo.com/avatar100.jpg?1270309517" alt="photo of Beltachjara" width="97" height="98" /></a>
<p><a class="url fn" rel="friend" href="http://beltachjara.jimdo.com/" target="_blank"><span style="color: #0000ff;">beltachjara</span></a> </p>
<div class="adr" style="width: 84; height: 19"><span style="color: #333333;"><span class="locality">
  Corse</span></span> </div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
<td width="55%" height="134">
<div>
<table id="AutoNumber4" border="3" cellspacing="1" cellpadding="4" width="235" bgcolor="#e2e2e2">
<tbody>
<tr>
<td width="100%" height="95"><a href="http://beltachjara.jimdo.com/" target="_blank"><img class="photo" style="FLOAT: left; MARGIN-RIGHT: 4px" src="http://beltachjara.jimdo.com/avatar100.jpg?1270309517" alt="photo of Beltachjara" /></a>
<p><a class="url fn" rel="friend" href="http://beltachjara.jimdo.com/" target="_blank"><span style="color: #0000ff;">beltachjara</span></a> </p>
<div class="adr"><span style="color: #333333;"><span class="locality">Corse</span></span> </div>
</td>
</tr>
</tbody>
</table>
</div>
</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
<tr>
<td width="45%" height="134">
&nbsp;</td>
<td width="55%" height="134">
&nbsp;</td>
</tr>
</tbody>
</table>
</div>
</div>