-
Fantasy Orange
* {line-height: 17px;
}
* a { color: #000;
text-decoration: none;
opacity: 1;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms; }
* a:hover { opacity: 0.8; }
#body{ background: url(http://img15.hostingpics.net/pics/717400Sanstitre6.png) no-repeat 50% 0%, url(http://ekladata.com/JQnLR7RkJljmXh7eGoISR9wTp0U.jpg) 50% 0%
}
#background{ width: 1000px;
}
#header{
height: 400px;
}
#footer{text-align: center;
opacity: 0.5
}
#footer:after{ content:"- Thème by Nagalia"
}
#titre_header a{ display: block;
font-size: 60px;
font-family: cursive;
font-weight: bold;
width: 200px;
line-height: 40px;
text-align: center;
color: #da621d;
text-shadow: -2px -2px 3px #910000, 0 0 5px black, 0 0 20px white, 0 0 10px white;
}
.comment_admin{ border-bottom: 1px solid black;
border-top: 1px solid black;
border-radius: 20px;
}
.comment_normal{ border: none;
margin-top: -5px;
margin-bottom: 0px;
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.5)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(80%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5)20%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8)50%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0)0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8)50%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0)0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8)50%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1 );
}
.commentavatar{ float: left;
margin-right: 15px;
}
.commentavatar img{
-webkit-filter: sepia(0.5) hue-rotate(-30deg) saturate(1);
-moz-filter: sepia(1) hue-rotate(-30deg) saturate(3);
-o-filter: sepia(1) hue-rotate(-30deg) saturate(3);
filter: sepia(1) hue-rotate(-30deg) saturate(3);
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.commentavatar a:hover{opacity: 1
}
.commentavatar img:hover{ -webkit-filter: sepia(0) hue-rotate(0deg) saturate(1);
-moz-filter: sepia(0) hue-rotate(0deg) saturate(1);
-o-filter: sepia(0) hue-rotate(0deg) saturate(1);
filter: sepia(0) hue-rotate(0deg) saturate(1);
}
#menu{ position: absolute;
top:10px;
height: 350px;
padding-top: 30px;
background: -moz-linear-gradient(left,rgba(255,255,255,0) 0%, rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8) 50%, rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(20%,rgba(255,255,255,0.5)), color-stop(50%,rgba(255,255,255,0.8)), color-stop(80%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
background: -webkit-linear-gradient(left,rgba(255,255,255,0) 0%,rgba(255,255,255,0.5)20%,rgba(255,255,255,0.8) 50%,rgba(255,255,255,0.5)80%,rgba(255,255,255,0) 100%);
background: -o-linear-gradient(left, rgba(255,255,255,0)0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8)50%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
background: -ms-linear-gradient(left, rgba(255,255,255,0)0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8)50%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
background: linear-gradient(to right, rgba(255,255,255,0)0%,rgba(255,255,255,0.5) 20%,rgba(255,255,255,0.8)50%,rgba(255,255,255,0.5) 80%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00ffffff',endColorstr='#00ffffff',GradientType=1 );
}
#menu a{ text-align: center;
height: 60px;
width: 350px;
line-height: 30px;
font-size: 20px;
copy
}
#menu1 { background: url(http://ekladata.com/0sY3qvf5S_3lLcD6wDtMJhaY97Q.jpg);
padding: 10px;
width: 180px;
border-top: 1px solid black;
border-bottom: 1px solid black;
padding-top: 3px;
}
.module_menu_type_lastvisitors{ position: fixed;
top: 15px;
margin-left: 950px;
width: 70px;
}
.module_menu_type_lastvisitors img{ width: 50px;
margin-bottom: 7px;
-webkit-filter: sepia(1) hue-rotate(-30deg) saturate(3);
-moz-filter: sepia(1) hue-rotate(-30deg) saturate(3);
-o-filter: sepia(1) hue-rotate(-30deg) saturate(3);
filter: sepia(1) hue-rotate(-30deg) saturate(3);
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
}
.module_menu_type_lastvisitors a:hover{ opacity: 1;
}
.module_menu_type_lastvisitors img:hover{
-webkit-filter: sepia(0) hue-rotate(0deg) saturate(1);
-moz-filter: sepia(0) hue-rotate(0deg) saturate(1);
-o-filter: sepia(0) hue-rotate(0deg) saturate(1);
filter: sepia(0) hue-rotate(0deg) saturate(1);
}
.module_menu_type_lastvisitors .module_menu_titre{
height: 0px;
font-size: 0px;
opacity: 0;
}
.module_menu_titre,
.module_titre{ background: rgba( 255,255,255,0.5);
margin: -3px;
margin-bottom: 10px;
text-align: center;
padding-top: 7px;
font-size: 20px;
font-family: cursive;
}
.module_titre{ background: none;
margin-bottom: -9px;
}
.module_menu_contenu{ margin-bottom: 20px;
text-shadow: 0 0 10px white, 0 0 5px #ff9d51, 1px 1px 1px rgba(255,255,255,0.7);
}
.module_contenu{ background: url(http://ekladata.com/hmiBYCqY9T4cPjeODYxTzf1CJr8.jpg);
padding: 20px;
width: 660px;
border-top: 1px solid black;
border-bottom: 1px solid black;
box-shadow: 2px 2px 10px black;
}
.article_info{margin-bottom: 20px;
margin-left: 400px;
margin-top: 0px;
text-align: right;
font-size: 12px;
}
/*MENUBAR*/
#menubar,
#menubar a{ color: black;
}
#menubar_section_content:hover,
#menubar_section_appearance:hover,
#menubar_section_interactions:hover,
#menubar_section_manage:hover,
#menubar_section_account:hover,
#menubar_section_help:hover,
#menubar_notifications:hover,
#menubar_signin,
.window_handle_content,
.window_handle_left,
.window_handle_right
{
-webkit-filter: sepia(0.5) hue-rotate(-160deg) saturate(3);
-moz-filter: sepia(0.5) hue-rotate(-160deg) saturate(3);
-o-filter: sepia(0.5) hue-rotate(-160deg) saturate(3);
filter: sepia(0.5) hue-rotate(-160deg) saturate(3);
}
#menubar_favorites_btn, #menubar_nofavorites_btn:hover { background: url("/images/menubar/icon_nofavorite.png")no-repeat 50% 50%; }
#menubar_favorites_btn:hover,
#menubar_nofavorites_btn { background: url("/images/menubar/icon_favorite.png")no-repeat 50% 50%; }
Tags : module, fond, article, bas, titre
-
Commentaires
Il n'y a pas de code pour les vieux thème, il faut les installer manuellement ^^'
Je suis en train de les mettre en CSS, mais je n'ai pas encore pu tous les faire. Si tu n'es pas trop pressé, je peux essayer de le faire avant ce soir.
Pas de soucis, merci beaucoup à toi et c'est vraiment du bon travail ce que tu fais.
Bonne continuation, je n'hésiterai pas à prendre tes thèmes ils sont supers !!
Mais de rien :)
Voici donc le thème actualisé (affichage optimisé pour un seul menu à gauche)
Merci beaucoup ^^, par contre une dernière question s'il te plait, euh pour faire notre menu en haut de la page au centre c'est quel code qu'il fait faire ? :)
En tout cas merci encore :D
Enlève la marge de 500px au dessus de ton en-tête. (Apparence => Modifier le thème => Marge)
?? Non c'est pas ça que je veux dire, tu vois le menu à gauche de ma page hé bien je veux le mettre au centre comme ça la page où j'écris mes articles soit plus grande ^^
Heu... Effectivement, je n'ai pas compris ^^'
Tu parles de quel menu ? Celui du header ou celui des rubriques ?
Celui des menus, là où il y'a " seconde" ; Informations ... pour le mettre en haut et faire comme apparence, contenu, aide quand je met la souris sur le texte hé bien y'a les articles qui sortent, bon c'est pas vraiment cohérent ce que je dis mais j'espère que tu m'as compris, et j'espère que c'est possible de le faire o/ ;D
Je ne suis pas sûre d'avoir compris ce que tu veux faire...
Mettre les modules "Seconde" "Première" "Tutoriels" au milieu du header ?
EDIT : Ah ok, compris ^^
Oui, c'est possible, mais c'est un peu long à bidouiller. Je n'ai pas encore fait de tuto la dessus, il faut que je fasse quelques essaie pour ne pas me planter dans mes explications. J'essaie de faire ça rapidement.
Coucou ! Tes thèmes sont magnifiques, je t'en ai pris quelques uns :p
Et nice tuto, ça permet de changer certains trucs utiles de place sans pour autant les supprimer o/
Purée... comment tu as fait pour le filtre des visiteurs, un peu "cramé" ??? J'adore ce filtre..
Ajouter un commentaire
Trops *O*