-
Halloween
HTML,BODY,
#menubar,
.window{cursor: url("http://img15.hostingpics.net/pics/160348curseur.png"), auto;}
A:hover,
input{cursor: url("http://img15.hostingpics.net/pics/337515curseur2.png"), auto;}
#header{background: url("http://ekladata.com/puCZnNNaKtWQHipMtlxZlBjeauU.png") no-repeat 50% 0%;
height: 500px;
}
#titre_header {margin-top: 110px;
margin-left: 180px
}
#titre_header a {color: rgb(255, 100, 30);
font-family: Dracula, Comic sans ms;
font-size: 70px;
text-shadow: 0 0 20px black, 0 0 15px black, 0 0 10px black;
}
#body {background:black;
}
#background {background:none;
width: 1050px;
padding: 10px
}
#footer {color: rgb(255, 100, 50);
text-shadow: 0 0 3px #eea54f;}
#footer:after {content: " - Design by Nagalia";
color: rgb(255, 100, 50);
text-shadow: 0 0 3px #eea54f;
}
.module_titre {background: url("http://ekladata.com/XNUSO_-HxzwK8ksJTC1D3RboZ3w.jpg") 700% 500%;
margin-right: 15px;
font-size: 15px;
text-align: center;
font-family: comic sans ms;
text-shadow: 0px 0px 5px #ff5400;
padding-top: 5px;
height: 50px;
box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500;
-webkit-transition: 500ms;
moz-transition: 500ms;
transition: 500ms;
}
.module_titre:hover {background: url("http://ekladata.com/XNUSO_-HxzwK8ksJTC1D3RboZ3w.jpg") 600% 500%;}
.module_contenu {position: relative;
margin-top: 0px;
margin-right: 15px;
background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg");
box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500
}
#menu1,
#menu2 {width: 200px;
color: #eea56f;background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg");
box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500
}
#menu1
.module_menu_titre {background: url("http://ekladata.com/mws1GsrD11aLqjclBU0kiaha5L0.png") 70% 30%;
color: black;
text-shadow: 1px 1px 1px #ff5400;
padding: 15px;
font-size: 17px;
text-align: center;
font-family: comic sans ms;
}
#menu2
.module_menu_titre {background: url("http://ekladata.com/xkUhbBjgQ2uuJWh-RxLu9XYLrr0.png") 70% 30%;
color: black;
text-shadow: 1px 1px 1px #ff5400;
padding: 15px;
font-size: 17px;
text-align: center;
font-family: comic sans ms;
}
p {color: #eea56f;}
a {color: rgb(255, 100, 50);
text-shadow: 0 0 3px #eea54f;
}
a:hover {color: rgb(255, 250, 50);
text-decoration: none;
}
/*MENU*/
#menu{margin-left: 0px;
margin-top: 0px
}
#menu a{width: 60px;
height: 20px;
background: rgba(250, 120, 50, 0.5) ;
text-shadow: none;
margin-top: 10px;
text-align: center;
line-height: 20px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-webkit-transition: 1s;
}
#menu a:hover {width: 100px;
border-radius: 0 8px 8px 0;
text-shadow: 1px 1px 1px #eea56f;
}
/*MENU FIN*/
/*BARRE D'OUTIL*/
.menubar_section:hover div{
background: none;
color: black;
text-shadow: 1px -1px 1px #ff5600;
}
#menubar {background: url("http://ekladata.com/XNUSO_-HxzwK8ksJTC1D3RboZ3w.jpg") 0% 100%;
background-position: 0% 0%;
box-shadow: 0 0 15px #ff5400, 0 0 5px #ff5400, inset 0 10px 25px #eea56f;
color: black;
text-shadow: 1px 1px 1px #ff5600;
}
.menubar_section {background-image: none}
#menubar_notifications {background-image: none}
#menubar_hide{ width: 0px;}
.menubar_section li { background: rgba(250, 120, 50, 0.8)
}
.menubar_section li:hover { color:black;
text-shadow: -1px -1px 1px #ff5600;
background: url("http://ekladata.com/3XiUMiigLjJ0MbKR4SHbxwsS6WE.jpg");
border-top: 1px dotted white;
border-bottom: 1px dotted white;
box-shadow: 0 0 2px black;
color: black
}
.menubar_section li:last-child { background: rgba(250, 120, 50, 0.8);
border-radius: 0 0 15px 15px;
}
.menubar_section li:last-child:hover { color:black;
text-shadow: -1px -1px 1px #ff5600;
background: url("http://ekladata.com/3XiUMiigLjJ0MbKR4SHbxwsS6WE.jpg") }
.menubar_section ul {box-shadow: 0 0px 7px black ;
border-radius: 0 0px 15px 15px;
margin-left: 10px;
}
#menubar_notifications:hover
#menubar_notifications_btn{ background: none}
#notifications_panel { box-shadow: 0 0 5px black;
border-radius: 0 0px 15px 15px
}
#notifications_panel a,
#notifications_panel div {background: rgba(250, 120, 50, 0.8);
text-shadow: 1px 1px 1px #ff5600
}
#notifications_panel div:hover{color:black;
text-shadow: -1px -1px 1px #ff5600;
}
#notifications_panel a:hover,
.new_notification:hover {color:black;
text-shadow: -1px -1px 1px #ff5600;
background: url("http://ekladata.com/3XiUMiigLjJ0MbKR4SHbxwsS6WE.jpg");
border-top: 1px dotted white;
border-bottom: 1px dotted white;
box-shadow: 0 0 2px black; }
#notifications_panel a:last-child,
#notifications_panel div:last-child {border-radius: 0 0px 15px 15px }
#notifications_panel
.new_notification {background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg") }
/*FENETRE*/
.window_handle_left{ background: none;
width: 0px
}
.window_handle_right{ background:none;
width: 0px
}
.window_content{ background: rgba(250, 120, 50, 0.5);
margin: 15px;
border-radius: 10px;
box-shadow: 0 0 10px black;
color: black;
}
.window_content_wrapper1{ background:none;
}
.window_content_wrapper2{ background:none;}
.window_bottom_wrapper1{ background:none;}
.window_bottom_wrapper2{ background:none;}
.window_bottom{ background:none;}
.window{background: url("http://ekladata.com/P10aFh4ZIjz0Dz42w495fjQ_R4A.jpg");
border-radius: 15px;
box-shadow: 0 0 10px #ff5400, 0 0 5px #ff4500
}
.window a {color: rgb(255, 150, 100);
text-shadow: 0 0 2px black;
}
.window a:hover {color: rgb(255, 200, 50);
text-decoration: none;
}
.window_handle_content {background: url("http://ekladata.com/ysEilzYWCNn2S_keIlIiIzGwbSE.png");
margin: 0px;
padding: 0px;
height: 100px;
border-radius: 15px 15px 0 0;
text-align: center;
}
.window_title{line-height: 20px;
height: 30px;
margin-top: 0px;
padding-top: 15px;
color: black;
text-shadow: 0 0 5px #eea54f;
font-size: 25px;
font-family: 'courgette', cursive;
font-weight: bold;
}
.window_handle_tools {margin-top: -7px;
margin-right: 10px
}
.button_win,
.window input[type=button],
.window input[type=submit],
.window button{ background: rgba(255, 225, 180, 0.9);
border: 1px dotted white;
box-shadow: 0 0 3px;
background-image: none;}
.button_win:hover,
.window input[type=button]:hover,
.window input[type=submit]:hover,
.window button:hover{ background: rgb(255, 150,50);
background-image: none;}
-
Commentaires
3MonakaJeudi 1er Décembre 2011 à 18:52Mh... il date un peu ^^'
Je vais voir si j'arrive à remettre la main sur le css. Sinon, je le referais peut être un jour, mais j'ai un peu la flemme de le recoder là ^^'
Tss un jeux d'enfant
#header {
height: 551px;
background:transparent url( http://data0.eklablog.net/fanstasy-graph/mod_article24819625_1.png?1914 ) center top no-repeat;
}
Ca vaut bien un thème cadeau :D ?8SwaggyLundi 2 Juillet 2012 à 11:22@Brookol: Je pense que le css concernait tout le blog, mais merci quand même :)
" Ca vaut bien un thème cadeau :D ? "
J'ai ai pas fait assez en libre service de thèmes ? :PDe rien :)
12SwaggySamedi 14 Juillet 2012 à 16:27Je le voudrais bien mais les codes il faut les mettres dans "apparence>>Modifié le theme>>ajouté du CSS" ???
@Loky-chan: Le thème date de l'année dernière, je ne pensais pas à vous donner les codes en même temps à ce moment là ^^' Donc cela fait un petit moment que je n'ai plus le css, désolé ^^'
17NovaliaMercredi 24 Octobre 2012 à 11:36Bon, c'est vrai qu'en terminale S, t'a pas le temps de t'en occuper, mais je pense que tu pourrais essayer de nous refaire tout le css, rien que pour nous ^^ (ça arrengerais tout le mode :p)
Par exemple, pendant les vacances ^^ (avant Halloween, si possible ^^') Tu peux bien consacrer 3h (ou peut-être moins, ou peut-être plus....) de ta vie pour des petites merdes comme moi (ça fais un bail que j'ai pas remis les pied sur ekl', alors chuis un peu pommée en CSS x) !
Merci d'avance :3
J'ai un peu la flemme de le refaire pour tous les thème, mais oui, comme c'est bientôt halloween, je pense que je vais le faire pour celui là ;)
*va se dépêcher de recoder tous ça*
21NovaliaMercredi 24 Octobre 2012 à 18:2123NovaliaMercredi 24 Octobre 2012 à 19:2225NovaliaJeudi 25 Octobre 2012 à 13:2426NovaliaJeudi 25 Octobre 2012 à 20:47Il y a deux trois problème dans ton css ê_e
Exemple : la couleure de texte des menus. Je le vois noir, et c'est illisible le noir sur du noir...
28NovaliaJeudi 25 Octobre 2012 à 21:2029NovaliaJeudi 25 Octobre 2012 à 21:27How, je me demandais 'j'ai férmé le blog et pourtant nag' est venue il y a 16min... bizarre...'
t'avais la permission (elle date de... oulah ! quand tu faisait les thème sur monde imaginaire...) pour que tu refasse mon thème, et j'ai oublié de l'enlever ^^'
En plein traveaux, en plein bazars, oulah >_<
J'avais même pas vu que j'avais la perm XD
Bon, ça sera quand même corrigé pour ceux qui oublie de décocher ^^
37NovaliaDimanche 28 Octobre 2012 à 15:02@Erenwë: Je l'ai utilisé comme fond des titres dans les fenêtres d'information, mais tu en fais ce que tu veux ;)
@Amu: Enlève les marges, et désactive les tailles des articles et des menus
40NovaliaDimanche 28 Octobre 2012 à 16:05mahnifique !!!!!!!!!!!!!!!!!!!!!!!!!!!! *O*
je te le piquerais l'année prochaine ;)
sinon c'est vraiment incroyblament magnifique le thème actuel de ton blog !! mille bravo !!
tu utilise quoi comme logiciel ? (dsl si je te dérenge >o<)
50NovaliaLundi 29 Octobre 2012 à 16:25Bah, je sais pas, tu l'a mis comment ?
Il faut copier le code en dessous et le coller dans le html d'un article ou d'un module...
53NovaliaLundi 29 Octobre 2012 à 17:32Heu... je sais pas alors... T'es sur quel navigateur ?
ça te fais quoi ? quand tu met le code, l'horloge ne s'affiche pas, mais quand tu regarde dans le html, le code est toujours là, ou au contraire, le code n'est plus là ?
J'utilise Google Chrome
Quand je met le code dans HTML, le code y est, mais l'horloge ne s'affiche pas, c'est le code qui s'affiche.
56NovaliaLundi 29 Octobre 2012 à 18:01Bah je sais pas, enfin, je peux juste te dire que sur ce blog, je vois pas tout le temps les horloges, même si le code y est...
58NovaliaLundi 29 Octobre 2012 à 18:42Merci.
Sinon tu sais comment on fait pour mettre de la musique sur une image comme a fait Nagalia ?
Je peux le prendre ? :D
PS: Comment tu fait l'araignée sur le côté, et quand tu la survol, elle descend ? **
Ptit beug avec la musique , c'est que quand c'est écrit 'Stop!!' que la musique commence.....
66NovaliaMercredi 31 Octobre 2012 à 12:19Oui mais moi je laiise un com's avant de prendre!Parce que s'st marquer quand on clique sur libre service !Mais merci comme même sa me sert beaucoup pur la toute premier fois un théme j'etait trop contente!
Je te l'ai pris en le modifiant un peu ^^
Merci beaucoup Nagalia pour toutes les magnifiques choses que tu fais pour nous :)
71Lundi 31 Décembre 2012 à 07:20That's a smart way of loonkig at the world.73LisbethHoran2Vendredi 1er Mars 2013 à 13:47Vraiment beau ! Il faut tout de suite que je vois tes tutoriels pour les horloges (si tu en fais bien sûr).
C'est parce qu'il faut que tu mette un code, puisque le header est trop "gros". Soit, si tu veux mettre ce thème complet, tu copie le code dans la case blanche en dessous de "ressource", et tu le colle dans le css de ton blog (Apparence => modifier le thème => CSS).
Sinon, tu colle juste ce code dans le css (Apparence => modifier le thème => CSS) pour avoir juste le header :
#header{background: url("http://ekladata.com/puCZnNNaKtWQHipMtlxZlBjeauU.png") no-repeat 50% 0%;
height: 500px;
}
Si tu veux la police d'écriture qui va avec pour le titre, tu met ça :
#titre_header {margin-top: 110px;
margin-left: 180px
}
#titre_header a {color: rgb(255, 100, 30);
font-family: Dracula, Comic sans ms;
font-size: 70px;
text-shadow: 0 0 20px black, 0 0 15px black, 0 0 10px black;
}
C'est simple, non ? ^^
Si t'a d'autre problème, tu peux demander ici (si c'est pour le thème) ou à la FAC.
Si tu débute en css et que tu comprend absolument rien, passe à l'encyclopédie ^^
Allez, bonne chance :)
heuu merci c'est trop jentille j ai tout compris est je l ai appliquer enfaite c'estai facil ^^ vien jeter un coup doeil !
heuu Bonjour je voudrai avoire le code css pour bordure de la page d article parce que avec tout ses code css je me perd =_="
merci d'avence
Qu'est-ce que tu appelles "la bordure de la page d'article" ? Tu parles des articles, ou de la page du blog ?
a heuu enfaite c'est bon je l ai trouver merci de m avoir repondu =_="
je trouve tes création trop belle bravo !
heuu je voulais savoir comment tu a fait pour arondire les sondage c est grasse a un code css non ?
C'est malheureusement un petit peu plus compliqué qu'un unique code ^^'
Voici le sujet :
=> http://fanstasy-graph.eklablog.net/resolu-sondage-topic96360
Je le prends il est très joli et c'est aussi pour m'aider à bien comprendre les codes css encore, merci. Et puis c'est impressionnant tout les effets que l'ont peut mettre sur le textes, la némubar, les cadres...
bonjour
très sympa comme blog
je te prends ce design car pas le temps d'en faire un pour cette fête assez courte. merci à toi de partager le css en entier ,ce qui est rare.
très bonne journée
dridrine
Ajouter un commentaire
je te le prend ^^