Blog d'aide de Blog4ever

Blog d'aide de Blog4ever

Tableaux

3099 appréciations
Hors-ligne

Y a t il un moyen pour intégrer dans le CSS ce tableau :
LIEN ARTICLE

Pourquoi je pose cette question ?
C'est que j'ai beaucoup d'articles avec ce tableau et lorsque je change de design je suis obligée de changer les couleurs des bordures et fonds de tous les tableaux un par un.

:sol:


1793 appréciations
Hors-ligne
Kikou, Soleil, 
Pourquoi ne te sers-tu pas du générateur de
Bonne fin de soirée, 

3099 appréciations
Hors-ligne
 Mi Neth
Non, ce n'est pas cela que je demande. 
Le générateur de tableau de notre regretté et ami  
  revient au même que ce que j'ai dans mes articles.

Ce que je voudrai c'est pouvoir changer les couleurs des bordures et fond des tableaux en une seule fois pour que dans tous les articles qui ont mon tableau soit automatiquement changer en une seule fois.

:sol:

4055 appréciations
Hors-ligne
Coucou  @Soleilvie@

Je n'ai pas essayé mais tu peux mettre un css personnalisé .

Ce code corrigera tous les tableaux du blog concerné.

Voir les couleurs ......


table{
    
 border: 8px dashed black!important;
    
}

td {
border: 5px dashed ivory!important;    
 background: pink!important;    
}



3099 appréciations
Hors-ligne

Je le mets où ce CSS personnalisé ?
:sol: 

4055 appréciations
Hors-ligne
       

Dans le ........ Css PERSONNALISE   

Il suffit de changer les couleurs pour que ça change tous les tableaux du blog concerné.





3099 appréciations
Hors-ligne
:snif::snif::snif: c'est pas bô de se moquer ! :ppc:
J'avais pas capté 
Maintenant oui 

je vais faire un essai :sol:

3099 appréciations
Hors-ligne
Re coucou 
Le border radius il n'en veut pas pourquoi ???

Regarde ici ==> Article essai

Je vais m'allonger, je reviendrai tout à l'heure
:sol:

4055 appréciations
Hors-ligne
Mets ce code avec le border-collapse.

Il y a un border-collapse:collapse; dans le HTML qu'il faut contrer par le séparate.



table{
    
border-collapse: separate!important;
 border: 3px solid black!important;
 border-radius:30px!important;
}

td {
border: 2px dashed ivory!important;    
 background: pink!important;
border-radius:30px!important;

     
}


3099 appréciations
Hors-ligne

C'est trop top !
:sol:

3099 appréciations
Hors-ligne

Grâce à tes codes CSS mes tableaux sont top chez de top GRAND 



Mais y a t il un moyen de changer le background-image juste pour 1 ou 2 articles sans toucher au CSS ?

Je voudrai pouvoir mettre un autre fond pour cet article par exemple ci-dessous :
LIEN ICI
:sol:

4055 appréciations
Hors-ligne
re

Le CSS concerne TOUS les articles MAIS pour personnaliser un article il faut faire un code <> <*style type="text/css ....LE CODE...<*/style ......

______________________________________

Il faut mettre un code dans l'article même.  <> 

Tu peux faire plusieurs codes pour personnaliser tes articles.


Tu changes les couleurs que tu veux.....

( attention sans les étoiles )

<*STYLE type="text/css"*>

table{
border-collapse: separate!important;  
border-radius: 10px !important;    
border: 2px dotted #C9EDFC !important;
box-shadow: -1px 1px 10px 1px #242238!important;    
}

td {
color: #FAFBFD !important;  
border-radius: 10px !important;  
border: 2px solid #C9EDFC !important;    
background-image: url(https://static.blog4ever.com/2021/08/865051/fond-mauve-design-2022-graph-soleilvie.png) !important;
background-repeat: repeat !important;    
}
<*/style>


3099 appréciations
Hors-ligne
Est que je peux mettre ce code dans les codes dans le composeur ?

4055 appréciations
Hors-ligne
Si je met ce code rien ne changera puisque je n'ai pas  l'image que tu veux changer.



td {
color: #FAFBFD !important;  
border-radius: 10px !important;  
border: 2px solid #C9EDFC !important;    
background-image: url(https://static.blog4ever.com/2021/08/865051/fond-mauve-design-2022-graph-soleilvie.png) !important;
background-repeat: repeat !important;    
}


3099 appréciations
Hors-ligne
J'essaie de mettre ton code mais cela ne fonctionne pas
l'image de fond je ne sais pas encore ce que je vais mettre car pour le moment je ne l'ai  pas encore réalisée.
Pour le moment je veux mettre "transparent"

4055 appréciations
Hors-ligne
Il faut mettre le code dans la partie code et pas dans le HTML

<*STYLE type="text/css"*>

table{
border-collapse: separate!important;  
border-radius: 10px !important;    
border: 2px dotted #C9EDFC !important;
box-shadow: -1px 1px 10px 1px #242238!important;    
}

td {
color: #FAFBFD !important;  
border-radius: 10px !important;  
border: 2px solid #C9EDFC !important;    
background: transparent!important;   
}
<*/style>


4055 appréciations
Hors-ligne

Va voir cet article  --> https://le-graphisme-de-soleilvie.blog4ever.com/mes-diverses-creations-realisees-dans-l-annee-2022


J'ai mis le code et la couleur est transparente.


Bien entendu il suffit de retirer ce code pour que ça rentre dans l'ordre.







3099 appréciations
Hors-ligne
oui c'est ce que j'ai fait !
Mais le lorsque je crée mon tableau il me met le tableau du CSS

3099 appréciations
Hors-ligne
Je vais revenir tout à l'heure

4055 appréciations
Hors-ligne

4055 appréciations
Hors-ligne
IL SUFFIT DE METTRE LE CODE DANS L'ARTICLE



3099 appréciations
Hors-ligne
Me re voilà !
Alors j'ai remis mon tableau.
Et ce qui m'a trompée c'est que dans le composeur le tableau apparait avec l'image de fond.
Mais une fois que je l'ai validé et lorsque je le visionne sur le net là l'image de fond n'apparaît pas.
Voilà ! pourquoi je te disais que cela ne fonctionnait pas mais en fait ça fonctionne.

Maintenant, je vais faire mes règlages.

:sol:

4055 appréciations
Hors-ligne
Ben Oui tant que c'est pas validé rien ne fonctionne !

Il faut remarquer que les codes <*style .... permettent de faire justement un code interne et propre à l'article.

Tu peux faire plusieurs codes tableaux avec un fond bleu, rouge, vert etc..

Comme ça selon l'article tu peux faire ce que tu veux et tous les autres tableaux seront concernés par les règles du Css du blog.



4055 appréciations
Hors-ligne
Ce sujet est fermé, vous ne pouvez pas y répondre.
Vous ne disposez pas des permissions nécessaires pour répondre à un sujet de la catégorie Demandes d'assistance.

Inscrivez-vous au blog

Soyez prévenu par email des prochaines mises à jour

Rejoignez les 6065 autres membres