Contours personnalisés
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Contours personnalisés
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!
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
Re: Contours personnalisés
Bonjour !
En les installant en image de bordure peut être ?
Auriez vous un lien vers le forum concerné ? ^^
En les installant en image de bordure peut être ?
Auriez vous un lien vers le forum concerné ? ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
Comment faire?
Voici le lien du forum : http://lapensine.forumactif.org/
Voici le lien du forum : http://lapensine.forumactif.org/
Re: Contours personnalisés
Je ne sais pas, je n'ai encore jamais essayé ! xD Mais nous allons trouver ça !
(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") ?
(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- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
Ouch, cela a l'air complexe!
Je souhaiterais mettre les contours autour de la page entière!
Je souhaiterais mettre les contours autour de la page entière!
Re: Contours personnalisés
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 ?
As-tu modifié ton template overall_header ? Si oui, pourrais-tu le donner ?
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
J'ai vérifié, le template overall_header n'a pas été modifié!
Re: Contours personnalisés
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 ^^ :
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;
}
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
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!
Néanmoins, je vais vous fournir une image complète pour que l'on puisse comparer les résultats!
Re: Contours personnalisés
pas de problème ! ^^
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
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
Re: Contours personnalisés
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 ?
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- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
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! ^^
Re: Contours personnalisés
Voilà déjà avec le "mon armoire" ce que ça donne ^^ :
(remplace le code précédent par celui là)
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 ^^")
(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- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
OH MERCI MERCI ET ENCORE MERCI!
Ca marche, génial! C'est parfait!
Ca marche, génial! C'est parfait!
Dernière édition par Summer Love le Lun 5 Aoû 2013 - 22:39, édité 1 fois
Re: Contours personnalisés
Super ! \o/
n'oublie pas de mettre le sujet en résolu en éditant le premier message
n'oublie pas de mettre le sujet en résolu en éditant le premier message
MlleAlys- Membre actif
- Messages : 5767
Inscrit(e) le : 12/09/2012
Re: Contours personnalisés
D'accord!
Et merci encore une fois!
Et merci encore une fois!
Sujets similaires
» Contours des tables personnalisés
» Les contours des catégorie
» Contours en pointillé
» Contours arrondis
» Contours flou
» Les contours des catégorie
» Contours en pointillé
» Contours arrondis
» Contours flou
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum