Bonjour bonsoir !
Tout d'abord, j'espère être dans la bonne section >w< excusez moi si ce n'est pas le cas, j'ai longuement hésité D:
Voici mon petit soucis :
J'essaye de personnaliser un code réalisé par les mains magiques de notre grand patron
Je l'ai trouvé ICI
C'est un thème complet, mais moi, c'est juste le code des catégories qui m'intéresse. Seulement voilà, j'ai tenté de le personnalisé un petit peu, mais j'ai quelques difficultés à repérer comment modifier le codage dans le CSS. J'ai du mal à comprendre quoi changer, et quels codes modifier précisément, ou tout simplement, comment les changer pour obtenir ce que je souhaite. Je me doute que la manipulation doit se faire depuis le CSS, mais voilà, je ne sais pas trop quoi bidouiller à vrai dire x_x et ça me fait peur :'(
C'est là que je viens quémander votre aide, pleurnichant comme une enfant °3°
Est-ce qu'une âme charitable voudrait bien s'occuper de mon cas désespéré ? Et m'aider à y voir plus clair dans le code, pour savoir quoi modifier, et comment :)
Je remercie d'avance tous ceux/celles qui m'aideront ! En soit, je ne pense pas que ce soit trop compliqué, c'est juste que je mélange tout x_x
voilà le code CSS :
Et voilà ce que j'essaye d'obtenir : Aperçu
Je cherche donc à décaler la description du texte, à l'intérieur du cadre blanc, en supprimant le hover de l'image pour le coup =) Si quelqu'un peu m'aider, je lui en serais très reconnaissante !
Encore merci ! J'espère que je n'ai rien oubliée !
Tout d'abord, j'espère être dans la bonne section >w< excusez moi si ce n'est pas le cas, j'ai longuement hésité D:
Voici mon petit soucis :
J'essaye de personnaliser un code réalisé par les mains magiques de notre grand patron
Je l'ai trouvé ICI
C'est un thème complet, mais moi, c'est juste le code des catégories qui m'intéresse. Seulement voilà, j'ai tenté de le personnalisé un petit peu, mais j'ai quelques difficultés à repérer comment modifier le codage dans le CSS. J'ai du mal à comprendre quoi changer, et quels codes modifier précisément, ou tout simplement, comment les changer pour obtenir ce que je souhaite. Je me doute que la manipulation doit se faire depuis le CSS, mais voilà, je ne sais pas trop quoi bidouiller à vrai dire x_x et ça me fait peur :'(
C'est là que je viens quémander votre aide, pleurnichant comme une enfant °3°
Est-ce qu'une âme charitable voudrait bien s'occuper de mon cas désespéré ? Et m'aider à y voir plus clair dans le code, pour savoir quoi modifier, et comment :)
Je remercie d'avance tous ceux/celles qui m'aideront ! En soit, je ne pense pas que ce soit trop compliqué, c'est juste que je mélange tout x_x
voilà le code CSS :
- Spoiler:
- Code:
/* CATEGORIES */
.cate_titre h2
{
width: 100%;
background: #3a332d;
color: #6e7c5e;
font-family: 'Shadows Into Light Two', cursive;
font-size: 28px;
letter-spacing: 2px;
text-align: center;
padding: 3px 0;
}
.cate_bloc
{
height: 180px;
margin: 5px 0;
}
.cate_description
{
position: relative;
z-index: 5;
width: 300px;
height: 150px;
overflow: hidden;
border: 2px solid #d0cdc8;
}
.description_texte
{
position: absolute;
width: 280px;
height: 130px;
overflow: auto;
color: #d0cdc8;
font-size: 11px;
padding: 10px;
line-height: 11px;
background: #3a332d;
text-align: justify;
margin-top: 150px;
opacity: 0;
transition: 1s;
}
.cate_description:hover .description_texte
{
margin-top: 0;
opacity: 1;
transition: 1s;
}
a.forumlink
{
position: absolute;
z-index: 10;
display: block;
width: 485px;
margin: 10px 0 0 295px;
padding: 2px 0 2px 100px;
background: #209a61;
font-family: 'Alegreya Sans SC', sans-serif;
color: #d0cdc8 !important;
text-transform: uppercase;
font-size: 16px;
transition: 500ms;
}
a.forumlink:hover
{
background: #a26843;
}
.sous_forum
{
position: absolute;
width: 350px;
height: 113px;
margin-left: 310px;
margin-top: 40px;
color: #ffffff;
}
.sous_forum img
{
vertical-align: center;
}
.sous_forum a.gensmall
{
padding: 2px;
background: #e7e5e1;
color: #627764 !important;
font-size: 11px;
text-shadow: 1px 1px 0px #ffffff;
transition: 500ms;
}
.sous_forum a.gensmall:hover
{
background: #d0cdc8;
}
.last_post
{
position: absolute;
z-index: 11;
width: 150px;
height: 100px;
padding-top: 50px;
right: 0;
margin-right: 50px;
background: #d0cdc8;
border: 5px solid #ffffff;
box-shadow: 0px 0px 5px #39322c;
border-radius: 150px;
overflow: hidden;
text-align: center;
font-size: 11px;
}
.stats1, .stats2
{
position: absolute;
z-index: 12;
width: 60px;
text-align: center;
right: 0;
font-size: 26px;
line-height: 14px;
font-family: 'Shadows Into Light Two', cursive;
color: #b2b0ae;
}
.stats1
{
margin-right: 100px;
margin-top: 12px;
}
.stats2
{
margin-right: 100px;
margin-top: 120px;
}
.stats1 .gensmall, .stats2 .gensmall
{
display: block;
font-family: 'Kameron', serif;
color: #b2b0ae;
font-size: 11px;
}
.forum_avatar
{
position: absolute;
z-index: 13;
width: 60px;
height: 60px;
right: 0;
margin-right: 30px;
margin-top: -10px;
overflow: hidden;
border-radius: 60px;
border: 3px solid #ffffff;
box-shadow: 0px 0px 5px #39322c;
background: #3a332d;
}
.forum_avatar img
{
width: 65px;
margin-top: -20px;
}
.forum_icone
{
position: absolute;
z-index: 12;
right: 0;
margin-right: 10px;
margin-top: 30px;
}
Et voilà ce que j'essaye d'obtenir : Aperçu
Je cherche donc à décaler la description du texte, à l'intérieur du cadre blanc, en supprimant le hover de l'image pour le coup =) Si quelqu'un peu m'aider, je lui en serais très reconnaissante !
Encore merci ! J'espère que je n'ai rien oubliée !