-
-
-
Par misis-kello le 27 Novembre 2015 à 19:22
il y'a eus de nombreux essaie pour trouver le thème de ce blog
j'ai donc tester de nombreux header avant de décider de ne pas en prendre du tout XD !
c'était le premier graphismes que je faisait après un ans d'absence je suis contente de me rendre compte que je n'ai pas perdue la mains !!
votre commentaire -
Par misis-kello le 24 Novembre 2015 à 20:46
voici un nouveau graphisme
comme vous pouvez le voir c'est le graphisme du quelle le blog s'est le plus inspiré
mais ce n'est pas vraiment pareil /*non tu crois ?*/
donc les couleurs principal sont noir , blanc ,bleu /*comme si t'avais pas remarqué*/
alors je ne fournis pas le header mais je pourrais /*il faudra demander*/
les codes principaux
le side /*l'image à gauche */
code html :
<div class="coulissant">texte</div>
<div class="coulissant" style="top: 44%;">texte</div>
<div class="coulissant" style="top: 50%;">texte</div>
<div class="coulissant" style="top: 56%;">texte</div>il suffit de rajouter des liens dans les paramètres /*pour que ce soit des liens*/
code css :
/*Image de gauche*/
#side {height: 110%;
position: fixed;
top: 20px;
left: 0px;
overflow: hidden;
width: 350px;
border-right: 3px solid white;
box-shadow: 2px 5px 5px white;}taile et place de l'image dans la bordure :
.spiccon {height: 150%;
overflow:hidden;
width: 360px;}
.spic {height: 100%;
overflow:hidden;}
/*Fin Image de gauche*/
les deux barres fixes :
code css
/*Barre à droite*/
#menu2 {position: absolute;
top: 0px;
bottom: 0px;
left: 1220px;
background: #000000;
width: 10px;
border-right: 3px double #ffffff;
border-left: 3px double #ffffff;}
/*Fin Barre à droite*/
les menus coulissant :
code css
/*Onglets de droite*/
.coulissant {z-index: 99;
position: fixed;
height: 20px;
width: 60px;
left: 1235px;
top: 38%;
background: #000000;
color: white;
font-family: Impact;
padding-right: 5px;
border-right: 5px solid #ffffff;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
transition-duration: 0.3s;}
.coulissant:hover{
width: 55px;
border-right: 10px solid #ffffff;
transition-duration: 0.5s;}
/*Fin Onglets de droite*/
changer les taille et les couleurs
code html
tout ce qui est surligné est a changé /*il y'a beaucoup d'autre élément que vous pouvez changer , mais si vous voulez que ça ressemble un minimum je vous conseille de faire ce qui est conseillé */
n'hesitez pas a demander pour de l'aide les code sont complet et il ne vous reste plus qu'a les copier coller /*ça c'est cool*/
merci de credité avant de prendre
votre commentaire
Suivre le flux RSS des articles de cette rubrique
Suivre le flux RSS des commentaires de cette rubrique