L'apparence du Tableau
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
L'apparence du Tableau
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 :
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.
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
Re: L'apparence du Tableau
Yo,
Je peux vous répondre que pour l'image à la place du texte:
Dans l'emplacement du texte collez ceci:
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" />
Re: L'apparence du Tableau
Merci pour ce code,
Je up pour le reste.
Je up pour le reste.
Re: L'apparence du Tableau
- 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;
}
Re: L'apparence du Tableau
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.
Merci pour votre réponse ca marche très bien maintenant, problème résolut.
Sujets similaires
» [tableau] Comment créer un tableau a cette image :
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» Tableau
» Tableau
» Tableau
» Mon tableau à onglet dépasse du tableau de la page d'acceuil
» Tableau
» Tableau
» Tableau
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum