Cadre autour d'un tableau personnalisé en modernbb
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Cadre autour d'un tableau personnalisé en modernbb
Détails techniques
Version du forum : ModernBBPoste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : (lien masqué, vous devez poster pour le voir)
Description du problème
Bonjour à tous,j'ai bien lu ce topic et https://forum.forumactif.com/t391917-modernbb-probleme-relatif-aux-tables-2 mais cela ne m'avance guère et surtout j'ai une autre question au milieu. Comme je suis passée des div au tableau suite aux conseils de Milouze et Legranduc
Avant de mettre les codes, dans l'ordre:
1/ sur le screen on voit dans le code plein de sauts de ligne, qui ne sont pas dans le code initial et que j'ai temporairement camouflé avec un margin négatif m'enfin c'est pas propre tout ça sauriez-vous si c'est un bug ou si cela vient d'un template ? j'ai regardé moi-même le template viewtopic body qui me semble être le plus concerné mais rien me saute aux yeux
2/ je voudrais bien mettre un cadre personnalisé autour de mon "table" mais soit je mets le code du topic 1 que j'ai copié collé et ça me supprime toutes les lignes du tableau (et même d'ailleurs d'après les dires de l'auteur dans son 2eme topic) même si je mets une bordure en "important" , soit je l'enleve, toujours en personnalisant en important et ça ne personnalise pas du tout, le formatage de base reste...
Que faire svp ?
Je trouverais ça fort dommage de ne pouvoir le personnaliser puisqu'après tout c'est la force des forums forumactif, de pouvoir nous laisser personnaliser ce qu'on écrit et fabrique
Avant que j'oublie , voici les codes HTML et CSS du tableau:
- Code:
<table class="fichetable"><caption class="filmtitre"> Voici Un titre de film</caption>
<tr class="premligne"><td class="colonnead"><div class="contenucellule"><img class="afficheimg" src="https://zupimages.net/up/18/19/hp7g.jpg" alt="titre en légende"></div></td>
<td class="colonnesl"><div class="contenucellule"><p class="titrestableaux">Synopsis</p><span class="synopsis">La mère d'Ai est une adepte des religions et place sa fille dans une secte. Ai y restera Sept ans, jusqu'à la fermeture de cette secte par la Police. Ai retrouve un nouveau foyer et fréquente l'école, pour la première fois. Malheureusement, elle est rejetée par ce foyer et doit retrouver un autre endroit pour se reconstruire La seule personne qui la comprend est son ami, Ryota, un garçon instable, qui cherche toujours à la protéger....</span></div></td>
<td class="colonneiba"><div class="contenuinfo"><p class="titrestableaux">Infos</p> <span class="">
[b]Titre Original[/b] : Kemonomichi
[b]Pays :[/b] Japon
[b]Date de sortie :[/b] 28 juillet 2017
[b]Réalisateur :[/b] Eiji Uchida
[b]Acteurs :[/b] Sairi Itô, Kenta Suga, Kaito Yoshimura
[b]Genres :[/b] Drame, Comédie
[b]Durée :[/b] 95 minutes</span></div></td></tr>
<tr ><td class="colonnead"><div class="contenucelluledetails"><p class="titrestableaux">Détails</p><span class="contenudetails">
[size=15][b]Langue [/b][/size][size=15]: Japonais, Anglais[/size]
[size=15][b]Sous-titres[/b][/size][size=15] : Français[/size]
[size=15][b]Format[/b][/size][size=15] : MKV[/size]
[size=15][b]Taille[/b][/size][size=15] : HD 2300 Mo[/size]</span>
<div class="imdb"><a href = "https://www.imdb.com/title/tt5645536/" ><img src="https://zupimages.net/up/18/29/ng7j.jpg" alt = "imdb" /></a></div>
[center]>> Lire la critique <<[/center]
</div></td>
<td class="colonnesl"><div class="contenucellule"><p class="titrestableaux">Liens</p><span class="fichecontenu">
[center][color=#FF0000][size=18]Laissez un petit "Merci", pour avoir accès aux liens.[/size][/color]
[size=13](vous pourrez éditer vos messages par la suite, pour y déposer vos remarques sur le film)[/size][/center]
[hide][color=blue][size=24]Version HD[/size][/color]
[url=]Lien Uptobox[/url]
[url=]Lien 1Fichier[/url]
[/hide]</span></div></td>
<td class="colonneba"><div class="contenucelluleba"><iframe width="250" height="180" src="//www.youtube.com/embed/fiRrMNAxNZE?rel=0" frameborder="0" allowfullscreen></iframe>
</div></td></tr>
<tr><td colspan="3" class="colonnead"><div class="contenucellule"><p class="titrestableaux">Informations complémentaires</p> <span class=""><span class="contenuspoiler"> [spoiler]ceci est un super spoiler qui changera votre vie![/spoiler] </span>
</div></td></tr>
</table>
- Code:
/****** fiches modeles******/
/* contenu general */
.fichetable {
margin-top: -185px;
width: 100%;
height: 100%;
}
#preview .postbody table, #preview .postbody td, div[class*="post--"] .postbody table, div[class*="post--"] .postbody td {
border: 0 !important;
}
.colonnead {
width: 20%;
}
.colonnesl {
width: 50%;
}
td.colonneiba {
width: 30%;
}
.contenucellule {
padding: 5px;
text-align: justify;
vertical-align: top;
height: 100%;
}
/* titre du tableau et film */
.filmtitre {
text-align: center;
color: #9e9785;
font-family: 'Kaushan Script', cursive;
font-size: 210%;
text-transform: capitalize;
padding-bottom: 30px;
}
/* bande annonce */
.contenucelluleba {
margin: auto;
text-align: center;
}
.colonneba {
background-color: #dcd8cd;
border-radius: 5px;
}
/*details */
.contenudetails {
text-align: left;
padding: 5px;
}
.contenucelluledetails {
border-radius: 5px;
border: 2px dotted #000 !important;
height: 100%;
padding: 3px;
}
/*infos*/
.contenuinfo {
height: 100%;
margin: auto;
vertical-align: top;
border-left: 2px dotted;
padding-left: 3px;
}
/*position imdb */
.imdb {
margin-top: 10px;
text-align: center;
padding-top: 13px;
}
/* affiche du film */
.afficheimg {
-webkit-transform: scale(1);
transform: scale(1);
-webkit-transition: .3s ease-in-out;
transition: .3s ease-in-out;
border: 3px double #b9b098;
}
.afficheimg:hover {
-webkit-transform: scale(1.3);
transform: scale(1.3);
}
/*titre des cellules */
p.titrestableaux {
text-align: center;
font-family: 'Concert One', cursive;
font-size: 150%;
}
/* taille du synopsis */
span.synopsis {
font-size: 13px;
line-height: 1;
}
Je vous donne un petit aperçu de ce à quoi cela ressemble
SCREEN
Voilà le screen apparait maintenant x) merci d'avance à ceux qui s'intéresseront. bon aprem!
Dernière édition par Fantazie le Dim 5 Aoû 2018 - 9:27, édité 1 fois
Re: Cadre autour d'un tableau personnalisé en modernbb
petit up pour grand désespoir ahah
Re: Cadre autour d'un tableau personnalisé en modernbb
je maintiens le sujet ouvert
Re: Cadre autour d'un tableau personnalisé en modernbb
re re up. Aucun moyen de mettre une couleur sur la bordure externe du tableau donc...? :/
Re: Cadre autour d'un tableau personnalisé en modernbb
mon petit up régulier.
Re: Cadre autour d'un tableau personnalisé en modernbb
Je ne sais toujours pas pourquoi il y a ses sauts de lignes qui sortent de nulle part, en revanche, j'ai pu personnaliser le cadre du tableau extérieur , tout en gardant supprimé les lignes de tableaux internes. Ce code servira sûrement à d'autres sous modernebb, alors voici ce que j'ai enfin réussi à bidouiller:
Avec un peu de chance, celui qui avait ouvert les posts avant moi pourra me lire
Bon week end et je ferme ce topic.
- Code:
div[class*='post--'] .postbody table {
border: 2px solid #b9b098!important;
padding: 5px;
border-radius: 10px;
}
#preview .postbody table, #preview .postbody td, div[class*='post--'] .postbody td {
border: 0 !important;
}
Avec un peu de chance, celui qui avait ouvert les posts avant moi pourra me lire
Bon week end et je ferme ce topic.
Sujets similaires
» ModernBB : Mettre un cadre autour de l'avatar et des informations de compte
» Problème de marges autour d'un tableau
» Il n'y a pas de cadre autour du "qui est là?"
» Cadre autour de la PA
» [CSS] Comment faire des ombres tout autour du tableau
» Problème de marges autour d'un tableau
» Il n'y a pas de cadre autour du "qui est là?"
» Cadre autour de la PA
» [CSS] Comment faire des ombres tout autour du tableau
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum