-
Noël RPG
* {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; }
* img {max-width: 98%;
margin: 5;
}
#body{ background: url(http://img15.hostingpics.net/pics/955079neige.png) repeat-x 100% 0%,
url(http://img15.hostingpics.net/pics/431964back.png) repeat-x, url(http://img15.hostingpics.net/pics/394092ROCHE.jpg);
background-color: #6c1f1f
}
#header{ height: 450px;
background: url("http://img15.hostingpics.net/pics/258415ban.png") no-repeat 50% 0%;
}
#menu {
position: absolute;
top: 60px;
left: 50%;
margin-left: -510px;
width: 1800px
}
#menu a{ padding: 10px;
height: 30px;
width: 850px;
text-align: left;
padding-left: 20px;
padding-top: 15px;
font-weight: bold;
background: url(http://img11.hostingpics.net/pics/905253menu.png) no-repeat;
}
#menu a:hover{ opacity: 1;
color: rgba(0,0,0,0.7);
}
#background{width: 85%;
}
#content{ width: 55%;
margin: auto;
}
#menu1,
#menu2{margin-top: -40px;
background: none;
width: 200px;
padding: 10px;
margin-left: 0px;
margin-right: 0px;
}
#menu1_top,
#menu2_top{height: 0px;
}
.module_titre{ text-align: center;
border: none;
margin-top: 20px;
margin-bottom: 15px;
font-family: monotype corsiva;
font-size: 25px;
height: 40px;
background: url(http://img4.hostingpics.net/pics/872538soulignement.png) no-repeat 50% 120%;
}
.module_menu_titre { background: url(http://img15.hostingpics.net/pics/220685titrem1.png) no-repeat;
height: 30px;
margin-top: 20px;
margin-bottom: 10px;
border-radius: 10px;
padding-top: 30px;
padding-right: 40px;
font-size: 17px;
text-align: center;
}
.module_menu_type_lastvisitors {
position: absolute;
width: 200px;
top: 65px;
left: 50%;
margin-left: -6%;
text-align: center;
filter: sepia(1);
-webkit-filter: sepia(1);
-moz-filter: sepia(1);
-o-filter: sepia(1);
-ms-filter: sepia(1);
}
.module_menu_type_lastvisitors img { max-width: 50px;
border-radius: 10px 0 10px 0;
margin-left: 10px;
}
.module_menu_type_lastvisitors .module_menu_titre {opacity: 0
}
.module_menu_type_calendar .module_menu_titre,
.module_menu_type_shoutbox .module_menu_titre{background: url(http://img15.hostingpics.net/pics/391980titrem3.png) no-repeat;
padding: 0px;
padding-top: 32px;
color: #ffc939;
text-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}
#menu_calendar { border: none;
background: url(http://img4.hostingpics.net/pics/705179parchemin.jpg);
border-top: 1px solid rgba(0,0,0,0.7);
border-bottom: 1px solid rgba(0,0,0,0.7);
box-shadow: 0 0 5px black, inset 0 0 15px #956d39;
width: 90%;
}
.module_menu_contenu_block { padding-bottom: 10px;
text-shadow: 1px 1px 1px rgba(255,255,255,0.4);
}
#menu_calendar th{ background: none;
padding-top: 5px;
border-bottom: 1px dotted rgba(0,0,0,0.5);
}
.menu_calendar_link { background : url(http://img4.hostingpics.net/pics/724629calendar.png) no-repeat -100% -100%;
}
.menu_calendar_link:hover{border: none;
}
.ulmodules{ background: url(http://img4.hostingpics.net/pics/705179parchemin.jpg);
margin-bottom: 50px;
border-left: 3px solid rgba(0,0,0,0.7);
border-right: 3px solid rgba(0,0,0,0.7);
box-shadow: 0 0 15px black, inset 0 0 15px #956d39;
border-radius: 7px;
padding: 20px;
text-align: justify;
}
.article_info { font-size: 12px;
margin-bottom: 20px;
text-align: right;
line-height: 12px;
opacity: 0.7;
color: rgba(0,0,0,0.7)
}
#footer{ text-align: center;
font-size: 13px;
}
#footer:after{
content: "- Design by Nagalia";
color: #000
}
-
Commentaires
Thanks :)
Exceptées les images du header (père noël barbare, link et le parchemin) tout est de moi ;)
Mh, j'utilise rarement ma tablette pour faire des thème.
La souris et un peu d'imagination suffisent largement ;)Comment tu fait pour faire sa avec une souris ? C'est impossible ! (A moins d'avoir une souris qui bouge toute seul..)
@Chacha : Patience ? Je te rassure, ma souris n'est pas possédée XD
@Efleddy : Pourquoi pas :) Il faut juste que je trouve des idées avec des sapins...
T'as souris n'es pas posséder ? T'on clavier peut-etre 8D !
Patience ? Connais pas XD
Comment tu fais cette effet de "pierre", sur l'image, en-dessous de l'header ?
Et l'effet "vieux papier" , sur le menu des rubrique ?
J'essaierais de faire des tuto pour ça ;)
Je n'ai pas grand chose à faire en ce moment, donc j'en profite pour revenir sur ekla :)
Je redirige la conversation par ici ;)
=> http://fanstasy-graph.eklablog.net/blabla-fantasy-graph-a104219874
Salut^^
Super beau le thème^^comme d'habitude.
(hum je pense que tu connais la suite^^) je te le pique, merci^^
je te le prend nagalia *.*
Super thème :D
ça te dérange si je met d'autres images pour le header ?22JOJOKingMercredi 8 Janvier 2014 à 17:57Bonjour,
Magnifique thème ;) Bravo à vous !!
Je voudrais savoir ou vous avez eu le parchemin vierge car il est tout simplement génial ;-)
Le thème est sympas ^^
J'ai vue que sur la capture il y avais un code neige a mettre dans le html...Il y a un code a mettre ou pas stp ?
Sinon je vais mettre le thème pour noël merci! ^^
Ce thème est juste magnifique *o*
Comment tu as fais pour trouver ces CSS ? Tu les as trouver par toi-même ? :o
Ajouter un commentaire
Je te le choppe mon thème ne dure pas je sais rfjgjkjbnkkljdfnbkjfgntrd