• Modifier les fenêtres

    Clique sur ce texte pour faire apparraitre une fenêtre!

    Ce tuto explique comment modifier les fenêtres d'eklablog, normalement, c'est un code long, mais j'ai fait en sorte d'avoir un bon rendu avec un seul code! Bien sur, les connaisseurs modifieront surement ce code pour plus le personnaliser. Bien, d'abord, choisissez l'image de fond que vous souhaitez, quand vous l'avez trouvez, mettez ce code dans votre css: (il faut juste remplacer URL DE VOTRE IMAGE!!!)

    .window {background: url("URL DE VOTRE IMAGE"); border-radius: 15px; text-align: center;}
    .window_content {background: url("http://ekladata.com/FlKvhKN_kL3apeJD9krRywrcu4k/background2.png"); border-radius: 15px;}
    .window_handle_content {background: none;}
    .window_handle_left{ background: none;}
    .window_handle_right{ background:none;}
    .window_content_wrapper1{ background: none;}
    .window_content_wrapper2{ background: none;}
    .window_bottom{ background: none;}
    .window_bottom_wrapper1{ background: none;}
    .window_bottom_wrapper2{ background: none;}
    .window_tabs{ background: none;}

    Remarque: pour trouver l'url de votre image, faites un click-droit dessus puis cliquez sur "Copier l'url de l'image"

    Si vous voulez changer l'aspect du titre des fenêtre, utiliser ce code:

    .window_title {
    propriété: valeur
    }

    Pour ce qui ont besoins d'un exemple, on peut faire un truc dans ce genre:

    .window_title {
    font-family: Arial Narrow;
    font-size: 25px;
    font-weight: bold;
    color: white;
    text-shadow: 2px 2px 5px green;
    }

    Et on peut le modifier comme ça à l'infinie, pour plus le personnaliser!


    Tags Tags : , , , ,
  • Commentaires

    1
    phil60 Profil de phil60
    Mercredi 25 Juillet 2012 à 22:06

     c'est cooooooooooooooooollllllllll

    2
    Mercredi 1er Août 2012 à 17:23

    Merci pour l'aide!

    Mais lorsque moi j'ai essayer ben lorsqu'on va dans les message ou la modifications tu thème ben tous le texte est d'caler au centre.Comment faire pour mettr ce css sans que le texte soit centrer?  

    3
    Mardi 28 Août 2012 à 20:29

    au début du code, tu as ceci: 

    .window {background: url("URL DE VOTRE IMAGE"); border-radius: 15px; text-align: center;}

    Et ben, il te suffit que tu remplace "center" par "left" (à la fin)

    4
    Dimanche 7 Octobre 2012 à 15:44

    je ny arrive pas a copier lurl de limage que je veux mettre :

     

    Privéé

    6
    Dimanche 7 Octobre 2012 à 17:52

    h merci bcp ^^

    7
    Dimanche 7 Octobre 2012 à 18:31

    juste un truc comment t fait le truc transparant au milieu de la fenetre de visiteur ? Sinon cest trop bien *-*

    8
    Dimanche 7 Octobre 2012 à 18:51

    ben c'est déjà dans le code, comme c'est dit, tu n'as qu'une image à trouver

    9
    Dimanche 7 Octobre 2012 à 20:26

    euh x]

    10
    Lundi 8 Octobre 2012 à 18:45

    ah jai compris ( jai juste pas pigé pour trouver le lien de mon image ^^'  comment tu fais dailleurs si on la fait par un logiciel ? stp :S )

     

    11
    Mardi 9 Octobre 2012 à 15:22

    en fait, dès qu'elle est sur internet (pour héberger: sur eklablog: contenu>gestion des fichiers), tu l'ouvre, tu fais un clic-droit, puis tu clique sur copier l'url de l'image

    12
    Mardi 9 Octobre 2012 à 19:00

    ah ok merci beaucoup ^^

    13
    Mardi 9 Octobre 2012 à 19:28

    jai reussi, merci sauf que mtn , ma maffiche le normal :S

    14
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Dimanche 11 Novembre 2012 à 15:47

    merci beaucoup cela me servira beaucoup pour la personnalisation de mon blog ^^

    15
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Dimanche 11 Novembre 2012 à 16:06

    comment on fait pour modifier la couleur du texte ? 

    16
    Dimanche 11 Novembre 2012 à 19:10

    dans les fenêtres (contenu):

    .window { color: COULEUR; }

    17
    ✝ Follow ✞ Profil de ✝ Follow ✞
    Lundi 12 Novembre 2012 à 08:54

    merci ^^

    18
    milari-pullip Profil de milari-pullip
    Samedi 24 Novembre 2012 à 20:45

    Bonjour, je voudrais savoir comment mettre le titre de la fenêtre d'infos centré svp ^^

    19
    Dimanche 25 Novembre 2012 à 11:44

    bien sur:

    .window_title { text-align: center; }

    20
    milari-pullip Profil de milari-pullip
    Lundi 26 Novembre 2012 à 17:46

    merci beaucoup :D

    21
    Clefairy Dolls Profil de Clefairy Dolls
    Samedi 26 Janvier 2013 à 18:33

    Bonjours , je voudrais savoir comment je pourais changer la couleurs des liens mais aussi savoir si nous pouvons mettre des bordure ^^

     

    22
    Dimanche 27 Janvier 2013 à 13:39

    pour les lien:

    .window a { color: COULEUR DES LIENS NON-SURVOLÉ; }

    .window a:hover {color: COULEUR DES LIENS SURVOLÉS; }

    pour les bordures:

    .window { border: BORDURE (ex: 1 px double black); }

    23
    Clefairy Dolls Profil de Clefairy Dolls
    Dimanche 27 Janvier 2013 à 14:01

    Merci ^^

    Ton blog est génial :3

    24
    Dimanche 27 Janvier 2013 à 14:51

    merci!

    25
    Clefairy Dolls Profil de Clefairy Dolls
    Dimanche 27 Janvier 2013 à 18:03

    J'ai beau essayé rien ne marche. Je remplace BORDURE part...?

    26
    Dimanche 27 Janvier 2013 à 18:07

    par exemple, tu remplace BORDURE par 1px black

    ♦1px signifie la taille de la bordure en pixels
    ♦black signifie la couleur de la bordure (à mettre en anglais ou à remplacer par les couleur de type #000000)

     

    27
    Clefairy Dolls Profil de Clefairy Dolls
    Dimanche 27 Janvier 2013 à 19:32

    Ok merc ^^

    28
    Jmlou Profil de Jmlou
    Mercredi 13 Février 2013 à 20:19
    29
    Jeudi 14 Février 2013 à 18:19
    30
    Jmlou Profil de Jmlou
    Jeudi 14 Février 2013 à 20:23

    bah,ta page youtube

    31
    Vendredi 15 Février 2013 à 17:52

    en réalité, tu as montré ma vidéo de présentation du blog, ma page youtube est

    http://www.youtube.com/egotilt

    (pour ceux qui demande: titanic est mon film préféré ^^)

    32
    Jeudi 21 Mars 2013 à 16:03

    Merci, grâce c'est plus jolie

    33
    Vendredi 22 Mars 2013 à 19:20

    Derien

    34
    Lundi 15 Septembre 2014 à 17:00

    pas compris



    Ajouter un commentaire

    Nom / Pseudo :

    E-mail (facultatif) :

    Site Web (facultatif) :

    Commentaire :