comment mettre un glitter en remplacement des cadres

[annemarie209]

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

[annemarie209]

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

[annemarie209]

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

[tupac]

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

[annemarie209]

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

:thanks: pour ton aide

[tupac]

Bonjour,

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

[annemarie209]

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



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

[tupac]

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.

[annemarie209]

j'ai mis le code avec mon code du gif , c'est bizarre que ça fonctionne pas chez moi

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

[tupac]

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

[annemarie209]

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

[tupac]

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.

[annemarie209]

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é

[tupac]

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

[annemarie209]

c'est coché oui

[tupac]

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

[annemarie209]

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

[annemarie209]

:thanks: beaucoup , bonne nuit

[tupac]

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

[annemarie209]

sur chrome , je le vois , sur IE non

[tupac]

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.

[annemarie209]

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

[tupac]

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.

[annemarie209]

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