-
Commande finie
Ici se trouve les commandes finie
-
Par Suki le 23 Octobre 2014 à 10:15
Voici ton thème. ^^
Header :
Fond :
Pied de page :
Bouton : (excuse moi, je suis nulle pour les boutons x.x)
Je sais que tu ne m'avais pas demandé de fond pour le contenu et le menu, mais je te les mets en bonus '^'
&
Vue du thème :
Voila, j'espère que ça te plait.. ^^
2 commentaires -
Par Suki le 27 Septembre 2014 à 17:46
Désoler d'avoir mis autant d'temps.. ><
Voici ton kit :
J'espère que tu aimes.. é-è
2 commentaires -
Par Suki le 27 Septembre 2014 à 17:21
Voici pour toi Hisis. o/
Excuse moi d'avoir mis autant de temps, j'ai eu un petit problème.. ><
[D'ailleurs, j'espère que tu n'as pas supprimé ta commande vu le temps que j'ai mis.. >.>]Tu aurais peut-être voulue un peu de couleur.. x:
Bannière :
Elle est trop lourde, alors met ceci :
#header {background-image: url(http://img15.hostingpics.net/pics/746800fond15.png) ;}
Fond :
Fond menu :
Fond article :
CSS (pour les menu arrondie avec de l'ombre) :
#menu1 {
border-radius: 30px ;
box-shadow: 0 0 10px #000000;
}
.module_contenu {
border-radius: 30px ;
box-shadow: 0 0 10px #ffffff;
}Vu du thème :
3 commentaires -
Par Suki le 1 Septembre 2014 à 16:02
La bannière :
(click)
Fond :
Fond menu et article :
Bordure : 1px Continue #06f8e9
Stat's :
CSS :
#header {background-image: url(http://img11.hostingpics.net/pics/224526bannire12.png) ;}
#menu1 {
border-radius: 30px ;
box-shadow: 0 0 10px #06f8e9;
}
.module_contenu {
border-radius: 30px ;
box-shadow: 0 0 10px #06f8e9;
}
.module_menu_type_lastvisitors{
position: absolute;
top: 50px;
left: 90px;
background: #ffffff(90, 188, 189, 0.2);
border-radius: 15px;}
.module_menu_type_lastvisitors img:hover {
-webkit-transition: 500ms;
-moz-transform:rotate(50deg);
-webkit-transform:rotate(50deg);
transform:rotate(50deg);
}
.module_menu_type_lastvisitors img {border-top-left-radius: 50px;
border-top-right-radius: 50px;
border-bottom-right-radius: 50px;
border-bottom-left-radius: 50px;
}
.module_menu_type_lastvisitors img {border: 3px solid #ffffff;
}Si tu veux les autres module à côté de ton header, il me faudrait la permission 3 sur ton blog puisque les valeurs change selon le blog.. ^^'
J'espère que tu aimes.. '^'
Vu : (♥)
24 commentaires -
Par Suki le 2 Juillet 2014 à 15:21
Voici ton thème. :) Désoler d'avoir mis autant de temps. :S Sorry...
Bannière :
Fond :
Fond menu :
(met un contour de 2px en "continue" avec la couleur : #e2c9d4)Fond article :
(met un contour 2px en "continue" avec la couleur : #b18093)Fond titre menue :
Fond titre article :Pied de page :
Statistique :
HTML (pour les flèches qui envoient au haut et bas de la page) :
<div id="fleche"><a href="#header"> <img src="http://img4.hostingpics.net/pics/327693flche3.png" alt="" width="51" height="100" /> </a> <a href="#footer"> <img src="http://img4.hostingpics.net/pics/767787flche2.png" alt="" width="51" height="100" /> </a></div>
Fais un deuxième menu ou tu fais 0px. Place les visiteurs et un module simple. Dans le module simple, tu ajouteras le code HTML. (↑)
Code CSS :
body {
cursor: url(http://img11.hostingpics.net/pics/699570cupteabysuki.png), auto;
}
a:hover {
cursor: url(http://img11.hostingpics.net/pics/869013cuptealienbysuki.png), auto;
}
#menubar {propriété: valeur;}
#menubar {color: #b78;}
#menubar {font-family: Comic sans MS;}
#menubar {text-shadow: 1px 1px 1px #ffffff}
#menubar {background:url(http://www.hostingpics.net/thumbs/34/21/15/mini_342115fondmenu.png)}
.menubar_section {background-image: none}
#menubar {
box-shadow: 0px 5px 15px #b78;
}
#menubar_hide{ background-image: url("IMAGE");}
#menubar_favorites{
background-image: none;
}
.menubar_button
.menubar_section:hover,
.menubar_section,
.menubar_separation,
.menubar_button,
#menubar_logo,
#menubar_favorites { background: none;}
.module_menu_type_lastvisitors{
position: absolute;
top: 200px;
left: 1064px;
background: fga(90, 188, 189, 0.2);
border-radius: 15px;}
.module_menu_type_lastvisitors img { max-height: 90px;
max-width: 60px;
}
.module_menu_type_lastvisitors img {border: 1px solid #b78;
}
.module_menu_type_lastvisitors img:hover {-webkit-transform: rotate(Xdeg);
-moz-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
-webkit-transition: 1s;
-moz-transition: 1s;
-o-transition: 1s;
transition: 1s; }
.module_menu_type_lastvisitors img {border-top-left-radius: 10px;
border-top-right-radius: 10px;
border-bottom-right-radius: 10px;
border-bottom-left-radius: 10px;
}
a { text-shadow: 10px 0px 15px #b79; }
#fleche {position: fixed;
top: 60%;
left: 95%;}
.commentavatar {
float: left;
}
.commentavatar {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
padding: 0;
}
.commentavatar {
box-shadow: 0 0 7px #000000;
background-color: #FFFFFF;
border: 2px solid #FFFFFF;
padding: 0;
}
#body {top: 0px;
border-top: none;
}
#menubar { opacity: 0;
transition: 800ms;
-webkit-transition: 800ms;
-moz-transition: 800ms;
-o-transition: 800ms;
}
#menubar:hover{ opacity: 1; }Je suis désolée pour le curseur, il est pas très beau. Je l'ai raté... :/
Après avoir appliqué le CSS, ne t'inquiète surtout pas. :) La barre de menu n'a pas disparu, passe juste la souris et dessus, et... surprise. :p
Si tu veux un autre code CSS, demande moi, j'essayerais. ^^Vu du thème :
Encore désoler d'avoir mis autant de temps pour le faire ! >X<
11 commentaires
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique