Contours personnalisés

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

Résolu Contours personnalisés

Message par Summer Love le Mar 30 Juil 2013 - 18:48

Bonjour,
Je suis l'administratrice d'un forum Harry Potter hébergeant un Poudlard interactif.
Je souhaiterais mettre des contours en parchemin autour de toutes mes pages.Est-ce possible?
Voici à quoi je voudrais que cela ressemble :



Et voici les images " en pièces détachées" :

















Y-a t-il moyen de réaliser une telle chose?
Merci à toute personne qui tentera de m'aider!


Dernière édition par Summer Love le Mar 6 Aoû 2013 - 1:19, édité 1 fois

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par Summer Love le Mer 31 Juil 2013 - 20:52

up

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par Summer Love le Jeu 1 Aoû 2013 - 22:09

up

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par Summer Love le Sam 3 Aoû 2013 - 13:08

UP

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Sam 3 Aoû 2013 - 13:20

Bonjour !
En les installant en image de bordure peut être ?
Auriez vous un lien vers le forum concerné ? ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Sam 3 Aoû 2013 - 14:27

Comment faire? Smile
Voici le lien du forum : http://lapensine.forumactif.org/

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Sam 3 Aoû 2013 - 14:36

Je ne sais pas, je n'ai encore jamais essayé ! xD Mais nous allons trouver ça ! Cool
(j'ai déjà vu cette page entre autre : http://www.pompage.net/traduction/la-propriete-border-image-en-css3 )
Par contre, vous souhaitez mettre les contours autour de la page entière, ou autour de chaque tableau ("forumline") ?

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Sam 3 Aoû 2013 - 16:14

Ouch, cela a l'air complexe! Very Happy
Je souhaiterais mettre les contours autour de la page entière!

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Sam 3 Aoû 2013 - 17:00

Bon, après réflexion, je pense que ça va être plus simple de les installer via les templates : entourer le tableau "bodylinewidth" d'un autre tableau à plusieurs cellules dans lesquelles on va mettre les images en background ^^
As-tu modifié ton template overall_header ? Si oui, pourrais-tu le donner ?

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Sam 3 Aoû 2013 - 19:45

J'ai vérifié, le template overall_header n'a pas été modifié!

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Dim 4 Aoû 2013 - 17:49

Ouiiin !
Bon, je suis désolée, mais j'ai un souci au niveau de la modification des templates, ça ne fonctionne pas totalement et je n'arrive pas à savoir d'où vient le problème, donc je préfère ne pas te faire essayer ça ^^"

Si quelqu'un s'y connait mieux que moi, il trouvera peut être.....

....

Sinon, je peux revenir à l'idée de la fonction border-image, mais dans ce cas, aurais-tu plutôt l'image entière et non découpée stp ? ^^
Sinon, j'en ai trouvé une autre sur internet pour tester les codes, tu peux essayer celui-là si tu veux ^^ :
Code:
.bodyline {
  -moz-border-image: url(http://images2.layoutsparks.com/1/200553/parchment-memories-blank-paper.gif) 135 62 92 58 stretch;
  -webkit-border-image: url(http://images2.layoutsparks.com/1/200553/parchment-memories-blank-paper.gif) 135 62 92 58 stretch;
  -o-border-image: url(http://images2.layoutsparks.com/1/200553/parchment-memories-blank-paper.gif) 135 62 92 58 stretch;
  border-width: 135px 62px 92px 58px;
  border-image: url(http://images2.layoutsparks.com/1/200553/parchment-memories-blank-paper.gif) 135 62 92 58 stretch;
}
et si tu veux que le bord soit plus collé au forum, tu peux y ajouter padding: 0; Wink

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Lun 5 Aoû 2013 - 12:34

Merci pour ce code! J'ai essayé, c'est pas mal!
Néanmoins, je vais vous fournir une image complète pour que l'on puisse comparer les résultats!

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Lun 5 Aoû 2013 - 13:52

pas de problème ! ^^

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Lun 5 Aoû 2013 - 16:08



Je n'arrive pas à enlever le "mon armoire" inscrit en haut à gauche...
Je me demande si ça ne serait pas mieux de mettre le contour  autour de chaque tableau, "forumline"...


Dernière édition par Summer Love le Lun 5 Aoû 2013 - 16:58, édité 1 fois

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Lun 5 Aoû 2013 - 16:44

Je ne vois pas, où se trouve le "mon armoire" ?
Et tu peux essayer de remplacer .bodyline par .forumline dans le code que je t'ai donné, mais pour les petits tableaux ça risque de faire un peu bizarre...
Ou alors peut être ne le faire que pour les tableaux.forumline de l'accueil, des catégories, des forums et des sujets ?

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Lun 5 Aoû 2013 - 17:00

@MlleAlys a écrit:
Ou alors peut être ne le faire que pour les tableaux.forumline de l'accueil, des catégories, des forums et des sujets ?

Oui je pense que ça serait le mieux!
Désolée, comme une idiote j'ai oublié d'insérer mon image dans mon message précédent! ^^

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Lun 5 Aoû 2013 - 17:24

Voilà déjà avec le "mon armoire" ce que ça donne ^^ :
(remplace le code précédent par celui là)
Code:
.forumline {
border-width: 30px 37px 37px 44px;
-moz-border-image: url(http://i33.servimg.com/u/f33/12/56/43/35/parche10.png) 30 37 37 44 repeat;
-webkit-border-image: url(http://i33.servimg.com/u/f33/12/56/43/35/parche10.png) 30 37 37 44 repeat;
-o-border-image: url(http://i33.servimg.com/u/f33/12/56/43/35/parche10.png) 30 37 37 44 repeat;
border-image: url(http://i33.servimg.com/u/f33/12/56/43/35/parche10.png) 30 37 37 44 repeat;
}

EDIT : j'ai modifié l'image pour retirer le "mon armoire" et j'ai remplacé l'url dans le code au dessus.
(mais au cas où, tu devrais peut être la ré héberger sur ton propre compte ^^")

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Lun 5 Aoû 2013 - 22:30

OH MERCI MERCI ET ENCORE MERCI!
Ca marche, génial! C'est parfait!


Dernière édition par Summer Love le Lun 5 Aoû 2013 - 22:39, édité 1 fois

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Contours personnalisés

Message par MlleAlys le Lun 5 Aoû 2013 - 22:38

Super ! \o/
n'oublie pas de mettre le sujet en résolu en éditant le premier message Wink

MlleAlys
+ Hyperactif +

Messages : 4340
Inscrit(e) le : 12/09/2012

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

Résolu Re: Contours personnalisés

Message par Summer Love le Mar 6 Aoû 2013 - 1:18

D'accord!
Et merci encore une fois!

Summer Love
*

Messages : 44
Inscrit(e) le : 06/01/2013

http://lapensine.forumactif.org/
Summer Love 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