comment mettre un glitter en remplacement des cadres

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

Résolu comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Mar 28 Fév 2017 - 16:11

bonjour

je cherche comment remplacer les cadres par un glitter comme sur cette capture



voilà le site en question

http://top-tube-graphique.revolublog.com/accueil-c19193275

merci à vous qui pourrez m'aider


Dernière édition par annemarie209 le Dim 5 Mar 2017 - 1:53, édité 1 fois
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Jeu 2 Mar 2017 - 9:51

up
quelqu'un pour m'aider ?? :thanks:
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Ven 3 Mar 2017 - 16:42

up !! , personne pour m'aider SVP ? :thanks:
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Sam 4 Mar 2017 - 1:44

Bonsoir annemarie209,

Placer le code suivant dans votre feuille de style css.
Code:
.forumline{
    border: 5px solid transparent;
    -webkit-border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27 round;
    -moz-border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27 round;
    -o-border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27 round;
    border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27px round;
}
Jouer avec border: 5px pour régler l'épaisseur de votre bordure.

Pour que le code fonctionne il fallait une image de 81/81 je me suis donc permis de redimensionner votre image.

La voici en 81/81






avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Sam 4 Mar 2017 - 9:54

bonjour Tupac
j'ai placé ton code , j'ai les cadres plus large mais pas le glitter

:thanks: pour ton aide
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Sam 4 Mar 2017 - 13:58

Bonjour,

Vous désirez que le glitter encadre les widgets ainsi que le cadre des messages c'est bien ça ?
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Sam 4 Mar 2017 - 14:04

bonjour
oui c'est bien ça comme sur cette capture



je donne le lien du forum de la capture dans mon premier message
:thanks:
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Sam 4 Mar 2017 - 21:07

Bonsoir,

Je viens de refaire un test avec le code que je vous ai donné et il fonctionne très bien, la preuve en image.




Code:
.forumline{
    border: 5px solid transparent;
    -webkit-border-image: url(votre image ici) 27 27 round;
    -moz-border-image: url(votre image ici) 27 27 round;
    -o-border-image: url(votre image ici) 27 27 round;
    border-image: url(votre image ici) 27 27px round;
}
Essayez de refaire un test en plaçant le code en fin de feuille de style css et en hébergeant vous même l'image que je vous ai donné dans mon précédent post et si ça ne fonctionne pas on essayera de faire autrement.
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Sam 4 Mar 2017 - 21:22

j'ai mis le code avec mon code du gif , c'est bizarre que ça fonctionne pas chez moi Sorry
Code:
.forumline{
    border: 5px solid transparent;
    -webkit-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif) 27 27 round;
    -moz-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif) 27 27 round;
    -o-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif) 27 27 round;
    border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif) 27 27px round;
}

avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Sam 4 Mar 2017 - 22:14

Essayer avec les deux codes suivants, n'oublier pas d'y placer votre image.

Code:
#menu1 {
    border: 5px solid transparent;
    -webkit-border-image: url(votre image ici) 27 27 round;
    -moz-border-image: url(votre image ici) 27 27 round;
    -o-border-image: url(votre image ici) 27 27 round;
    border-image: url(votre image ici) 27 27px round;
}

.module_contenu {
    border: 5px solid transparent;
    -webkit-border-image: url(votre image ici) 27 27 round;
    -moz-border-image: url(votre image ici) 27 27 round;
    -o-border-image: url(votre image ici) 27 27 round;
    border-image: url(votre image ici) 27 27px round;
}
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Sam 4 Mar 2017 - 22:29

c'est toujours pareil , j'ai les cadres sans glitter



serait-ce possible que ce serait à cause d'une une erreur dans mes codes placés avant les vôtres ??
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Dim 5 Mar 2017 - 0:42

Puis-je avoir votre feuille de style au complet svp ainsi qu'un lien du forum ouvert aux invités parce que pour l'instant j'ai accès qu'au portail.
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Dim 5 Mar 2017 - 1:04

voilà mon css complet

