Un admin pourrait me donner le fichier css du site ? Car je comprends rien quand j'utilise l'outil de chrome, tout est mélangé, etc...
Topic : « [HELP] j'arrive pas à faire un thème »
base toi plutot sur le code d'un theme existant si tu comprend pas l’inspecteur d'éléments
Citation de GrosseViande
base toi plutot sur le code d'un theme existant si tu comprend pas l’inspecteur d'éléments
Pas bête j'y avais pas pensé
/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
padding:0;
margin:0;
border:0;
outline:0;
vertical-align:top
}
.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:8020
}
.fancybox-skin {
position:relative;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.fancybox-opened {
z-index:8030
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);
box-shadow:0 10px 25px rgba(0,0,0,.5)
}
.fancybox-outer,.fancybox-inner {
position:relative
}
.fancybox-inner {
overflow:hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}
.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap
}
.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%
}
.fancybox-image {
max-width:100%;
max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(fancybox_sprite.png)
}
#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
cursor:pointer;
z-index:8060
}
#fancybox-loading div {
width:44px;
height:44px;
background:url(fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040
}
.fancybox-nav {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url(blank.gif);
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040
}
.fancybox-prev {
left:0
}
.fancybox-next {
right:0
}
.fancybox-nav span {
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}
.fancybox-prev span {
left:10px;
background-position:0 -36px
}
.fancybox-next span {
right:10px;
background-position:0 -72px
}
.fancybox-nav:hover span {
visibility:visible
}
.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}
.fancybox-lock {
overflow:hidden!important;
width:auto
}
.fancybox-lock body {
overflow:hidden!important
}
.fancybox-lock-test {
overflow-y:hidden!important
}
.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url(fancybox_overlay.png)
}
.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}
.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}
.fancybox-title {
visibility:hidden;
font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}
.fancybox-opened .fancybox-title {
visibility:visible
}
.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom
5px;
z-index:8050;
text-align:center
}
.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:700;
line-height:24px;
white-space:nowrap
}
.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}
.fancybox-title-inside-wrap {
padding-top:10px
}
.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url([email protected]);
background-size:44px 152px
}
#fancybox-loading div {
background-image:url([email protected]);
background-size:24px 24px
}
}
padding:0;
margin:0;
border:0;
outline:0;
vertical-align:top
}
.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:8020
}
.fancybox-skin {
position:relative;
background:#f9f9f9;
color:#444;
text-shadow:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px
}
.fancybox-opened {
z-index:8030
}
.fancybox-opened .fancybox-skin {
-webkit-box-shadow:0 10px 25px rgba(0,0,0,.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,.5);
box-shadow:0 10px 25px rgba(0,0,0,.5)
}
.fancybox-outer,.fancybox-inner {
position:relative
}
.fancybox-inner {
overflow:hidden
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}
.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap
}
.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%
}
.fancybox-image {
max-width:100%;
max-height:100%
}
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(fancybox_sprite.png)
}
#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
cursor:pointer;
z-index:8060
}
#fancybox-loading div {
width:44px;
height:44px;
background:url(fancybox_loading.gif) center center no-repeat
}
.fancybox-close {
position:absolute;
top:-18px;
right:-18px;
width:36px;
height:36px;
cursor:pointer;
z-index:8040
}
.fancybox-nav {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url(blank.gif);
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040
}
.fancybox-prev {
left:0
}
.fancybox-next {
right:0
}
.fancybox-nav span {
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}
.fancybox-prev span {
left:10px;
background-position:0 -36px
}
.fancybox-next span {
right:10px;
background-position:0 -72px
}
.fancybox-nav:hover span {
visibility:visible
}
.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}
.fancybox-lock {
overflow:hidden!important;
width:auto
}
.fancybox-lock body {
overflow:hidden!important
}
.fancybox-lock-test {
overflow-y:hidden!important
}
.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url(fancybox_overlay.png)
}
.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}
.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}
.fancybox-title {
visibility:hidden;
font:400 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}
.fancybox-opened .fancybox-title {
visibility:visible
}
.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom
5px;z-index:8050;
text-align:center
}
.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:700;
line-height:24px;
white-space:nowrap
}
.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}
.fancybox-title-inside-wrap {
padding-top:10px
}
.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}
@media only screen and (-webkit-min-device-pixel-ratio:1.5),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-device-pixel-ratio:1.5) {
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url([email protected]);
background-size:44px 152px
}
#fancybox-loading div {
background-image:url([email protected]);
background-size:24px 24px
}
}
Pour le basique c'est facile mais pour cibler certains éléments ça demande un petit peu de connaissances donc oui prends le css d'un thème existant.
Dis-moi ce que tu veux faire : un fond grand format (wallpaper), une couleur dominante (celle qui sera en fond de messages et tout) et une couleur secondaire (pour les boutons notamment).
Citation de Danger
Dis-moi ce que tu veux faire : un fond grand format (wallpaper), une couleur dominante (celle qui sera en fond de messages et tout) et une couleur secondaire (pour les boutons notamment).
Je veux bien merci mais en privé alors


Ah ok ça sent le truc sale en fond, au pire dis-moi juste les couleurs et je te dirai où insérer ton fond.

