Bonjour ou bonsoir :)
Je vient ici suite a un code de catégorie en LS fait par Halloween pour être exacte.
Je voulais décaler le font de la description (pas l'image hein, le fond gris) sur la droite mais comme je ne trouvais pas comment faire, j'ai tenter d’insérer dans le code un "left" avec des valeurs mais sa ne fonctionne pas. Si besoins, voici le code CSS correspondent a la catégories installer.
J'ai aussi regarder dans les templates mais je n'est rien vue qui pourrait m'aider. Merci d'avance a la personne qui voudra bien m'aider :3
Je vient ici suite a un code de catégorie en LS fait par Halloween pour être exacte.
- Spoiler:
Je voulais décaler le font de la description (pas l'image hein, le fond gris) sur la droite mais comme je ne trouvais pas comment faire, j'ai tenter d’insérer dans le code un "left" avec des valeurs mais sa ne fonctionne pas. Si besoins, voici le code CSS correspondent a la catégories installer.
- Code:
/* ------------------------------------- CATEGORIES ------------------------------------- */
/* Mise en forme de la description de forum */
.cate_titre h2 {
text-align: center;
}
.texte_desc {
width: 550px;
height: 70px;
overflow: auto;
padding: 20px;
text-align: justify;
font-size: 11px;
position: relative;
top: 0;
left: -10px;
opacity: 1;
z-index: 2;
color: #DEDADA;
}
/* Mise en forme des images "New", "No new" et "Lock" */
.no_new {
opacity: 0.5;
left: 0em;
position: relative;
}
/* Transformation au survol des images "New", "No new" et "Lock" */
.no_new:hover {
opacity: 1;
transform: rotate(5deg);
}
/* Mise en forme des derniers messages */
.derniers_messages {
font-size: 10px;
text-align: center;
width: 200px;
height: 153px;
position: absolute;
top: 1em;
left: 5em;
}
/* Positionnement de l'image de fond des derniers messages */
.derniers_img {
position: absolute;
top: 1em;
}
/* Mise en forme des liens des derniers messages */
.derniers_messages a {
text-decoration: none !important;
font-style: none !important;
font-weight: none !important;
color: #6C684B !important;
font-family: 'Oswald', sans-serif;
font-size: 11px;
}
/* Mise en forme au survol des liens des derniers messages */
.derniers_messages a:hover {
letter-spacing: 3px;
color: #DCDACB !important;
}
/* Mise en forme du texte "survolez-moi" */
.survolez_moi {
font-family: 'Oswald', sans-serif;
font-size: 12px;
position: absolute;
left: 5em;
}
/* Mise en forme des liens des sous-forum */
.sf a {
text-decoration: none !important;
font-style: none !important;
font-weight: none !important;
color: #6C684B !important;
font-family: 'Oswald', sans-serif;
}
/* Mise en forme des liens des sous-forum au survol */
.sf a:hover {
letter-spacing: 3px;
color: #DCDACB !important;
}
/* Info-bulle des sous-forum */
.sf {
position: relative;
z-index: 14;
text-decoration: none !important;
}
.sf:hover {
z-index: 25;
}
.sf span {
display: none;
}
.sf:hover span {
display: block;
position: absolute;
top: -5px;
left: 6em;
width: 550px;
height: 100px;
overflow: auto;
background-color: #1E332D;
color: #000;
text-align: justify;
font-weight: none;
padding: 5px;
}
/* Mise en forme de l'illustration en fond de description */
.img_desc {
position: absolute;
top: 0;
left: 6em;
opacity: 0.8;
z-index: 1;
}
/* Lettrine de la description */
.lettrine {
font-size: 250%;
float: left;
font-family: 'Pacifico', cursive;
}
/* Contenu de l'ensembre des forum */
.categorie {
padding: 25px;
background-color:#22181E;
}
/* Mise en forme du texte des titres de forum */
a.forumlink {
color: #DEDADA !important;
font-family: 'Oswald', sans-serif;
font-size: 28px;
text-decoration: none !important;
text-align: center !important;
border-bottom: 5px dotted #DEDADA;
width: 100%:
}
a.forumlink:hover {
color: #000404 !important;
text-decoration: none !important;
letter-spacing: 3px;
border-bottom: 5px dotted #000404;
}
/* Illustration de fond de forum */
.fond_desc {
background-image: url('https://img11.hostingpics.net/pics/197485fond1.png');
width: 550px;
height: 110px;
z-index: 1;
}
/* ------------------------------------- FIN CATEGORIES ------------------------------------- */
J'ai aussi regarder dans les templates mais je n'est rien vue qui pourrait m'aider. Merci d'avance a la personne qui voudra bien m'aider :3