BiKinoutest
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.



 
AccueilCalendrierDernières imagesFAQRechercherMembresGroupesS'enregistrerConnexion
Le Deal du moment : -40%
Tefal Ingenio Emotion – Batterie de cuisine 10 ...
Voir le deal
59.99 €

BiKinoutest :: Ateliers :: CSS
 

 Installer le CSS

Aller en bas 
AuteurMessage
Louzanes
Admin
Louzanes


Messages : 13
Date d'inscription : 20/07/2020
Age : 84
Localisation : Sous l'étang

Installer le CSS Empty
MessageSujet: Installer le CSS   Installer le CSS I_icon_minitimeSam 25 Juil - 20:19
Là , cela va être un petit peu plus compliquer car,  je vais te laisser garder ton ancien CSS et mettre celui que je te donne
comme pour le template , copies  mon code
1ère étape : Gishikino , compte Fondatrice

2ème étape : AFFICHAGE

3ème étape : IMAGES ET COULEURS

4ème étape :  COULEURS

5ème étape : FEUILLE de CSS

6ème : Normalement , moi, je supprime car je sais ce qu'il faut supprimer  mais comme je ne suis pas là, tu vas juste descendre le CSS en place

REGARDES sur le côté, tu as des chiffre 1  jusqu'à  infini
Tu descends l'ancien CSS jusqu'à la ligne 10

Tu reviens à la ligne 1 et tu colles ton code. ENREGISTRER
Revenir en haut Aller en bas
https://bikinoutest.forumactif.com
Louzanes
Admin
Louzanes


Messages : 13
Date d'inscription : 20/07/2020
Age : 84
Localisation : Sous l'étang

Installer le CSS Empty
MessageSujet: Re: Installer le CSS   Installer le CSS I_icon_minitimeVen 7 Aoû - 16:26
comme pour le template , copies  mon code
Code:
/* pas de soulignement de liens */
a{text-decoration:none  !important;
}
a:link {text-decoration:none !important;
}
a:visited {text-decoration:none !important;
}
a:hover {text-decoration:none !important;
}
/*Cache les images qui ne doivent pas apparaître*/
a.forumlink img, a.nav img {
display: none;
}

/*_____INDEX BOX_____*/
/**CATÉGORIES**/
/*Cadrage*/
.cadrecat {
border: 2px solid #402203;
border-radius: 15px;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #b8a27f;
margin-bottom: 15px;
padding: 2px 4px 0px 3px;
}
.cat {
border: 2px solid #402203;  
border-radius: 15px;
text-align: center;  
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #a88c77;
padding: 5px 15px 5px 14px;
margin: 5px;
}
/*Titre de catégorie*/
.titrecat h2 {
display: inline-block;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;
border-radius: 5px;
box-shadow: 2px 2px 1px #0d5938;
margin: 0% 5% 0% 0%;
padding: 10px 115px 0px 115px;
font: bold 28px Papyrus;
color: #402203;
text-shadow: 0 2px 2px #fefdb1;
text-align: center;
text-transform: uppercase;
transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-webkit-transform: rotate(-5deg);
transition: 1s;
-webkit-transition: 1s;
}
.titrecat h2:first-letter  {
color: #c40606;
text-shadow: 2px 2px 2px #c0a583;
font: bold 50px papyrus;
}
.titrecat h2:hover {
transform: rotate(0deg);
-ms-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
}
/**FIN DES CATÉGORIES**/

