Contours personnalisés

2 participants

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

Résolu Contours personnalisés

Message par Summer Love 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 :

Contours personnalisés Test_p10

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

Contours personnalisés Bloc_b10

Contours personnalisés Bloc_b11

Contours personnalisés Bloc_b12

Contours personnalisés Bloc_d10

Contours personnalisés Bloc_g10

Contours personnalisés Bloc_h10

Contours personnalisés Bloc_h11

Contours personnalisés Bloc_h12

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

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 Mer 31 Juil 2013 - 20:52

up
Summer Love

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 Jeu 1 Aoû 2013 - 22:09

up
Summer Love

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 Sam 3 Aoû 2013 - 13:08

UP
Summer Love

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 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

MlleAlys
Membre actif

Messages : 5767
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 Sam 3 Aoû 2013 - 14:27

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

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 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

MlleAlys
Membre actif

Messages : 5767
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 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

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 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

MlleAlys
Membre actif

Messages : 5767
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 Sam 3 Aoû 2013 - 19:45

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

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 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

MlleAlys
Membre actif

Messages : 5767
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 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

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 Lun 5 Aoû 2013 - 13:52

pas de problème ! ^^
MlleAlys

MlleAlys
Membre actif

Messages : 5767
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 Lun 5 Aoû 2013 - 16:08

Contours personnalisés Parche11

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

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 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

MlleAlys
Membre actif

Messages : 5767
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 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

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 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

MlleAlys
Membre actif

Messages : 5767
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 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

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 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

MlleAlys
Membre actif

Messages : 5767
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 Mar 6 Aoû 2013 - 1:18

D'accord!
Et merci encore une fois!
Summer Love

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

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum