Forum de support officiel

Forum d'entraide et support officiel des forums Forumprod.com


Heures au format UTC + 1 heure [ Heure d’été ]



Poster un nouveau sujet Répondre au sujet  [ 7 messages ] 
Auteur Message
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 19 Mar 2012, 10:06 

Appliquer des coins arrondis & effet ombré

Ces coins arrondis s'appliquent sur les côtés de votre forum,le haut et le bas.
L'effet ombré se rajoute aux coins arrondis,toujours pareil,sur les côtés du forum.
Les codes fonctionnent seulement pour Google Chrome & Firefox.
Merci à J.B pour cette précision !

Code pour les coins arrondis:
Code:
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;

:arrow: Modifiez le 10px par le nombre que vous voulez(sachant que plus le nombre est élevé plus votre cadre est arrondis et inversement,plus le nombre est petit moin l'effet arrondis se vois.

Code pour l'effet ombré:
Code:
-moz-box-shadow:0px 0px 10px 7px #777777;
-webkit-box-shadow:0px 0px 10px 7px #777777;
box-shadow:0px 0px 10px 7px #777777;

:arrow: Modifiez le #777777 par le code couleur que vous voulez.
:arrow: Le 7px représente la taille de l'effet ombré
:arrow: Le 10px l'effet flou de l'ombre
:arrow: Le reste pas besoin de modifier,cela est pour la position de l'effet ombré.(suivant le nombre cela déplace l'effet)

Où installer les codes:
Panneau d'Administration :arrow: Style :arrow: Editer la feuille de style CSS
Ensuite il faut trouver vers le début de la feuille cette ligne:
#main {
height: auto !important;
width: {COLOR_FORUM_WIDTH};

Le code ici
min-width: 000px;


Il faut placer le/les code(s) entre width: {COLOR_FORUM_WIDTH}; et min-width: 000px; là où il y a écrit Le code ici

Rendu:
Image

Bien à vous.


Dernière édition par Vincent le 19 Mar 2012, 23:51, édité 3 fois.

Haut
  Profil 
 
Membre super
Membre super

Inscription: Aoû 2011
Messages: 272
Points: 30
Sexe: Féminin
Forum: http://poesie.forumprod.com
Posté: 19 Mar 2012, 14:22 

Bonjour wadjh, sympa ce tuto :)

Du coup j'ai voulu essayer chez moi, pour voir ce que ça donnait, mais ça ne marche pas. J'ai pourtant suivi à la lettre
comme vous pouvez voir ci dessous (entouré en rouge, ce sont les codes que j'ai ajouté).
Image


Sauriez-vous pourquoi ? :)

Merci


Oupssss ! (13h 42mn)
J'édite mon message juste pour vous dire que ça fonctionne avec Firefox, mais pas sous internet explorer 8, avec lequel j'ai l'habitude de me servir.

Merci et ne tenez pas compte de mon message. avant mon édition :clap:


Haut
  Profil 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 19 Mar 2012, 23:43 

Bonsoir,

Réponse tardive excusez moi.

J.B a écrit:
Oupssss ! (13h 42mn)
J'édite mon message juste pour vous dire que ça fonctionne avec Firefox, mais pas sous internet explorer 8, avec lequel j'ai l'habitude de me servir.

Merci et ne tenez pas compte de mon message. avant mon édition :clap:


Avec plaisir ;) heureux de voir que cela vous a été utile !
En effet j'ai oublier de préciser que les codes ne fonctionnes pas sur Internet Explorer,veuillez m'excuser,
Ils fonctionnent seulement pour Google Chrome & Firefox.(Chose que j'ai rajouter à mon tutoriel,merci à vous)

(ps: J'ai été voir l'effet sur votre forum,très ésthètique ! :clap: )


Haut
  Profil 
 
Membre super
Membre super

Inscription: Jan 2011
Messages: 1141
Points: 1096
Sexe: Masculin
Age: 24
Posté: 20 Mar 2012, 11:06 

Bonjour,
Déjà utilisé sur mon forum de Test il ya 2 semaines mais avait une paresse pour poster le Tuto...
Merci Wadjh tout de même, les fans de IE pourront pas en profiter hélas


Haut
  Profil 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 20 Mar 2012, 11:17 

Bonjour Willy,

Derien pour le tuto,je sais que c'est familier tout sa pour vous vu que vous êtes dans le développement web ;)
Oui hélas les fidèles de IE ne pourront pas profiter de ceci,mais bon la plupart des connaisseurs dirons de jeter IE à la poubelle :mrgreen:

Pour les coins arrondis sur explorer je crois qu'il existe un moyen mais que je n'ai pas essayer ils en parlent par ici mais le tutoriel date un peu ( http://www.alsacreations.com/tuto/lire/ ... mages.html )


Haut
  Profil 
 
Membre super
Membre super

Inscription: Jan 2011
Messages: 1141
Points: 1096
Sexe: Masculin
Age: 24
Posté: 20 Mar 2012, 12:05 

En tout cas bon retour à Vous...


Haut
  Profil 
 
Chef des aideurs
Chef des aideurs
Avatar de l’utilisateur

Inscription: Déc 2011
Messages: 1061
Points: 1293
Localisation: France
Sexe: Masculin
Posté: 20 Mar 2012, 12:20 

Merci Willy c'est sympas vraiment !
Je passe pas souvent c'est vrai mais j'essaie... bon courage ^^


Haut
  Profil 
 

Qui est en ligne

Utilisateurs parcourant ce forum: Aucun utilisateur enregistré et 0 invités

Modérateur:

Aideurs

Permissions de ce forum:

Vous ne pouvez pas poster de nouveaux sujets
Vous ne pouvez pas répondre aux sujets
Vous ne pouvez pas éditer vos messages
Vous ne pouvez pas supprimer vos messages
Vous ne pouvez pas joindre des fichiers
Poster un nouveau sujet Répondre au sujet  [ 7 messages ] 


cron
Créer un forum | © phpBB | Entraide & support | Forum gratuit