Contours avec ombres

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

Résolu Contours avec ombres

Message par julworld le Dim 9 Jan - 14:52

Bonjour,

J'aurais aimé savoir si vous aviez un code,
permettant de rajouter de l'ombre tout autour du forum (en comptant le haut et bas de page ). Smile

Voici un petit exemple de ce que je souhaiterais :


En effet, afin de mieux délimiter les deux fonds (fond du forum et fond de la page entière), je souhaiterais rajouter une
ombre sur tout le tour du forum, en comptant avec le haut et le bas du forum, qui, je précise, on des angles droits... Wink

Le design de mon forum changeant régulièrement de couleur au fil des saisons, des périodes...Etc, je ne souhaite pas
inclure les ombres dans les images servant de fond, mais que ce soit uniquement un ajout. Wink

Merci d'avance pour vos prochaines réponses, en espérant avoir au plus vite une réponse positive. Very Happy

Aurevoir et bonne journée. Wink


Dernière édition par julworld le Lun 10 Jan - 18:39, édité 1 fois
avatar

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Convivialite le Dim 9 Jan - 15:17

Bonjour

voici le code
Code:

.forumline {
background-color: #;
-moz-box-shadow: 2px 2px 5px #A36838;
-webkit-box-shadow: 2px 2px 5px #A36838;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#A36838', Direction=135, Strength=7);
zoom: 1;
}



il faut modifier la couleur par celle que tu veux


"moz-box-shadow", c'est pour Firefox

"webkit-box-shadow",c'est pour Chrome et Safari

2 px ( longueur de l'ombre à droite) 2 px ( longueur de l'ombre en bas) 5 px (taille de l'ombre) #A36838 (code de la couleur)

Modifier le nombre de pixels (px) et le code de couleur, selon l'effet désiré.

filter:progid, c'est pour Explorer (5 et plus):

Color: couleur de l'ombre: indiquer le code de la couleur de son choix

Strength : opacité de l'ombre


Amicalement
avatar

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Maitre Orion le Dim 9 Jan - 15:31

Bonjour,

Où doit ce script être mit ?
avatar

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par julworld le Dim 9 Jan - 15:31

Bonjour,

Merci pour votre réponse, mais ce code marche pour le contours des forums, catégories... Or, je me suis peut-être mal expliqué, mais pour ma part, je cherche pour les contours du fond du forum, avec le header et le bas de page.
Pas uniquement pour l'ombre des catégories...etc. Wink

EDIT : Ce script doit être mit dans le CSS. Bonne journée.
avatar

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Maitre Orion le Dim 9 Jan - 15:41

Certes mais il faut un activateur non ?
avatar

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Convivialite le Dim 9 Jan - 15:43

pour tout le forum

Code:
.bodyline {
background-color: #;
-moz-box-shadow: 2px 2px 5px #A36838;
-webkit-box-shadow: 2px 2px 5px #A36838;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#A36838', Direction=135, Strength=7);
zoom: 1;
}

Maitre orion ce code est a mettre dans

PA>AFFICHAGE>GESTION DES COULEURS
onglet feuille de css
avatar

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Maitre Orion le Dim 9 Jan - 15:51

Merci !
avatar

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Convivialite le Dim 9 Jan - 15:54

en faisant quelques changements , j'ai réussi a la faire des 2 côtés

a vous de faire des essais

Code:
.bodyline {
background-color: #;
-moz-box-shadow: 2px 2px 20px #A36838;
-webkit-box-shadow: 2px 2px 20px #A36838;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#A36838', Direction=135, Strength=20);
zoom: 10;
}
avatar

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Maitre Orion le Dim 9 Jan - 15:56

non ça ne marche pas =S, le zome est trop fort !
avatar

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par julworld le Dim 9 Jan - 16:21

En effet, cela ne marche pas non plus,
en mettant le code, le forum disparait totalement de mon côté. Confused

Ah et puis, ça ne marche pas pour le tour des templates "haut de page" et "bas de page"... mais bon, ça à la rigueur ce n'est pas très très grave...
avatar

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Convivialite le Dim 9 Jan - 16:25

c'est bizarre car ça marche sur mon forum de test

gardez le code du départ

Code:
.bodyline {
background-color: #;
-moz-box-shadow: 2px 2px 5px #A36838;
-webkit-box-shadow: 2px 2px 5px #A36838;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#A36838', Direction=135, Strength=7);
zoom: 1;
}

et n'oubliez pas de mettre le sujet en

Amicalement
avatar

Convivialite
Membre actif

Féminin
Messages : 2874
Inscrit(e) le : 19/03/2009

http://la-convivialite.forumactif.com
Convivialite a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Maitre Orion le Dim 9 Jan - 20:47

Pour la faire des deux côtés j'ai trouvé :

.bodyline {
background-color: #;
-moz-box-shadow: 0px 0px 15px #A36838;
-webkit-box-shadow: 0px 0px 15px #A36838;
filter:progid:DXImageTransform.Microsoft.Shadow(color='#A36838', Direction=135, Strength=7);
zoom: 1;
}
avatar

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par julworld le Lun 10 Jan - 18:38

Merci à vous deux ! Wink

Sujet résolu. Aurevoir.
avatar

julworld
*****

Masculin
Messages : 695
Inscrit(e) le : 03/05/2009

http://prizeefrance.com
julworld a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours avec ombres

Message par Maitre Orion le Lun 10 Jan - 19:05

Un Plaisir !
avatar

Maitre Orion
****

Masculin
Messages : 491
Inscrit(e) le : 19/08/2009

http://portedesmondes.1fr1.net
Maitre Orion 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