Vérifiez vos informations

Il semblerait que les informations techniques de votre profil n'aient pas été actualisées depuis un certain temps... Pour que l'aide apportée vous soit efficace, il est important que ces informations soient à jour : prenez quelques secondes pour confirmer ou compléter les informations suivantes.


Lien de votre forum
Version de ce forum
Vous êtes le fondateur de ce forum
Vous avez modifié le CSS de ce forum
Vous avez modifié les templates de ce forum
Votre navigateur

Cadre autour d'un tableau personnalisé en modernbb

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

Cadre autour d'un tableau personnalisé en modernbb

Message par Fantazie le 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
avatar

Fantazie
*

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

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

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

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

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

Fantazie
*

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

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

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

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

re up
avatar

Fantazie
*

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

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

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

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

up
avatar

Fantazie
*

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

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

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

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

je maintiens le sujet ouvert
avatar

Fantazie
*

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

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

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

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

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

Fantazie
*

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

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

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

Message par Fantazie Hier à 23:07

mon petit up régulier. Smile
avatar

Fantazie
*

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

http://testzadie.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


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