• 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="http://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 {  border2px solid  #e9ad45;
        box-shadow15px #c17000;
        border-radius15px;
        margin10px;
        text-alignleft;
        padding-left10px;
        padding-top5px;
        padding-bottom5px;
        padding-right5px;
        backgroundrgba(2552552550.3);

    HTML

    <div class="boite" style="width: largeur">Blabla</div>
    #body {backgroundurl(http://data0.ek.la/test-blog/mod_articles17637458_4f420def8c457.png?24350px 320px repeat-xurl(http://img11.hostingpics.net/pics/317759headgoldmanga.png) no-repeat 50% 0%url(http://data0.ek.la/test-blog/mod_articles17637458_4f3f893cb3cd4.jpg?9188repeat-x;
        background-color:   #e0c386 ;
        margin-top-30px;    
    }
    #header {height343px;
    }
    #header {colortransparent;
        bordernone;
    }
    #titre_header 
                     displayblock
                     width1000px
                     height250px;
    textarea {backgroundwhite}
    {color#533000;
        font-familyverdana;
        font-size13px;
    }
    {colorblack;
        
        text-decorationnone
    }
    a:hover {colorblack;
        border-bottom1px dotted  #533000 
    }
    a:active {font-weightbold
    }
    .#footer {colortransparent;
    #footer:after {content" - Design by Nagalia";

    #menu box-shadow15px #c17000;
        opacity0.5;
        colorblack;
        font-size14px;
        text-aligncenter;
        vertical-align:middle;
        height27px;
         line-height27px;
        width130px;
        border-radius15px 15px 0;
        backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   
        border-bottomnone;
        margin10px;
        -webkit-transition0.3s;
         -moz-transition0.3s;
         transition0.3s 
        
    }
    #menu a:hover {height35px;
        opacity1;
         line-height35px;
        font-size16px;
        margin-top2px
    }

    /*CALENDRIER*/
    #menu_calendar {
        border-radius5px;
         border2px solid  #e9ad45;
        marginauto;
        margin-top5px;
        margin-bottom5px;
        width180px;
        backgroundrgba(2552552550.3)   
    }
    #menu_calendar th
    {border-bottom1px double  #e9ad45
        colorblack;
        font-weighbold;
        background:   rgba(2552301301)  }
    #menu_calendar_month{
    font-weightbold}  
    /*CONTENU*/

    #menu1,
    #menu2box-shadow15px #c17000;
        border-radius15px;
          backgroundrgba(2552291500.7)
        .backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   
        margin10px;
        padding5px;
          font-familyverdana;
        font-size13px;  
        text-aligncenter
    }
    .module_menu_type_lastvisitors {font-familyarial;


    .module_menu_titre  {color#c17000  ;
        text-shadow3px  #e9ad45;
        margin-top10px;
        background-colorrgba(233173590.6);
        padding-bottom15px;
        margin-bottom5px;
        text-aligncenter;
        font-familyimpact;
        font-size25px;
        margin-left-5px;
        margin-right-5px;
        border-top2px solid  #e9ad45 ;
        border-bottom2px solid  #e9ad45 
    }
    .module_contenu box-shadow15px #c17000;
        border-radius15px;
        padding5px;
        padding-top-50px;
        margin-top-50px;
         backgroundrgba(2552291500.7);
        .backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   ;  }

    .module_titre  {  color#f8d46f;
        text-shadow:  3px #c170008px #c170005px #c170003px #c17000;
        .margin-bottom25px;
        .height120px;
        text-aligncenter;
        font-familyImpact;
        font-size25px;}
    .module_titre {  color#f8d46f}
    .module_titre a:hover bordernone}
    /*COMMENTAIRE*/
    .comment_admin box-shadow15px #c17000;
        border-radius15px;
        padding5px;
        backgroundrgba(2552301300.7);
        border2px solid  #e9ad45   ;
        width650px;
        marginauto
    }
    .comment_normal {  width650px;
        marginauto }
    /*MENUBAR*/
    #menubar {background-imagenone;
        margin-left-20px;
        padding-right30px;
        width105%;
        color:  black ;
        text-shadow1px 1px 3px #fff6d5;
        box-shadow:  0px 0px 15px rgba(0000.3)0px 0px 10px #c17000,  0px 0px 10px #c17000,  inset 5px 15px white;
        background-color:  #e9ad45 ;   
        
    #menubar {bordernone;
        color:  #fff6d5;
        text-shadownone
    }
    #menubar_logo{float:right;
        padding:5px 7px 0;
        width:120px;}
    /*ONGLET*/
    .menubar_section:hover div
                       backgroundnone;
    .menubar_section ul {box-shadow:  0px 0px 15px rgba(0000.3)0px 0px 10px #c17000,  0px 0px 10px #c17000  ;
        border-radius0px 5px 5px;
        margin-left10px;
    }
    .menubar_section li background#e9ad45  ;
        -webkit-transition0.4s;
         -moz-transition0.4s
         transition0.4s
        color:black;
        text-shadownone
    }
    .menubar_section li:hover background:#f8d46f;
        colorblack;
    }
    .menubar_section li:last-child background#e9ad45  ;
        height15px;
         border-radius0px 5px 5px 
    }
    .menubar_section li:last-child:hover background#f8d46f 
    /*NOTIF*/
    #menubar_notifications:hover 
    #menubar_notifications_btnbackgroundnone}
    #notifications_panel box-shadow:   0px 0px 15px rgba(0000.3)0px 0px 10px #c17000,  0px 0px 10px #c17000  ;
         border-radius0px 5px 5px 

    #notifications_panel 
    .notif_msg {colorblack}
    #notifications_panel a
    #notifications_panel div {background#e9ad45;
    -webkit-transition0.4s;
         -moz-transition0.4s
         transition0.4s;  }
    #notifications_panel a:hover
    #notifications_panel div:hover {background:#f8d46f }
    #notifications_panel
    .new_notification {backgroundurl("http://ekladata.com/lx5ZdNw3P7wAgizh9cPFGT-e1Zg.jpg")
    #notifications_panel a:last-child,
    #notifications_panel div:last-child {border-radius0px 5px 5px }
    /*SEPARATION*/
    #menubar_section_content{
    background-imagenone;
    }
    #menubar_section_appearance{
    background-imagenone;
    }
    #menubar_section_interactions{
    background-imagenone;
    }
    #menubar_section_manage{
    background-imagenone;
    }
    #menubar_section_account{
    background-imagenone;
    }
    #menubar_notifications{
    background-imagenone;
    }
    #menubar_signin {
    background-imagenone;
    }
    .menubar_button {
    background-imagenone;
    }
    /*FENETRE*/

    .window{   box-shadow15px #c17000;
        border-radius15px;
        background#f8d46f;
        border2px solid  #e9ad45   ;  
    .window {colorblack}
    .window a:hover {colorblack;
        text-decorationnone}
    .window_content {backgroundnone}
    .window_titlecolor:   #c17000  ;
        padding4px;
        padding-top5px;
        text-aligncenter;
        font-familyImpact;
        font-size30px;
        font-weightlighter;
        text-shadow1px 1px 3px  #c17000 ;}

    .window_handle_content
                  backgroundnone;
                  box-shadowinset 15px 20px  white ;
                  margin0px;
                  padding0px;
                  border-bottom2px solid #e9ad45 ;
                  border-radius12px 12px 0px 0px}
    .window_handle_left
                  background:none;
                  margin0px;
                  padding0px;
    .window_handle_right
                  background:none;
                  margin0px;
                  padding0px;}
    .window_content_wrapper1
                  background:none;
                  margin0px;
                  padding0px;
    .window_content_wrapper2
                  background:none;
                  margin0px;
                  padding0px;
    .window_bottom_wrapper1
                  background:none;
        height17px;
                  margin0px;
                  padding0px;
    .window_bottom_wrapper2
                  background:none;
                  margin0px;
                  padding0px;
    .window_bottom
                  background:none;
                  margin0px;
                  padding0px;
                  height0px}
    .button_win,
    .window input[type=button],
    .window input[type=submit],
    .window button
                       background:  #f8d46f ;
        box-shadow5px  #c17000 ;
         border2px solid   #e9ad45  
        padding
    }
     
    .button_win:hover,
    .window input[type=button]:hover,
    .window input[type=submit]:hover,
    .window button:hover
                       background:  #c17000 ;
          border2px solid   #e9ad45 

    .window_tabs {background-color#e9ad45  ;
        border-top2px solid    #e9ad45 ;
        margin-left-10px;
        padding-left15px;
        width108%;
        box-shadowinset 30px  #c17000 20px  #c17000  

    .window_tabs span {background-color:  #c17000 ;
        colorblack;
        -webkit-transitionbackground 1s;
         -moz-transitionbackground  1s;
         transitionbackground  1s;  
        border2px solid  #e9ad45 ;
        box-shadow5px  #c17000 ;

    .window_tabs span.window_tab_active  {background-color:   #f8d46f  
    .window_tabs span:hover {background-color:  #c17000 }

    /*BULLE*/

    #help_bubble  {box-shadow5px #c17000;
        border-radius5px;
        background:   rgba(2552301300.9)  ;
        border2px solid #e9ad45 }
    a.infobulle {font-familyimpact;
         color#c17000
        font-size20px;
    }

    Tags Tags : , , , ,
  • Commentaires

    1
    Jeudi 15 Mars 2012 à 16:01

    JADORE *0*

    2
    Samedi 17 Mars 2012 à 11:36

    Très joli!!!

    3
    Samedi 7 Avril 2012 à 13:31

    J'adore *O* ♥, je te le prend il colle parfaitement :)

    4
    Dimanche 8 Avril 2012 à 23:25

    on a le droit de modifier le header 

    en tout cas c'est cool

     

    5
    Shizuna Profil de Shizuna
    Mardi 10 Avril 2012 à 11:21

    Nagalia,je voudrais te le prendre car j'en suis tombée amoureuse *-*

    6
    Shizuna Profil de Shizuna
    Mardi 10 Avril 2012 à 11:26

    C'est super Tape a l'oeuil J'adoooore ♥

    7
    Mercredi 11 Avril 2012 à 20:12

    Superbe !

    8
    MiYoi Profil de MiYoi
    Jeudi 26 Avril 2012 à 18:41

    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 

    9
    Yuka Isumi Profil de Yuka Isumi
    Vendredi 1er Juin 2012 à 18:23

    arigatou

    10
    Vendredi 1er Juin 2012 à 18:41

    De rien :)

    11
    Vendredi 8 Juin 2012 à 11:09

    Kikou *je sais encore moi^^* trop beau ce theme, j'ai pas pu resister à le mettre, merci^^

    12
    Nag' deco
    Vendredi 8 Juin 2012 à 17:46

    De rien :)

    13
    Dimanche 1er Juillet 2012 à 19:15
    j'adore♥ je prend la fléche
    14
    emma et maloo Profil de emma et maloo
    Jeudi 19 Juillet 2012 à 15:25

    Bonjour 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 .

    • Nom / Pseudo :

      E-mail (facultatif) :

      Site Web (facultatif) :

      Commentaire :


    15
    Jeudi 19 Juillet 2012 à 18:06

    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 

    16
    emma et maloo Profil de emma et maloo
    Jeudi 19 Juillet 2012 à 20:47

    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!!

    17
    emma et maloo Profil de emma et maloo
    Vendredi 20 Juillet 2012 à 13:28

    ha c'est bon j'ai trouvée toute seul pour metre une fleche je suis trop forte! lol merci quand même!!

    18
    didi130606 Profil de didi130606
    Lundi 27 Août 2012 à 15:43

    re salut commnt on met le fleche ? c du css je crois ? ou de l html ? T-T

    20
    didi130606 Profil de didi130606
    Lundi 27 Août 2012 à 16:46

    merci :D

    21
    didi130606 Profil de didi130606
    Lundi 27 Août 2012 à 16:48

    g rien compris au tuto O_o compliquer ....

    22
    xxxREiNAxx
    Mardi 6 Novembre 2012 à 08:37

    Merci. ^^ (enfin je me suis surtout servie du CSS xD)

    23
    Dimanche 13 Janvier 2013 à 17:27

    Je te le prend, il est trop beau *w*

    24
    Samedi 13 Avril 2013 à 19:44

    Te Le Prend *W* J'en Suis Tombé Amoureuse ^^'

    25
    Samedi 13 Avril 2013 à 19:46

    Euh Pour Le Header Il N'apparait pas comment je peux faire :S :/ , J'ai mis le thème sur se blog :

    http://amiral1.eklablog.com

    Merci D'avance :).

    26
    Zain_Eb Profil de Zain_Eb
    Jeudi 18 Avril 2013 à 11:07

    Je prends!!! :)

    27
    Samedi 28 Septembre 2013 à 07:22

    je peut te l'empreinter ? car y'a mon cherie natsu ^w^

    28
    Mercredi 2 Octobre 2013 à 23:59

    Je le prend, il est magnifique ^^

    29
    Samedi 25 Janvier 2014 à 07:38

    Celui ci est le dernier que je prends^^

    Merci pour ces magnifiques thèmes en LS!!

    30
    Dimanche 23 Mars 2014 à 18:39

    je peux le prendre stp?

    31
    Jeudi 5 Mai 2016 à 17:02

    Je prend

    32
    Lundi 31 Octobre 2016 à 09:59

    j aime je ve me faire des amies stp

     

    33
    Mardi 27 Décembre 2016 à 14:47

    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.

    34
    Mardi 27 Décembre 2016 à 16:40

    bongour lé jan

      • Mardi 27 Décembre 2016 à 16:54

        Pas compris est c'était juste une demande .....

    Suivre le flux RSS des commentaires


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :