-
Gold Manga
#body {background: url(http://data0.ek.la/test-blog/mod_articles17637458_4f420def8c457.png?2435) 0px 320px repeat-x, url(http://img11.hostingpics.net/pics/317759headgoldmanga.png) no-repeat 50% 0%, url(http://data0.ek.la/test-blog/mod_articles17637458_4f3f893cb3cd4.jpg?9188) repeat-x;
background-color: #e0c386 ;
margin-top: -30px;
}
#header {height: 343px;
}
#header a {color: transparent;
border: none;
}
#titre_header a {
display: block;
width: 1000px;
height: 250px;}
textarea {background: white}
p {color: #533000;
font-family: verdana;
font-size: 13px;
}
a {color: black;
text-decoration: none
}
a:hover {color: black;
border-bottom: 1px dotted #533000
}
a:active {font-weight: bold
}
.#footer a {color: transparent;}
#footer:after {content: " - Design by Nagalia";}
#menu a { box-shadow: 0 0 15px #c17000;
opacity: 0.5;
color: black;
font-size: 14px;
text-align: center;
vertical-align:middle;
height: 27px;
line-height: 27px;
width: 130px;
border-radius: 15px 15px 0 0;
background: rgba(255, 230, 130, 0.7);
border: 2px solid #e9ad45 ;
border-bottom: none;
margin: 10px;
-webkit-transition: 0.3s;
-moz-transition: 0.3s;
transition: 0.3s
}
#menu a:hover {height: 35px;
opacity: 1;
line-height: 35px;
font-size: 16px;
margin-top: 2px
}
/*CALENDRIER*/
#menu_calendar {
border-radius: 5px;
border: 2px solid #e9ad45;
margin: 0 auto;
margin-top: 5px;
margin-bottom: 5px;
width: 180px;
background: rgba(255, 255, 255, 0.3)
}
#menu_calendar th
{border-bottom: 1px double #e9ad45;
color: black;
font-weigh: bold;
background: rgba(255, 230, 130, 1) }
#menu_calendar_month{
font-weight: bold}
/*CONTENU*/
#menu1,
#menu2{ box-shadow: 0 0 15px #c17000;
border-radius: 15px;
background: rgba(255, 229, 150, 0.7);
.background: rgba(255, 230, 130, 0.7);
border: 2px solid #e9ad45 ;
margin: 10px;
padding: 5px;
font-family: verdana;
font-size: 13px;
text-align: center
}
.module_menu_type_lastvisitors {font-family: arial;}
.module_menu_titre {color: #c17000 ;
text-shadow: 0 0 3px #e9ad45;
margin-top: 10px;
background-color: rgba(233, 173, 59, 0.6);
padding-bottom: 15px;
margin-bottom: 5px;
text-align: center;
font-family: impact;
font-size: 25px;
margin-left: -5px;
margin-right: -5px;
border-top: 2px solid #e9ad45 ;
border-bottom: 2px solid #e9ad45
}
.module_contenu { box-shadow: 0 0 15px #c17000;
border-radius: 15px;
padding: 5px;
padding-top: -50px;
margin-top: -50px;
background: rgba(255, 229, 150, 0.7);
.background: rgba(255, 230, 130, 0.7);
border: 2px solid #e9ad45 ; }
.module_titre { color: #f8d46f;
text-shadow: 0 0 3px #c17000, 0 0 8px #c17000, 0 0 5px #c17000, 0 0 3px #c17000;
.margin-bottom: 25px;
.height: 120px;
text-align: center;
font-family: Impact;
font-size: 25px;}
.module_titre a { color: #f8d46f; }
.module_titre a:hover { border: none}
/*COMMENTAIRE*/
.comment_admin { box-shadow: 0 0 15px #c17000;
border-radius: 15px;
padding: 5px;
background: rgba(255, 230, 130, 0.7);
border: 2px solid #e9ad45 ;
width: 650px;
margin: 0 auto
}
.comment_normal { width: 650px;
margin: 0 auto }
/*MENUBAR*/
#menubar {background-image: none;
margin-left: -20px;
padding-right: 30px;
width: 105%;
color: black ;
text-shadow: 1px 1px 3px #fff6d5;
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3), 0px 0px 10px #c17000, 0px 0px 10px #c17000, inset 0 5px 15px white; ;
background-color: #e9ad45 ;
}
#menubar a {border: none;
color: #fff6d5;
text-shadow: none
}
#menubar_logo{float:right;
padding:5px 7px 0 0;
width:120px;}
/*ONGLET*/
.menubar_section:hover div{
background: none;}
.menubar_section ul {box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3), 0px 0px 10px #c17000, 0px 0px 10px #c17000 ;
border-radius: 0 0px 5px 5px;
margin-left: 10px;
}
.menubar_section li { background: #e9ad45 ;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s;
color:black;
text-shadow: none
}
.menubar_section li:hover { background:#f8d46f;
color: black;
}
.menubar_section li:last-child { background: #e9ad45 ;
height: 15px;
border-radius: 0 0px 5px 5px
}
.menubar_section li:last-child:hover { background: #f8d46f }
/*NOTIF*/
#menubar_notifications:hover
#menubar_notifications_btn{ background: none}
#notifications_panel { box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.3), 0px 0px 10px #c17000, 0px 0px 10px #c17000 ;
border-radius: 0 0px 5px 5px
}
#notifications_panel
.notif_msg {color: black}
#notifications_panel a,
#notifications_panel div {background: #e9ad45;
-webkit-transition: 0.4s;
-moz-transition: 0.4s;
transition: 0.4s; }
#notifications_panel a:hover,
#notifications_panel div:hover {background:#f8d46f }
#notifications_panel
.new_notification {background: url("http://ekladata.com/lx5ZdNw3P7wAgizh9cPFGT-e1Zg.jpg")}
#notifications_panel a:last-child,
#notifications_panel div:last-child {border-radius: 0 0px 5px 5px }
/*SEPARATION*/
#menubar_section_content{
background-image: none;
}
#menubar_section_appearance{
background-image: none;
}
#menubar_section_interactions{
background-image: none;
}
#menubar_section_manage{
background-image: none;
}
#menubar_section_account{
background-image: none;
}
#menubar_notifications{
background-image: none;
}
#menubar_signin {
background-image: none;
}
.menubar_button {
background-image: none;
}
/*FENETRE*/
.window{ box-shadow: 0 0 15px #c17000;
border-radius: 15px;
background: #f8d46f;
border: 2px solid #e9ad45 ; }
.window a {color: black}
.window a:hover {color: black;
text-decoration: none}
.window_content {background: none}
.window_title{ color: #c17000 ;
padding: 4px;
padding-top: 5px;
text-align: center;
font-family: Impact;
font-size: 30px;
font-weight: lighter;
text-shadow: 1px 1px 3px #c17000 ;}
.window_handle_content{
background: none;
box-shadow: inset 0 15px 20px white ;
margin: 0px;
padding: 0px;
border-bottom: 2px solid #e9ad45 ;
border-radius: 12px 12px 0px 0px}
.window_handle_left{
background:none;
margin: 0px;
padding: 0px;}
.window_handle_right{
background:none;
margin: 0px;
padding: 0px;}
.window_content_wrapper1{
background:none;
margin: 0px;
padding: 0px;}
.window_content_wrapper2{
background:none;
margin: 0px;
padding: 0px;}
.window_bottom_wrapper1{
background:none;
height: 17px;
margin: 0px;
padding: 0px;}
.window_bottom_wrapper2{
background:none;
margin: 0px;
padding: 0px;}
.window_bottom{
background:none;
margin: 0px;
padding: 0px;
height: 0px}
.button_win,
.window input[type=button],
.window input[type=submit],
.window button{
background: #f8d46f ;
box-shadow: 0 0 5px #c17000 ;
border: 2px solid #e9ad45 ;
padding
}
.button_win:hover,
.window input[type=button]:hover,
.window input[type=submit]:hover,
.window button:hover{
background: #c17000 ;
border: 2px solid #e9ad45
}
.window_tabs {background-color: #e9ad45 ;
border-top: 2px solid #e9ad45 ;
margin-left: -10px;
padding-left: 15px;
width: 108%;
box-shadow: inset 0 0 30px #c17000 , 0 0 20px #c17000
}
.window_tabs span {background-color: #c17000 ;
color: black;
-webkit-transition: background 1s;
-moz-transition: background 1s;
transition: background 1s;
border: 2px solid #e9ad45 ;
box-shadow: 0 0 5px #c17000 ;
}
.window_tabs span.window_tab_active {background-color: #f8d46f ; }
.window_tabs span:hover {background-color: #c17000 ; }
/*BULLE*/
#help_bubble {box-shadow: 0 0 5px #c17000;
border-radius: 5px;
background: rgba(255, 230, 130, 0.9) ;
border: 2px solid #e9ad45 ; }
a.infobulle {font-family: impact;
color: #c17000;
font-size: 20px;
}
Tags : , background, 0 , border, margin
-
Commentaires
kikou j'ai pas prit le theme mais je t'ai juste imprunter 2 , 3 code css que j'ai modifier (par modifier jveux dire la couleur,l'url de la crea's,la taille du texte,l'ombre..des ptit truc comme sa)
dsl XD jsais pas si jpouvait te les imprunter ! >O<
de tte facon si tu veut pas tu me le dira ;D
12Nag' decoVendredi 8 Juin 2012 à 17:46j'adore♥ je prend la flécheBonjour j'ai un petit problème pour mon code CSS ...j'aimerais savoir si vous pouvez m'aider .Je ne trouve pas le problème qu'il y a ...Voilà donc alors ,les premières phrases sont bonnes mais c'est le dernière qui ne marche pas...(de <div style> à </div> )(j 'aimerais changer ma barre du haut (elle marche) et de mettre une fleche pour revenir vers le haut (elle ne marche pas)(comme votre "manga jaune"mais avec un de mes gif)...Donc voilà mon code:
#menubar {background-image: url("http://static.v5.skyrock.net/img/templates/blogs/121/bg.jpg");}
.menubar_section:hover div{background-image: url("http://t1.gstatic.com/images?q=tbn:ANd9GcRbkOwQ4biD9wTmCtvFczsWdtlch5xH2yyn8fGjhU91w2PACE7U")}
#menubar_hide{ background-image: url("http://t1.gstatic.com/images?q=tbn:ANd9GcSeeud-e8H7H68A_aXw7Z97reb2rep-tnNGd4lO9Pj14qIEwhk-");}
<div style="position: fixed; bottom: 10px; right: 10px;"><a href="/manga-jaune-a44732745#"><img src="http://50ans.sgdfmesnil.fr/images/mini_fleche_haut.gif" alt="Manga Jaune" /></a></div>Merci .
En mettant du HTML dans le css, ça ne risque pas de fonctioner ;)
Regarde cet article:
=> http://fanstasy-graph.eklablog.net/barre-d-outil-eklablog-a27443604
Aaaaa...j'ai compri merci ,mais j'ai encore une pitite question c'est comment alors on met les fèches pour aller en bas ou en haut de la page ?(celle qui sont à droite sur ton blog)mais je vais quand même asayer de chercher toute seule comme une grande !lol
ps:j'adore ton blog il est génial!!
ha c'est bon j'ai trouvée toute seul pour metre une fleche je suis trop forte! lol merci quand même!!
22xxxREiNAxxMardi 6 Novembre 2012 à 08:37Euh Pour Le Header Il N'apparait pas comment je peux faire :S :/ , J'ai mis le thème sur se blog :
Merci D'avance :).
Bonjour;
Nous sa se voit que nous sommes null pour installé tout sa...
Nous avons que réussit à installer une flèche...
Qui pourrait nous aider ?
Merci de vos réponses.
bongour lé jan
-
Mardi 27 Décembre 2016 à 16:54
-
Ajouter un commentaire
JADORE *0*