Code:
#i_logo {
  display: none;
}
body {
 cursor: url(http://ahp.li/c9efc90d096ec94fb97e.cur), auto;
}
.widget-arrow {
  height: 23px; 
  width: 119px;
  border-radius: 0px;
  float: left;
  cursor: pointer;
  background: url(http://img11.hostingpics.net/pics/793692voirsleswidgets2.jpg);
}
div.postbody{text-align:center !important;}
.module-title { color: #ffcc99; }
.postbody {line-height:22px;}
a:hover {
text-decoration: none!important;
}
a[href^="/u"]{text-decoration:none !important;}
.row1,.row2,.row3,.row3Right{background-image:
url(http://img15.hostingpics.net/pics/5098250fondfoncopacit50bonavecfond.jpg);
}
/*cacher sa présence en ligne*/
input[name=hideonline] {
  display: none;
  }
  #quick_reply .sceditor-container
{
width:780px !important;
height:300px !important;
}
#fa_ticker_block td {
    padding: 0;
}
#fa_ticker_container {
    margin: 0 !important;
}
#fa_ticker_container {
    height: 152px !important;  /*hauteur annonce*/
}
#menu1 {
    border: 3px solid transparent;
    -webkit-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27 round;
    -moz-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27 round;
    -o-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27 round;
    border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27px round;
}
 
.module_contenu {
    border: 3px solid transparent;
    -webkit-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27 round;
    -moz-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27 round;
    -o-border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27 round;
    border-image: url(http://nsa37.casimages.com/img/2017/03/04/170304093834659850.gif)) 27 27px round;
}

voilà une page d'accès au forum

http://www.universdeslicornes.net/f182-visiteurs-posez-ici-vos-questions

le widget ""votre présentation"" est accessible aux visiteurs
:thanks: beaucoup pour votre disponibilité
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Dim 5 Mar 2017 - 1:21

Autant pour moi j'ai omis de vous préciser qu'il fallait cocher NON a Optimiser votre css tout en bas de votre feuille de style css et de replacer le code suivant.

Code:
.forumline{
    border: 5px solid transparent;
    -webkit-border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27 round;
    -moz-border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27 round;
    -o-border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27 round;
    border-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif) 27 27px round;
}
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Dim 5 Mar 2017 - 1:23

c'est coché oui
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Dim 5 Mar 2017 - 1:24

J'ai édité mon message en fait c'est non, désolé il est temps que j'aille au dodo.
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Dim 5 Mar 2017 - 1:29

j'ai coché non et replacé votre code et y a toujours pas de glitter Sorry
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Dim 5 Mar 2017 - 1:29

:thanks: beaucoup , bonne nuit
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Dim 5 Mar 2017 - 1:30

Je le vois très bien fonctionner sur votre forum.
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Dim 5 Mar 2017 - 1:32

sur chrome , je le vois , sur IE non
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Dim 5 Mar 2017 - 1:37

Cette fois-ci c'est la bonne.

Code:
.forumline{
    border: 5px solid transparent;
    background-image: url(https://i58.servimg.com/u/f58/15/55/14/56/89d62510.gif);
}
Bonne nuit.
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Dim 5 Mar 2017 - 1:42

:youopi: :thanks: :thanks: cette fois c'est la bonne
mille :thanks: pour votre aide et votre disponibilité , bonne nuit (bien méritée) :lol!:
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par tupac le Dim 5 Mar 2017 - 1:49

En fait le dernier code que je vous ai donné je l'avais sous la main depuis le début mais je voulais faire connaitre la propriété border-image aux membres , cette propriété qui est trop peu connu mais apparement IE ne la prend pas en compte, dommage.
avatar

tupac
Membre actif

Masculin
Messages : 2544
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: comment mettre un glitter en remplacement des cadres

Message par annemarie209 le Dim 5 Mar 2017 - 1:52

:thanks: :thanks: beaucoup , je vais mettre en résolu , bonne nuit
avatar

annemarie209
****

Féminin
Messages : 228
Inscrit(e) le : 28/04/2014

http://www.universdeslicornes.net/
annemarie209 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