Re: Custom page
Publié : 03 déc. 2016, 14:34
EddyFrom a écrit :Merci pour ta réponse.allstar71 a écrit :EddyFrom a écrit :Bonjour,
Tout d'abord merci pour toutes ces infos et le travail effectué et partagé.
Ma question va porter sur le CSS. Je cherche à colorer le fond des "cell" utilisées.
Si je prends dans le fichier page1.css la partie:
#cell1, #cell2, #cell4, #cell5,
#cell6, #cell7, #cell8, #cell9, #cell10,
#cell11, #cell12, #cell13, #cell14, #cell15,
#cell16, #cell17, #cell18, #cell19, #cell20,
#cell21, #cell22, #cell24, #cell26, #cell23,
#cell27, #cell28, #cell29, #cell30, #cell31
{
font-family: arimo;
font-weight: bold;
width: 162px;
padding: 10px;
/* border: 1px solid #1E1E1F; */
border: 1px solid transparent;
border-radius: 0px;
height: 58px;
line-height: 55px;
color: #999;
font-size:40px;
text-shadow: 1px 1px 4px black;
}
Et que je veux faire une mise en page différente pour certaine de ces "cell"
Comment procéder?
Faire 2 groupes différents ne convient pas...
Merci beaucoup.
Il faut que tu modifies le css en indiquant uniquement les cells que tu souhaites.
Par exemple, si tu veux colorer le fond des cells 12 et 13 tu rajoutes dans ton css
#cell12, #cell13{
--toncodecss--
background-color: #fff;
}
Cependant je n'ai pas dû bien comprendre ton explication.
Qu'est ce que je fais des autres cells?
Si je les supprime, si je les mets dans un autre paragraphe... La mise en forme de ma page change totalement.
Merci et bonne soirée.
Bonjour,
Tu peux par exemple faire comme suit :
#cell1, #cell2, #cell4, #cell5,
#cell6, #cell7, #cell8, #cell9, #cell10,
#cell11, #cell14, #cell15,
#cell16, #cell17, #cell18, #cell19, #cell20,
#cell21, #cell22, #cell24, #cell26, #cell23,
#cell27, #cell28, #cell29, #cell30, #cell31
{
font-family: arimo;
font-weight: bold;
width: 162px;
padding: 10px;
/* border: 1px solid #1E1E1F; */
border: 1px solid transparent;
border-radius: 0px;
height: 58px;
line-height: 55px;
color: #999;
font-size:40px;
text-shadow: 1px 1px 4px black;
}
#cell12, #cell 13
{
font-family: arimo;
font-weight: bold;
width: 162px;
padding: 10px;
/* border: 1px solid #1E1E1F; */
border: 1px solid transparent;
border-radius: 0px;
height: 58px;
line-height: 55px;
color: #999;
font-size:40px;
text-shadow: 1px 1px 4px black;
background-color: #fff;
}
dans cet exemple, tu aras les cells 12 et 13 de la meme forme mais avec un fond blanc.
L'autre possibilité est de laisser le premier bloc (avec tous les cells) comme il est actuellement, et de rajouter la couleur de fond sur les cells que tu veux.
Par exemple en colorant la cell1 tu rajoutes uniquement ceci après (sans enlevé cell1 dans la mise en forme au dessus)
#cell1
{
background-color:#fff;
}
Si tu n'y arrive pas, donne nous ton code CSS et dis nous ce que tu veux modifier.