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 2011 - 15: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 2011 - 19:39, édité 1 fois

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 2011 - 16: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

Convivialite
+ Hyperactif +

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 2011 - 16:31

Bonjour,

Où doit ce script être mit ?

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 2011 - 16: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.

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 2011 - 16:41

Certes mais il faut un activateur non ?

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 2011 - 16: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

Convivialite
+ Hyperactif +

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 2011 - 16:51

Merci !

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 2011 - 16: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;
}

Convivialite
+ Hyperactif +

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 2011 - 16:56

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

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 2011 - 17: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...

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 2011 - 17: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

Convivialite
+ Hyperactif +

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 2011 - 21: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;
}

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 2011 - 19:38

Merci à vous deux ! Wink

Sujet résolu. Aurevoir.

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 2011 - 20:05

Un Plaisir !

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