• Thème LB : Breaking

    Hey ! Aujourd'hui, c'est un nouveau thème libre-service. Mais attention, en full CSS !

    Thème LB : Breaking

    Alors pour ceux qui ne savent pas, les thèmes full CSS, et bien je n'aurais même pas besoin de l'installer, il y aura simplement un code CSS, et puis magie !

    Voici le thème :

    Thème LB : Breaking

    Et puis le lien : ici ! 

     

    INSTRUCTIONS EN PLUS DES CODES

    • Mettre votre page en 1000px.
    • Mettre un menu à droite.
    Décocher toutes les propriétés et toutes les mettre à 0 (sauf Format du blog > Page > Automatique (centré), il faut le laisser coché).
    • Sachant que le menu est fixe, si vous rajoutez des modules, il ne faut pas que ça dépasse le menu.
    • Le menu de ce thème comporte 4 liens et une image sur le premier module. Pour ça, copiez/collez ce code dans le <> d'un module en remplaçant les écritures en gras pas les choses concernées.
    ▽ slidable ▽

    <p style="text-align: center;"><img style="border: 2px solid #555;" src="URL DE VOTRE IMAGE" alt="" width="150" height="150" /></p>
    <p style="text-align: center;"><br /><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp; &nbsp;<a style="color: #ffffff;" href="URL DE VOTRE 1er LIEN">NOM DE VOTRE 1er LIEN</a>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;"><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp; &nbsp;<a style="color: #ffffff;" href="URL DE VOTRE 2e LIEN">NOM DE VOTRE 2e LIEN</a>&nbsp; &nbsp; &nbsp; &nbsp;</span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;"><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp;<a style="color: #ffffff;" href="URL DE VOTRE 3e LIEN">NOM DE VOTRE 3e LIEN</a>&nbsp; &nbsp; &nbsp;</span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;"><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp;&nbsp;<a style="color: #ffffff;" href="URL DE VOTRE 4e LIEN">NOM DE VOTRE 4e LIEN</a>&nbsp; &nbsp; &nbsp;&nbsp;</span></p>
    <p>&nbsp;</p>


    Si vous voulez, vous pouvez directement copier le module en modèle du thème LB :


    <p style="text-align: center;"><a href="http://breaking.cd.st/"><img style="border: 2px solid #555;" src="http://ekladata.com/XbTOrOv7UdQaHdphSF-zfXbdCXQ@150x150.jpg" alt="" width="150" height="150" /></a></p>
    <p style="text-align: center;"><br /><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp; &nbsp;<a style="color: #ffffff;" href="http://breaking.cd.st/life-c29265400">Life</a>&nbsp; &nbsp; &nbsp; &nbsp;&nbsp;</span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;"><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp; &nbsp;<a style="color: #ffffff;" href="http://breaking.cd.st/text-c29265402">Text</a>&nbsp; &nbsp; &nbsp; &nbsp;</span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;"><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp;<a style="color: #ffffff;" href="http://breaking.cd.st/quotes-c29265404">Quotes</a>&nbsp; &nbsp; &nbsp;</span></p>
    <p style="text-align: center;">&nbsp;</p>
    <p style="text-align: center;"><span style="text-align: center; background: #555; color: #fff; font-family: Trebuchet MS; font-style: italic; margin-bottom: 3px; width: 130px; height: 5px; border-radius: 5px; line-height: 50%; padding: 5px 5px 5px 5px;">&nbsp; &nbsp; &nbsp;&nbsp;<a style="color: #ffffff;" href="http://breaking.cd.st/other-c29265406">Other</a>&nbsp; &nbsp; &nbsp;&nbsp;</span></p>
    <p>&nbsp;</p>

     

     

    LES CODES À METTRE (Apparence > Modifier le thème >Ajouter du CSS)


    /*THEME LB by ∞ Lila ∞*/
    /*--body--*/
    #body{width:100px;}
    #body{font-family:Trebuchet MS;font-size:12px;color:#333;}
    #menu1{font-size:14px;}
    a{color:#555;}
    a:hover{color:#999;text-decoration:none;}
    /*--header--*/
    #header{height:0px;}
    #titre_header{display:none;}


    /*--menu header--*/
    #menu a
    {text-align:center;
    background:#555;
    color:#fff;
    font-family:Trebuchet MS;
    font-style:italic;
    margin-bottom:5px;
    width:130px;
    height:5px;
    border-radius:5px;
    line-height:50%;
    padding-left:5px;
    padding-right:5px;
    padding-top:8px;
    padding-bottom:8px;}
    #menu
    {display:block;
        
    top:200px;
    left:805px;}
    #menu a:hover
    {text-decoration:none;
    color:#999;}

    /*--menu1--*/
    #menu1{position:fixed;margin-left:-150px;text-transform:lowercase;text-align:center;}
    #menu1{background:#f4f4f4;}
    #menu1 a{color:#999;}
    #menu1 a:hover{color:#555;text-decoration:none;}
    #menu1 .module_menu_titre
    {height:30px;
    font-family:Trebuchet MS;
    font-size:18px;
    color:#555;
    font-style:italic;
    text-shadow:2px 2px 0.1px #999;
    text-align:center;
    letter-spacing:2px;}
    #menu1_bottom{height:800px;}
    #menu1_contenu{padding:50px;}
    .ulmodule_menu>li{padding:5px;margin-bottom:20px;}
    /*--contenu--*/
    #content{margin-top:10px;}
    #content a{color:#555;}
    #content a:hover{color:#666;}
    .module_titre
    {background:#999;height:30px;}
    .module_titre a
    {color:#fff;
    text-shadow:4px 3px 0.1px #555;
    text-style:italic;
    font-size:20px;
    padding-top:5px;
    text-align:left;
    padding-left:5px;}
    .module_titre_contenu a:hover{text-decoration:none;}
    .module_titre
    {color:#fff;
    text-shadow:4px 3px 0.1px #555;
    text-style:italic;
    font-size:11px;
    padding-top:7px;
    text-align:center;
    padding-left:5px;}
    .module_contenu{border:3px solid #999;}
    .module_contenu{padding:5px;margin-bottom:20px;}
    .article_info{text-align:right;font-size:9px;margin-bottom:10px;}
    .article_info a{color:#555;}
    .article_info :hover{color:#999;text-decoration:none;}
    .module_titre_contenu a{text-style:italic;}
    .article_comments_link{background:#f4f4f4;padding:2px;}
    .article_comments_link:hover{letter-spacing:0.5px;}

    .module_titre_contenu a
    {text-shadow:2px 2px 0.1px #f4f4f4;
    text-style:italic;
    font-size:20px;
    padding-top:5px;
    text-align:left;
    padding-left:5px;}

    /*--commentaires--*/
    .comment_admin{padding-bottom:10px;}
    .commentavatar{float:left;}
    .commentavatar img{border-radius:500px;opacity:0.7;}
    .commentavatar img:hover{opacity:1;}
    .commentpseudo{padding-top:5px;padding-left:5px;}
    .commentnumber{font-size:30px;position:absolute;margin-top:52px;margin-left:32px;}
    .commentbody{padding-top:10px;}
    .commentheader{background:#e0e0e0;border-radius:5px;}
    .commentpseudo a{font-style:italic;line-height:140%;font-size:14px;text-shadow:2px 2px 0.1px #f4f4f4;}
    .commentdate{line-height:230%;}
    .comment-reply a{background:#f4f4f4;padding:2px;padding-right:50px;}

    /*--buttons--*/
    input[type=button],input[type=submit], button {
        text-align: center;
        background: #777;
        color: #fff;
        font-family: Trebuchet MS;
        font-style: italic;
        margin-top: 3px;
        height: 20px;
        text-transform:lowercase;
        border-radius: 5px;
        padding: 1px 30px 1px 30px;
        border:0px solid black;
        letter-spacing:0.7px;

       }

     
    input[type=button]:hover, input[type=submit]:hover, input[type=reset]:hover, button:hover, .button:hover {
        text-align: center;
        background: #555;
        color: #fff;
        font-family: Trebuchet MS;
        font-style: italic;
        margin-top: 3px;
        height: 20px;
        border-radius: 5px;
        text-transform:lowercase;
        padding: 1px 30px 1px 30px;
        border:0px solid black;

    }

    /*--window--*/
    .window_content{background:#fff;}
    .window_title
        {color: #fff;
        font-family:Trebuchet MS;
        font-size:21px;
        text-transform:lowercase;
        line-height:140%;
        text-align:center;
        font-weight:lighter;}
    .window_handle_content{background:#999;}  
    .window_handle_left{background:#999;}
    .window_handle_right{background:#999;}
    .window_content_wrapper1{background:#999;}
    .window_content_wrapper2{background:#999;}
    .window_bottom_wrapper1{background:#999;}
    .window_bottom_wrapper2{background:#999;}
    .button_win, .window input[type=button], .window input[type=submit], .window button{
        text-align: center;
        background: #777;
        color: #fff;
        font-family: Trebuchet MS;
        font-style: italic;
        margin-top: 3px;
        height: 20px;
        border-radius: 5px;
        padding: 1px 30px 1px 30px;
        border:0px solid black;
        text-transform:lowercase;
        letter-spacing:0.7px;}
    .button_win:hover, .window input[type=button]:hover, .window input[type=submit]:hover, .window button:hover
    {    text-align: center;
        background: #555;
        color: #fff;
        font-family: Trebuchet MS;
        font-style: italic;
        margin-top: 3px;
        height: 20px;
        border-radius: 5px;
        text-transform:lowercase;
        padding: 1px 30px 1px 30px;
        border:0px solid black;}
    .window_content{font-family:Trebuchet MS;text-transform:lowercase;}
    .window_content a {font-family:Trebuchet MS;text-transform:lowercase;}  
    .window a:hover {font-family:Trebuchet MS;text-transform:lowercase;}

    /*--other--*/
    #cookie-info{display:none;}
    #help_bubble
    {border:0px solid black;
    }
    .menubar_section, #menubar_logo, .menubar_separation,  #menubar_favorites, .menubar_button, #menubar_signin {background : none ;  }
    #menubar_favorites_btn,
     #menubar_nofavorites_btn:hover {
          background: url("http://ekladata.com/iR1I1gOuau4G2uTcmvvV-IQYeOM.gif")no-repeat 50% 50%;
    }
    #menubar_favorites_btn:hover,
    #menubar_nofavorites_btn {
          background: url("http://68.media.tumblr.com/tumblr_lz0vgkfEYi1qb1380.gif")no-repeat 50% 50%;
    }
    /*--footer--*/
    #footer {text-align:center;font-size:11px;}

    /*--mention du thème--*/
    #footer:after{content:"Thème by ∞ Lila ∞ -";font-weight:bold;background:#e0e0e0;}


    Alors c'est mon premier thème en full CSS, donc forcément, il y a quelques petits problèmes je suppose ! Si c'est le cas, n'hésitez pas à me le notifier en commentaire <3 (par contre euh... il y a des manières de parler hein XD)

    Et si vous le voulez, prévenez quand même par commentaires !
    Vous pouvez faire des modifications, des changements de couleurs etc... Mais vous devez préciser à un endroit que les codes sont de moi.

    J'espère qu'il vous plaît, et puis... Ben à bientôt !
    Believe in yourself, Lila.


    Tags Tags : ,
  • Commentaires

    1
    Samedi 17 Juin à 11:38

    Trop bien ! Il est bien fait je trouve ;)

    2
    Dimanche 18 Juin à 18:47

    Il me plaît ! je l'ai pris :) Merci pour les codes et les astuces :3

    3
    Samedi 24 Juin à 15:31

    Est-ce que je peux t'emprunter le code pour les commentaires ? (En te citant bien sûr)

    • Voir les réponses


    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :