Cadre dernier sujet + ombre

2 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Cadre dernier sujet + ombre

Message par Matthieu A. Mar 26 Mar 2013 - 16:50

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:

Cadre dernier sujet + ombre  Sans_t18

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

merci d'avance
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Invité Mar 26 Mar 2013 - 17:42

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.
Anonymous

Invité
Invité


Invité a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Matthieu A. Mar 26 Mar 2013 - 19:23

d'accord merci

mais il me faudrait le code de l'emplacement

cc
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Matthieu A. Ven 29 Mar 2013 - 18:06

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
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Tech Sam 30 Mar 2013 - 14:36

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.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Matthieu A. Sam 30 Mar 2013 - 15:48

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

Cadre dernier sujet + ombre  Sans_t20

comment faire?

cc
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Matthieu A. Sam 30 Mar 2013 - 16:02

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
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Tech Sam 30 Mar 2013 - 17:17

Merci d'utiliser le bouton :editer: 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.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Cadre dernier sujet + ombre

Message par Matthieu A. Sam 30 Mar 2013 - 19:13

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
Matthieu A.

Matthieu A.
****

Masculin
Messages : 258
Inscrit(e) le : 11/03/2013

Matthieu A. a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum