L'apparence du Tableau

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

Résolu L'apparence du Tableau

Message par I-Pika le Dim 10 Oct 2010 - 22:54

Bonjour,

C'est un sujet concernant votre tutoriel sur le Tableau en page d'acceuil, il marche trés bien mais j'aimerais si possible le modifier un peu.

Voici le screen que cela me donne actuellement, le tuto est bien installé :


D'abord j'aimerais vous demander si c'etait possible de mettre les bordures noir transparentes ainsi que le fond des titres pour laisser visible seulement les champs " Ton Titre " et " Ton Texte ".

Ensuite juste une précision de votre part, si c'etait bien entendu possible de mettre des images dans les champs a la place d'un simple texte ?

Voici les informations nécessaire de mon forum :

Statut : Fondateur
Templates modifiés : Index_Body

Mon CSS :

Code:
.forumline {
border: 0px;
}

.bodyline {
background-color: transparent;
border: 0px;
}

a { text-decoration: none; }


#newbottom
{
clear: both;
background-image: url(http://i21.servimg.com/u/f21/15/71/20/67/bas_pa10.png);
background-repeat: no-repeat;
background-position: center;
height: 250px;
}

.forumline{
background-color: #000000;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 8px #000000 solid;
border-top: 1px #000000 dotted;
border-right: 1px #000000 solid;
border-left: 1px #000000 dotted;}

Version : Phpbb2
Navigateur : Mozila Firefox

Merci a vous d'avoir pris le temps de lire ma demande, en esperant qu'elle sera résolut,
Bien a vous.


Dernière édition par I-Pika le Sam 30 Oct 2010 - 3:08, édité 1 fois

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par JeVeuxSavoir le Lun 11 Oct 2010 - 0:22

Yo,

Je peux vous répondre que pour l'image à la place du texte:
Dans l'emplacement du texte collez ceci:
Code:
<img src="URL DE VOTRE IMAGE" />

Wink

JeVeuxSavoir
****

Masculin
Messages : 305
Inscrit(e) le : 30/09/2010

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

Résolu Re: L'apparence du Tableau

Message par I-Pika le Lun 11 Oct 2010 - 23:06

Merci pour ce code,

Je up pour le reste.

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Mer 13 Oct 2010 - 0:45

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Jeu 14 Oct 2010 - 1:15

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Ven 15 Oct 2010 - 5:44

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Sam 16 Oct 2010 - 0:57

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Dim 17 Oct 2010 - 3:49

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Lun 18 Oct 2010 - 0:14

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Mar 19 Oct 2010 - 0:40

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Mer 20 Oct 2010 - 0:07

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Jeu 21 Oct 2010 - 0:45

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Ven 22 Oct 2010 - 0:36

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Sam 23 Oct 2010 - 0:21

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Dim 24 Oct 2010 - 0:25

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Lun 25 Oct 2010 - 6:47

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Mar 26 Oct 2010 - 5:33

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Sam 30 Oct 2010 - 0:10

Up

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par Lixyr le Sam 30 Oct 2010 - 0:36

Spoiler:
Code:
<span class="genmed"><table class="forumline table1 bg3" cellspacing="1" width="100%"><tbody><th colspan="1" rowspan="1" class="thTop forabg" width="28%">TON TITRE</th><th colspan="1" rowspan="1" class="thTop forabg" width="43%">TON TITRE</th><th colspan="1" rowspan="1" class="thTop forabg" width="29%">TON TITRE</th>
</tr>

<span class="postbody"></span></td>

<td class="row3" colspan="1" rowspan="1" align="center" valign="top"><span class="postbody">
TON TEXTE</span></td>


<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<tr><th class="thTop forabg" colspan="1" rowspan="1">TON TITRE</th>
<th class="thTop forabg" colspan="1" rowspan="1">TON TITRE
<br></th><th class="thTop forabg" colspan="1" rowspan="1">TON TITRE
<br></th></tr>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>

<td class="row3" colspan="1" rowspan="1" align="center"><span class="postbody">TON TEXTE.
</span></td>
</table>

Vous avez utilisé ce code ??

Vous auriez pu faire plus simple pour avoir des cellules à couleur et fond maniable. o.o

Comme par exemple :

Code:
<table style="background-color: transparent; width: 100%;" border="0" cellpadding="2" cellspacing="2">
  <tr>
      <th> TITRE1 </th>
      <th> TITRE2 </th>
      <th> TITRE3 </th>
  </tr>
  <tr>
      <td> CONTENU1</td>
      <td> CONTENU2</td>
      <td> CONTENU3</td>
  </tr>
</table>

Et ensuite créer des div qui s'inséreraient dans le tableau pour modifier l'allure des lignes, des colonnes, etc.


Mais comme vous avez déjà modifié le tableau, on peut changer ça dans le css :

.forumline{ background-color: transparent;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 8px transparent solid;
border-top: 1px transparent dotted;
border-right: 1px transparent solid;
border-left: 1px transparent dotted;}

(en orange ce que j'ai modifié dans le css que vous avez posté)

Ou alors vous pouvez faire :


.forumline{
background-color: #000000;
-moz-border-radius: 0px 0px 14px 14px ;
border-bottom: 0px #000000 solid;
border-top: 0px #000000 dotted;
border-right: 0px #000000 solid;
border-left: 0px #000000 dotted;}


Par ailleurs, je ne sais pas si cette partie (ci-après) que vous avez dans votre css, sert à quelque chose, puisqu'il est suivi de la même div configurée autrement :

Code:
.forumline {
border: 0px;
}

Lixyr
Aidactive
Aidactive

Féminin
Messages : 5595
Inscrit(e) le : 22/07/2010

http://forum-test-in-lixyr.rpg-dynasty.com/
Lixyr a été remercié(e) par l'auteur de ce sujet.

Résolu Re: L'apparence du Tableau

Message par I-Pika le Sam 30 Oct 2010 - 3:07

Oui en effet j'ai utilisé ce code pour le tableau mais j'ai du copier mon CSS avant d'inserer le tableau, désolée ^^'.

Merci pour votre réponse ca marche très bien maintenant, problème résolut.

I-Pika
Nouveau membre

Messages : 25
Inscrit(e) le : 10/10/2010

http://haloreach.forumactif.com/
I-Pika a été remercié(e) par l'auteur de ce sujet.

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