Cadre dernier sujet + ombre

[Matthieu A.]

Bonjour,

j'aimerais insérer des cadres autours de l'ensemble: "dernier sujet + avatar posteur" (encadré en rouge sur l'image suivante) sur l'index du forum, où l'on pourrait changer la couleur du backgrund

illustration:



J'aimerais de plus insérer un effet d'ombre

merci d'avance

[Invité]

Bonjour,

Pour insérer une ombre, il vous suffit de mettre ce code :

Code:

box-shadow: Xpx Xpx Xpx;

En remplacement les "X" oar les valeurs voulues.

Pour le cadre rouge :

Code:

border:5px solid red;

Il vous suffit de modifier le "5" par une autre valeur, solid pour le type et red pour la couleur.

Cordialement.

[Matthieu A.]

d'accord merci

mais il me faudrait le code de l'emplacement

cc

[Matthieu A.]

je récapitule:
-je voudrais un cadre (sans bordure rouge comme sur la photo, mais blanche) autour du dernier sujet répondu

-je voudrais que ce cadre ait une ombre et qu'il soit centré suivant la hauteur

cc

[Tech]

Bonjour,

Utilisez ce code :

Code:

.lastpost {
border: 2px solid white!important;
box-shadow: 5px 5px 5px black;
}

Les couleurs et les chiffres sont à changer selon votre envie.

Cordialement.

[Matthieu A.]

bonjour et merci de votre réponse, mais il y a un petit problème. En effet ça me fait un cadre autour de 'dernier message" dans l'entete. Et je joudrais enlever cela



comment faire?

cc

[Matthieu A.]

j'aimerais que le cadre soit centré automatiquement sur la hauteur, quelque soit la hauteur de la cellule.

y a t il un code du genre "height center"? ou un truc comme cela ?

cc

[Tech]

Merci d'utiliser le bouton si vous devez rajouter une information !

Changez votre code CSS par celui-ci :

Code:

.topiclist.forums .lastpost {
    border: 2px solid #FFFFFF !important;
    box-shadow: 5px 5px 5px #000000;
    margin-top: 40px;
}

Pour ceci :

j'aimerais que le cadre soit centré automatiquement sur la hauteur, quelque soit la hauteur de la cellule.

je n'ai pas compris.

Cordialement.

[Matthieu A.]

merci de votre réponse

j'ai enrichi le code que vous m'avez donné pour avoir un fond coloré et des angles arrondis:

Code:

topiclist.forums .lastpost {
    border: 2px solid #FFFFFF !important;
    box-shadow: 5px 5px 5px #000000;
    background-color:#FFFFFF;
-webkit-border-radius:20px;
-moz-border-radius:20px;
khtml-border-radius: 20px;
border-radius:15px;
    margin-top: 40px;
}

ce code est parfait, du coup tout mes problèmes sont résolus

cc, merci