Cadre autour d'un tableau personnalisé en modernbb

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

Résolu Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Lun 30 Juil 2018 - 14:30

Détails techniques

Version du forum : ModernBB
Poste 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 Sad 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 Smile

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 Smile

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
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Mer 1 Aoû 2018 - 10:51

petit up :up: pour grand désespoir ahah Smile
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Ven 3 Aoû 2018 - 10:57

re up
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Dim 5 Aoû 2018 - 9:29

up
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Mer 8 Aoû 2018 - 11:13

je maintiens le sujet ouvert
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Sam 11 Aoû 2018 - 11:38

re re up. Aucun moyen de mettre une couleur sur la bordure externe du tableau donc...? :/
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Résolu Re: Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Mer 15 Aoû 2018 - 23:07

mon petit up régulier. Smile
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

http://dramagazine.forumactif.com/
Fantazie a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie Sam 18 Aoû 2018 - 15:11

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:

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 Smile

Bon week end et je ferme ce topic.
Fantazie

Fantazie
***

Messages : 114
Inscrit(e) le : 03/07/2018

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

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum