• Thème n°1

    Infos

    Mettez tous les paramètres de modification à 0 et copiez collez ce code dans le css.
    /!\ N'oubliez pas de mettre le titre de votre blog dans les configurations générales
    Il est interdit de retirer le copyright intégré dans le thème.

     

    /* Header */
    #header {
        border: 3px solid white;
        width: 500px;
        height: 200px;
        margin-left: auto;
        margin-right: auto;
        margin-top: 20px;
        background-image: url("http://ekladata.com/yFQ4vXSdZloTACWOc2sIdDqKWoU.png");
        box-shadow: 0px 0px 5px #b5b5b5;
    }

    #titre_header {
    -webkit-transform: rotate(-3deg);
    -moz-transform: rotate(-3deg);
    transform: rotate(-3deg);
    color: #73d9f7;
    font-size: 17px;
    text-transform: uppercase;
    font-family: verdana;
    text-shadow: white 1px 1px 0px;
    top: 72px;
    left: 100px;
    position: relative;
    }
    #titre_header a {
    color: #73d9f7;
    letter-spacing: 0px;
    transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -htm-transition: 0.5s;
      -webkit-transition: 0.5s;
      -ms-transition: 0.5s;
    }
    #titre_header a:hover {
    color: #d5c0e2;
    letter-spacing: 0.5px;
    transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -htm-transition: 0.5s;
      -webkit-transition: 0.5s;
      -ms-transition: 0.5s;
    }

    #menu {
        margin-left: auto;
        margin-right: auto;
        position: relative;
        top: 190px;
    }
    #menu li {
        display: block;
        width: 146px;
        height: 20px;
        padding: 5px;
        background-color: white;
        margin: 5px;
        box-shadow: 0px 0px 5px #b5b5b5;
    }
    #menu li a {
        text-align: center;
        color: #d5c0e2;
        letter-spacing: 0px;
        font-size: 13px;
        text-transform: uppercase;
        font-family: verdana;
        transition: 2s;
      -moz-transition: 2s;
      -o-transition: 2s;
      -htm-transition: 2s;
      -webkit-transition: 2s;
      -ms-transition: 2s;
    }
    #menu li a:hover {
        color: #73d9f7;
        letter-spacing: 0.4px;
        transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -htm-transition: 0.5s;
      -webkit-transition: 0.5s;
      -ms-transition: 0.5s;
    }

    /* Corps de page */
    #background {
        width: px;
    }
    #content {
        width: 500px;
        position: relative;
        left: 20px;
        top: -10px;
        box-shadow: 0px 0px 5px #b5b5b5;
        border: 3px solid white;
        background-color: white;
    }
    #menu1{
        position: relative;
        top: -205px;
        left: 10px;
        width: 170px;
        box-shadow: 0px 0px 5px #b5b5b5;
        border: 3px solid white;
        background-color: white;
        color: #c5c5c5;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        font-family: verdana;
    }
    #menu1_bottom {
        height: 15px;
        background-image: url("http://ekladata.com/SwuuJSvoARK3huacJ4OP2BuUs7w.png");
    background-repeat: no-repeat;
    background-position: center;
    }
    #menu2_bottom {
        height: 15px;
        background-image: url("http://ekladata.com/SwuuJSvoARK3huacJ4OP2BuUs7w.png");
    background-repeat: no-repeat;
    background-position: center;
    }
    #menu1 a{
        color: #d5c0e2;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        font-family: verdana;
        letter-spacing: 0px;
        transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -htm-transition: 0.3s;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
    }
    #menu1 a:hover{
        color: #b2d6eb;
        letter-spacing: 2px;
        transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -htm-transition: 0.3s;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
    }
    .module_menu_titre {
        letter-spacing: 2px;
        height: 20px;
        padding-bottom: 15px;
        color: #b2d6eb;
        text-align: center;
        font-size: 11px;
        text-transform: uppercase;
        font-family: verdana;
        border-bottom: 1px solid #e5e5e5;
    }
    #menu2{
        position: relative;
        top: -205px;
        left: -10px;
        width: 170px;
        box-shadow: 0px 0px 5px #b5b5b5;
        border: 3px solid white;
        background-color: white;
        color: #c5c5c5;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        font-family: verdana;
    }
    #footer {
        width: 496px;
        height: 7px;
        position: relative;
        padding: 3px;
        left: 195px;
        margin-bottom: 10px;
        box-shadow: 0px 0px 5px #b5b5b5;
        border: 3px solid white;
        background-color: white;
        color: #b5b5b5;
        font-size: 7px;
        text-transform: uppercase;
        font-family: verdana;
    }
    #footer a {
        color: #b5b5b5;
        font-size: 7px;
        text-transform: uppercase;
        font-family: verdana;
    }
    #footer a:hover {
        color: #b5b5b5;
        font-size: 7px;
        text-transform: uppercase;
        font-family: verdana;
    }

    /* Contenu */
    .module_titre {
        letter-spacing: 2px;
        height: 20px;
        color: #b2d6eb;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        font-family: verdana;
    }
    .module_titre a {
        color: #b2d6eb;
        text-align: center;
        font-size: 15px;
        text-transform: uppercase;
        font-family: verdana;
    }
    .article_info {
        border-bottom: 1px solid #e5e5e5;
        margin-bottom: 10px;
        color: #c5c5c5;
        text-align: center;
        font-size: 7px;
        text-transform: uppercase;
        font-family: verdana;
    }
    .article_info a {
        color: #c5c5c5;
        text-align: center;
        font-size: 7px;
        text-transform: uppercase;
        font-family: verdana;
    }
    .module_contenu {
        color: #c5c5c5;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        font-family: verdana;
    }
    .module_contenu a {
        color: #d5c0e2;
        text-align: center;
        text-transform: uppercase;
        font-family: verdana;
        transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -htm-transition: 0.3s;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
    }
    .module_contenu a:hover {
        color: #b2d6eb;
        text-align: center;
        text-transform: uppercase;
        font-family: verdana;
        transition: 0.3s;
      -moz-transition: 0.3s;
      -o-transition: 0.3s;
      -htm-transition: 0.3s;
      -webkit-transition: 0.3s;
      -ms-transition: 0.3s;
    }

    /* Autres */
    img {
      opacity: 1;
      transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -htm-transition: 0.5s;
      -webkit-transition: 0.5s;
      -ms-transition: 0.5s;
    }
    img:hover {
      opacity: 0.7;
      transition: 0.5s;
      -moz-transition: 0.5s;
      -o-transition: 0.5s;
      -htm-transition: 0.5s;
      -webkit-transition: 0.5s;
      -ms-transition: 0.5s;
    }

    .module_menu_type_lastvisitors img {
        max-width: 30px;
        max-height: 30px;
        opacity: 0.4;
        background-color: #141312;
        padding: 0;
             transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }

    .module_menu_type_lastvisitors img:hover {
    max-width: 30px;
        opacity: 1;
          transition: 1s;
      -moz-transition: 1s;
      -o-transition: 1s;
      -htm-transition: 1s;
      -webkit-transition: 1s;
      -ms-transition: 1s;
    }

    #help_bubble {
        box-shadow: 0px 0px 5px #b5b5b5;
        border: 3px solid white;
        background-color: white;
        color: #c5c5c5;
        text-align: center;
        font-size: 10px;
        text-transform: uppercase;
        font-family: verdana;
    }

    40 commentaires


    Suivre le flux RSS des articles de cette rubrique
    Suivre le flux RSS des commentaires de cette rubrique