/**FORUM**/
/*Cadrage1*/
.forumgauche {
position: relative;
background: #0d5938 url(https://i.servimg.com/u/f14/15/30/06/17/essai_13.png) repeat;
border-radius: 15px;
box-shadow: 0px 0px 5px 2px #0d5938;
padding: 1px;
margin: 35px 0px 5px 15px;
}
.iconeforum img {
width: 120px;
height: 120px;
margin: 60px 15px auto;
}
/*Trait*/
.trait a {
display: inline-block;
width: 450px;
margin-bottom: 5px;
border-bottom: 3px solid #0d5938;
}
/*Titre forum*/
a.forumlink {
display: block;
text-align: left;
color: #402203!important;
font: bold 25px papyrus ;
text-shadow: 2px 2px 1px #0d5938;
letter-spacing: 0px;
transition: 0.5s;
-webkit-transition: 0.5s;
}
a.forumlink:hover {
color: #003a00!important;
letter-spacing: 5px;
}
a.forumlink:first-letter{
color: #c40606;
text-shadow: 2px #c0a583;
font: bold 28px papyrus;
}
/*Messages&Sujets*/
.messuj span {
display: inline-block;
width: 200px;
height: 30px;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;  
text-align: center;
color: #402203;
font: bold 12px papyrus;
box-sizing: border-box;  
-webkit-box-sizing: border-box;
border: 1px solid #0d5938;  
margin-right: 2px;
padding-top: 4px;  
}
.messuj span:first-letter{
color: #c40606;
text-shadow: 2px #c0a583;
font: bold 14px papyrus;
}
.last_mess {
padding: 2px;
text-align: center;
font: bold 40px papyrus;
 color: #402203!important;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;  
}
/*Description*/
.forumdesc {
position: relative;
overflow: auto;  
z-index: 1;
width: 400px;
height: 200px;
margin-top: -200px;
text-align: justify;
font: 12px papyrus;
color: #402203;
padding: 1px;
}
.forum1 {
overflow: hidden;
width: 400px;
height: 200px;
margin-top: 15px;
border: 1px solid #0d5938;
}
.forum_img {
position: relative;
z-index: 2;
width: 400px;
height: 200px;
margin-left: 0px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
.forum1:hover .forum_img {
margin-left: 400px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
-htm-transition: 1s;
-webkit-transition: 1s;
}
/**FIN FORUM**/

/**SOUS FORUM**/
.sous-forum {
margin: -5px auto 15px;
width: 400px;
box-sizing: border-box;
bottom: -20px;
min-height: 20px;
padding: 0 10px;
background: url(https://2img.net/r/hpimg11/pics/362902Pattern1.png) repeat #0d5938;
border-radius: 15px #0d5938;  
-webkit-border-radius: 15px 15px 15px 15px;
-moz-border-radius: 15px 15px 15px 15px;
-o-border-radius: 15px 15px 15px 15px;
}
.sous-forum a {
font: bold 10px papyrus;
margin-right: 10px;
line-height: 18px;
text-transform: lowercase;
color: #402203!important;
letter-spacing: 1px;
transform: all;
-moz-transform: all;
-o-transform: all;
-htm-transform: all;
-webkit-transform: all;
transition: 0.3s;
-moz-transition: 0.3s;
-o-transition: 0.3s;
-htm-transition: 0.3s;
-webkit-transition: 0.3s;
}
.sous-forum a:hover {
color: #402203!important;
font: bold 15px papyrus;
text-transform: uppercase;  
}
.sous-forum a:first-letter{
color: #c40606;
text-shadow: 2px #c0a583;
font: bold 14px papyrus;
}
/**FIN SOUS FORUM**/

/**ELEMENTS IMPORTANTS**/
/* Losange*/
.indexloright {
height: 110px;
width: 110px;
display: block;
position: absolute;
background: transparent;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
margin-right: 40px;
margin-left: 25px;
}
/* losange-img physique container-child n parent */
.indeximglo {
height: 110px;
width: 110px;
display: block;
position: absolute;
background: #769c8d;
transform: rotate(45deg);
-ms-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* container-child img */
.indexloimg {
height: 110px;
width: 110px;
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* just img */
.indexloimg img{
width: 90px;
height: 90px;
display: block;
position: absolute;
text-align: center;
transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
}
/**FIN ELEMENTS IMPORTANTS**/
 /*_____ FIN INDEX BOX_____*/

1ère étape : Gishikino , compte Fondatrice

2ème étape : AFFICHAGE

3ème étape : IMAGES ET COULEURS

4ème étape :  COULEURS

5ème étape : FEUILLE de CSS

6ème : SELECTIONNE TOUT TON CSS DEJA INSTALLE

7ème : COLLES TON NOUVEAU CSS

8ème : VALIDER
Revenir en haut Aller en bas
https://bikinoutest.forumactif.com
 
Installer le CSS
Revenir en haut 
Page 1 sur 1

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
BiKinoutest :: Ateliers :: CSS-
Sauter vers: