Eklablog Tous les blogs Top blogs Technologie & Science Tous les blogs Technologie & Science
Editer l'article Suivre ce blog Administration + Créer mon blog
MENU

Publicité

Gold Manga

Hiver

Manga Jaune

Manga Jaune

 

Manga Jaune

revenir en haut de la page

<div style="position: fixed; bottom: 10px; right: 15px;"><a href="#"><img src="https://ekladata.com/JE53fALpJgZiFLlA6u9WthzlBfY.png" alt="Manga Jaune" /></a></div>

Encadré fieldset:

TitreContenu

CSS (a ajouter dans le css du thème)

legend {color: #c17000;
text-align: center;
font-family: impact;
font-size: 30px;
}
fieldset {border: 2px solid #e9ad45;

box-shadow: 2px 3px 9px #c17000;
margin: 0 auto;
margin-bottom: 10px;
}

HTML

<fieldset style="width: largeur"><legend>Titre</legend>Contenu</fieldset>

Boite

Du blablabla

CSS (à ajouter dans le css du thème)

.boite {  border: 2px solid  #e9ad45;
    box-shadow: 0 0 15px #c17000;
    border-radius: 15px;
    margin: 10px;
    text-align: left;
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-right: 5px;
    background: rgba(255, 255, 255, 0.3);

HTML

<div class="boite" style="width: largeur">Blabla</div>
#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("https://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;
}
Publicité
Retour à l'accueil
Partager cet article
Repost0
Pour être informé des derniers articles, inscrivez vous :
Commenter cet article
X
bongour lé jan
Répondre
J
Bonjour;<br /> Nous sa se voit que nous sommes null pour installé tout sa...<br /> Nous avons que réussit à installer une flèche...<br /> Qui pourrait nous aider ?<br /> Merci de vos réponses.
Répondre
M
j aime je ve me faire des amies stp<br />  
Répondre
O
Je prend
Répondre
M
je peux le prendre stp?
Répondre