1 Ressources : Cadres SF-BB (+ coins arrondis) 21/11/2009, 23:39
Voici quelques cadres pour SF-BB.
Pour les mettre en place, il vous faudra supprimer ceci de votre CSS :
Ainsi que ceci :
Pour les mettre en place, il vous faudra supprimer ceci de votre CSS :
/*Image_Coins_Arrondis-------------------------------------------------*/
.upperleft,.upperleft2,.upperleft3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner10.gif");}
.upperright,.upperright2,.upperright3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner11.gif");}
.lowerleft,.lowerleft2,.lowerleft3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner13.gif");}
.lowerright,.lowerright2,.lowerright3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner12.gif");}
.upperleft,.upperleft2,.upperleft3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner10.gif");}
.upperright,.upperright2,.upperright3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner11.gif");}
.lowerleft,.lowerleft2,.lowerleft3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner13.gif");}
.lowerright,.lowerright2,.lowerright3 {background-image: url("https://i.servimg.com/u/f61/13/61/91/69/corner12.gif");}
Ainsi que ceci :
/*Round-------------------------------------------------*/
.roundtopleft { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/top-le10.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundtopright { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/top-le10.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundtopcenter { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/top10.png');
min-height: 32px; height: 32px; }
.borderleft { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/left11.png');
min-width: 23px; width: 23px; }
.borderright { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/right10.png');
min-width: 23px; width: 23px; }
.bordercenter { background-color: #ffffff;
background-image: none; }
.roundbottomleft { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/bottom11.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundbottomright {background-image: url('https://i.servimg.com/u/f61/13/61/91/69/bottom11.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundbottomcenter { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/bottom10.png');
min-height: 32px; height: 32px; }
.roundtopleft { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/top-le10.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundtopright { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/top-le10.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundtopcenter { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/top10.png');
min-height: 32px; height: 32px; }
.borderleft { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/left11.png');
min-width: 23px; width: 23px; }
.borderright { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/right10.png');
min-width: 23px; width: 23px; }
.bordercenter { background-color: #ffffff;
background-image: none; }
.roundbottomleft { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/bottom11.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundbottomright {background-image: url('https://i.servimg.com/u/f61/13/61/91/69/bottom11.png');
min-width: 23px; width: 23px; min-height: 32px; height: 32px; }
.roundbottomcenter { background-image: url('https://i.servimg.com/u/f61/13/61/91/69/bottom10.png');
min-height: 32px; height: 32px; }
WEB 2.0 BLEU : (par quierra )
Collez ceci dans votre CSS :
Dans la gestion des couleurs, réglez la couleur intérieure du cadre du forum sur : #c3d2ec
EXEMPLE :
Collez ceci dans votre CSS :
/*Image_Coins_Arrondis-------------------------------------------------*/
.upperleft,.upperleft2,.upperleft3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/tl10.gif");}
.upperright,.upperright2,.upperright3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/tr10.gif");}
.lowerleft,.lowerleft2,.lowerleft3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/bl10.gif");}
.lowerright,.lowerright2,.lowerright3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/br10.gif");}
/*Round-------------------------------------------------*/
.roundtopleft { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/hg10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundtopright { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/hd10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundtopcenter { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/h10.png'); min-height: 41px; height: 41px; }
.borderleft { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/g10.png'); min-width: 41px; width: 41px; }
.borderright { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/d10.png'); min-width: 41px; width: 41px; }
.bordercenter { background-color: #c3d2ec; background-image: none; }
.roundbottomleft { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/bg10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundbottomright {background-image: url('https://i.servimg.com/u/f84/11/44/03/73/bd10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundbottomcenter { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/b10.png'); min-height: 41px; height: 41px; }
.upperleft,.upperleft2,.upperleft3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/tl10.gif");}
.upperright,.upperright2,.upperright3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/tr10.gif");}
.lowerleft,.lowerleft2,.lowerleft3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/bl10.gif");}
.lowerright,.lowerright2,.lowerright3 {background-image: url("https://i.servimg.com/u/f84/11/44/03/73/br10.gif");}
/*Round-------------------------------------------------*/
.roundtopleft { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/hg10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundtopright { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/hd10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundtopcenter { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/h10.png'); min-height: 41px; height: 41px; }
.borderleft { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/g10.png'); min-width: 41px; width: 41px; }
.borderright { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/d10.png'); min-width: 41px; width: 41px; }
.bordercenter { background-color: #c3d2ec; background-image: none; }
.roundbottomleft { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/bg10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundbottomright {background-image: url('https://i.servimg.com/u/f84/11/44/03/73/bd10.png'); min-width: 41px; width: 41px; min-height: 41px; height: 41px; }
.roundbottomcenter { background-image: url('https://i.servimg.com/u/f84/11/44/03/73/b10.png'); min-height: 41px; height: 41px; }
Dans la gestion des couleurs, réglez la couleur intérieure du cadre du forum sur : #c3d2ec
EXEMPLE :
IPHONE SOMBRE :
Collez ceci dans votre CSS :
Dans la gestion des couleurs, réglez la couleur intérieure du cadre du forum sur : #121010
EXEMPLE :
Collez ceci dans votre CSS :
/*Image_Coins_Arrondis-------------------------------------------------*/
.upperleft,.upperleft2,.upperleft3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner10.gif");}
.upperright,.upperright2,.upperright3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner11.gif");}
.lowerleft,.lowerleft2,.lowerleft3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner12.gif");}
.lowerright,.lowerright2,.lowerright3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner13.gif");}
/*Round-------------------------------------------------*/
.roundtopleft { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/top-le11.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundtopright { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/top-ri10.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundtopcenter { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/top10.png');
min-height: 55px; height: 55px; }
.borderleft { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/left10.png');
min-width: 55px; width: 55px; }
.borderright { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/right10.png');
min-width: 55px; width: 55px; }
.bordercenter { background-color: #121010;
background-image: none; }
.roundbottomleft { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/bottom11.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundbottomright {background-image: url('https://i.servimg.com/u/f87/11/27/24/66/bottom12.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundbottomcenter { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/bottom13.png');
min-height: 55px; height: 55px; }
.upperleft,.upperleft2,.upperleft3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner10.gif");}
.upperright,.upperright2,.upperright3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner11.gif");}
.lowerleft,.lowerleft2,.lowerleft3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner12.gif");}
.lowerright,.lowerright2,.lowerright3 {background-image: url("https://i.servimg.com/u/f87/11/27/24/66/corner13.gif");}
/*Round-------------------------------------------------*/
.roundtopleft { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/top-le11.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundtopright { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/top-ri10.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundtopcenter { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/top10.png');
min-height: 55px; height: 55px; }
.borderleft { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/left10.png');
min-width: 55px; width: 55px; }
.borderright { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/right10.png');
min-width: 55px; width: 55px; }
.bordercenter { background-color: #121010;
background-image: none; }
.roundbottomleft { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/bottom11.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundbottomright {background-image: url('https://i.servimg.com/u/f87/11/27/24/66/bottom12.png');
min-width: 55px; width: 55px; min-height: 55px; height: 55px; }
.roundbottomcenter { background-image: url('https://i.servimg.com/u/f87/11/27/24/66/bottom13.png');
min-height: 55px; height: 55px; }
Dans la gestion des couleurs, réglez la couleur intérieure du cadre du forum sur : #121010
EXEMPLE :