Remanier le theme Ani-world fond et titre (Créer un compte)

  • Statut : non résolu
3 sujets de 1 à 3 (sur un total de 3)
  • Auteur
    Messages
  • #478562
    N.@.M.E
    Membre
    Padawan WordPress
    61 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.9.2
    – Version de PHP/MySQL : 5
    – Thème utilisé : Ani-World
    – Extensions en place : nextgen gallery, nextgen falshviewer, lightview,gravatars, WP-Cumulus
    – Nom de l’hebergeur : 1&1
    – Adresse du site :

    Problème(s) rencontré(s) : remanier le thème Ani World

    Je souhaiterai remanier plusieurs choses sur le thème:

    1. Le titre: est-il possible de changer la couleur et la taille voir d’y mettre carrément une image à la place avec une belle police d’écriture, cela permettra à tous d’en profiter,car si la police n’est pas installé sur le PC la personne verra avec la police par défaut non?

    2. Changer le fond: le passer en noir pour la partie haute et sur les cotés, juste laisser en blanc la partie corps de texte des articles

    3. est-il possible d’ajouter une ou plusieurs photos sur la bannière flash, et ralentir le temps de défilement?

    Ci joint le fichier style.css
    est -il possible de mettre à coté les différents emplacement par rapport à la page entre les sidebar head over etc. je m’embrouille un peu 😇

    Je sais cela fait beaucoup pour un post 😳
    en tout cas par avance merci pour vos retours même si cela ne concerne qu’une partie, elle permettra dejà d’avancer un peu .

    la feuille style css de base:

    / *
    Nom du thème: Ani mondial
    Theme URI: http://www.ani-world.net/ani-world-theme/
    Description: Ani mondial blog WordPress Theme designed by <a href="http://www.ani-world.net/"> ani monde </ a>! Traduction française par <a href="http://wordpress-tuto.fr"> WordPress tuto </ a>.
    Version: 1.0.1
    Auteur: Ani & Bush
    Author URI: http://www.ani-world.net/
    Tags: Blanc, Vert, les deux colonnes, à droite le panneau latéral, à largeur fixe
    * /


    / * BASE * /


    corps, th, td, input, select, textarea, button (font: normal 12px/1.8em Tahoma, Verdana, Arial, sans-serif;)
    corps, H1, H2, H3, H4, H5, H6, p, ul, formulaire, fieldset (margin: 0; padding: 0;)
    ul li (list-style: none;)

    a (
    text-decoration: none;
    color: # 000;
    )
    a: hover (color: # FF9900)
    . clear (clear: both)
    / * Structure * /
    # (tête background: url (images / headbg.gif) repeat-x; height: 85px; width: 100%;)
    ul # head (float: right; margin-right: 20px; margin-top: 10px;)
    # head (li
    text-align: center;
    float: left;
    display: inline;
    width: auto;
    margin-left: 5px;
    line-height: 40px;
    )
    # head li a (color: # FFFFFF; padding: 5px; overflow: hidden; background: # 8EC304;)
    # head li a: hover (background: # F00; color: # FFF;)
    # # head logo (float: left; margin-left: 20px; margin-top: 15px;)
    # # head logo h1 (padding: 0;)
    # # head logo h1 a (color: # 000000; font-size: 20px; line-height: 20px; font-weight: normal;)

    # container (
    width: 900px;
    margin: 10px auto;
    )
    # recommander, commend_h #, # commend_f (background: # 343434;)
    commend_h #, # commend_f (height: 9px; overflow: hidden)
    . recommend_l_h (float: left; background: url (images / lh.gif) no-repeat; width: 9px; height: 9px;)
    . recommend_r_h (float: right; background: url (images / rh.gif) no-repeat; width: 9px; height: 9px;)
    . recommend_l_f (float: left; background: url (images / lf.gif) no-repeat; width: 9px; height: 9px;)
    . recommend_r_f (float: right; background: url (images / rf.gif) no-repeat; width: 9px; height: 9px;)
    # recommandons (padding: 5px;)

    . recommend_title (height: 38px; background: url (images / cd.gif) no-repeat;)
    # # recommandons combox ul li (float: left;)
    . a_combox (width: 630px; float: left; margin-left: 5px;)

    # # recommandons tagbox (float: right;)
    . montre (height: 203px; margin: 0;)
    . photo-show li (display: none;)
    author_info # (margin-top: 10px; background: url (images / mbg.gif) bottom left no-repeat; padding: 0 0 15px 0; float: right; width: 100%;)
    # span author_info (float: left; color: # AAA;)
    # author_info span (margin forte: 0 5px;)
    # author_info une hauteur (: 23px; width: 69px; display: block; float: right;)

    # # author_info rss (background: url (images/author_info/rss1.gif) no-repeat;)
    # author_info RSS #: hover (background: url (images/author_info/rss2.gif) no-repeat;)
    # email author_info # (background: url (images/author_info/email1.gif) no-repeat;)
    # # author_info email: hover (background: url (images/author_info/email2.gif) no-repeat;)
    Twitter author_info # # (background: url (images/author_info/twitter1.gif) no-repeat;)
    # # author_info twitter: hover (background: url (images/author_info/twitter2.gif) no-repeat;)

    # searchform_top_text (color: # 999; width: 250px;
    border: 1px solid # CCC! important;
    padding-left: 5px;
    background: url (images/search_btn2.gif) 240px no-repeat;
    line-height: 20px;
    height: 25px;)

    . ligne (border-bottom: 1px solid # eee;
    height: 3px; margin: 10px 0;
    clear: both;)

    # content (
    width: 620px;
    float: left;
    border-right: 1px solid # eee;
    padding: 0 0 10px 0;
    overflow: hidden;
    )


    / * Post * /
    # content. post (margin-right: 20px;)
    . Post (
    clear: both;
    )
    . post em (
    font-style: italic;
    )
    . post h2 a (
    margin: 10px 0 5px 0;
    color: # 618C04;
    line-height: 28px;
    font-weight: bold;
    )


    . title (color: # 666; margin-bottom: 10px; background: # f7f7f7; padding-left: 3px;)
    . titre a (color: # 618C04;)

    . postmetadata (color: # 666; font-size: 12px; margin-bottom: 10px; padding-left: 3px;)
    . postmetadata a (color: # 7AB203;)

    . poste. entry (padding-bottom: 12px;
    color: # 000000; clear: both;)

    big (font-size: 120%;
    )

    code (
    de la police: 0.9em ‘Courier New’, Courier, Fixed;
    padding: 10000px;
    display: block;
    border: 1px solid # eee;
    background: # fff;
    )

    . poste. entrée a (
    color: # 7AB203;
    border-bottom: 1px solid # DBEBB1;
    )



    . poste. entrée a: hover (
    color: # 333;
    background: # DBEBB1;
    border-bottom: 1px solid # 7AB203;
    )



    . poste. alignright (
    float: right;
    margin-left: 10px;
    )
    . poste. alignleft (
    float: left;
    margin-right: 10px;
    )
    . poste. aligncenter (
    margin: 0 auto;
    display: block;
    )
    . post abbr (
    font-weight: normal;
    )


    blockquote (
    margin: 1.5em 2em 1em;
    padding: .5 em 0;
    color: # 999;
    font-style: italic;
    border-top: 1px solid # f5f5f5;
    border-bottom: 1px solid # f5f5f5;
    )

    blockquote cite (
    margin: 5px 0 0;
    display: block;
    )

    . post pre (
    font-family: Courier;
    font-size: 12px;
    letter-spacing:-1px;
    margin: 14px 0 14px 0;
    )
    . poste. ul message (
    margin: 12px 0 0;
    )
    . poste. message (
    display: none;
    background: # 0F67A1;
    margin-top: 10px;
    padding: 20px;
    color: # FFF;
    )
    . seul h2 (line-height: 28px;)
    . seul h2 a (font-size: 20px;)
    . unique. postmetadata (padding-top: 10px; margin-bottom: 20px; background: none)
    . unique (padding-bottom: 0px! important; margin-bottom: 10px;)
    . p unique a (color: # F30;)
    . seul p a: hover (text-decoration: underline;)

    . rss_c (border-top: 1px solid # EEE; line-height: 25px; padding: 10px 0; color: # 999)
    . rss_c a (color: # 3399FF;)
    . rss_c a: hover (color: # FF6600)
    . rss_c img (float: left)
    . archive_c (text-align: center)

    / * Sidebar * /
    # sidebar (
    width: 265px;
    float: right;
    margin: 0 0 25px 0;
    overflow: hidden;
    )
    # sidebar h2 (
    font-size: 12px;
    font-weight: bold;
    color: # 618C04;
    margin: 10px 0 5px 0;
    )
    # sidebar. bloquer ul (
    )
    # sidebar. li bloc (
    line-height: 35px;
    height: 35px;
    overflow: hidden;
    border-bottom: 1px solid # eee;
    )

    # sidebar. Les enfants (list-style: none; margin: 0; text-indent: 0; padding: 0; margin-left: 15px;)
    # sidebar. li enfants (font-size: 12px;)

    # sidebar a (
    border: none;
    display: block;
    padding: 3px 5px;
    background: url (images / meta.gif) no-repeat 5px 10px;
    padding-left: 20px;
    border-bottom: 1px solid # DBEBB1;
    )
    # sidebar a: hover (
    background: url (images / meta.gif) no-repeat 5px 10px;
    border-bottom: 1px solid # DBEBB1;
    )

    # # sidebar filsrss li a, # sidebar. textwidget a, # sidebar (pa
    background: none;
    margin: 10;
    padding: 10;
    )


    # sidebar. widget_tag_cloud a (
    display: inline;
    background: none;
    padding: 5px;
    border-bottom: none;

    )


    # sidebar. cat-item a, # sidebar. cat-item a: hover
    (
    background: url (images / cat.gif) no-repeat 5px 10px;
    padding-left: 20px;
    )

    # sidebar. archives a, # Archives # sidebar ul li a, # sidebar. archives a: hover,
    # # sidebar ul li archives a: hover (
    background: url (images / meta.gif) no-repeat 5px 10px;
    padding-left: 20px;
    )

    # sidebar. linkcat a, # sidebar. linkcat a: hover,
    # sidebar. blogroll a (
    background: url (images / fav.gif) no-repeat 5px 10px;
    padding-left: 20px;
    )

    # sidebar. linkcat a: hover,
    # sidebar. blogroll a: hover (
    background: url (images / fav.gif) no-repeat 5px 10px;
    )
    # sidebar. block li a (
    font-size: 12px;
    font-weight: normal;
    line-height: 35px;
    height: 35px;
    padding-left: 20px;
    display: block;
    border-bottom: none;
    overflow: hidden;
    )
    # sidebar. widget_search label (
    display: block;
    padding: 25px 0 3px 0;
    font-size: 14px;
    margin: 0 0 5px;
    )
    # sidebar. widget_recent_comments li (
    background: transparent url (images / bullet_black.gif) no-repeat scroll 6px 52%;
    padding: 2px 0 2px 15px;
    )
    # sidebar. widget_recent_comments li a, # sidebar. widget_recent_comments li a: hover (
    background: none;
    text-decoration: none;
    )

    # sidebar. widget_tag_cloud h2 (
    margin: 0 0 8px;
    order-bottom: 1px solid # eee;
    )
    # sidebar. widget_text h2, # sidebar. civile h2 (
    order-bottom: 1px solid # eee;
    )
    # sidebar. civile h2 (
    display: none;
    )
    # wp-calendar # sidebar (
    width: 95%;
    text-align: center;
    )
    # # sidebar wp-caption calendrier, WP # # sidebar-td calendrier, WP # # sidebar-th calendrier (
    text-align: center;
    )
    # # sidebar wp-caption (Calendrier
    font-size: 14px;
    padding: 25px 0 10px 0;
    text-align: left;
    )
    # wp-calendar # sidebar a (background: # EEE; padding: 2px;)
    # # sidebar wp-th calendrier (
    font-weight: bold;
    border-top: 1px solid # eee;
    order-bottom: 1px solid # eee;
    )
    # blogroll ul li (float: left; width: 30%; margin-right: 5px;)
    # blogroll ul li a (
    background: centre gauche transparent no-repeat; padding-left: 20px;
    white-space: nowrap;
    )
    # blogroll ul li a: hover (
    background: centre gauche transparent no-repeat;
    color: # 7AB203;
    )

    / * Footer * /
    # footerline (background: url (images / footerline.gif) repeat-x; height: 38px; line-height: 58px;)
    # footerline p (line-height: 28px; margin-left: 50px;)
    # span blogroll (padding: 5px; border: 1px solid # EEE; display: block; background: # F7F7F7;)
    foot_cright # (padding: 5px 0 20px 15px; width: 910px; margin: 0 auto;)
    # span foot_cright a (color: # 7AB203; font-weight: bold)

    . s_header (background: url (images / sidebar_line.gif) bottom left no-repeat;)
    . s_line (background: url (images / sidebar_line.gif) bottom left no-repeat; height: 10px;)

    / * nav page * /
    . Nav a,. Nav a: link (
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid # E8E8E8;
    color: # 343434;
    background-color: # FFFFFF;
    )
    . Nav a: active (
    padding: 2px 4px 2px 4px;
    margin: 2px;
    text-decoration: none;
    border: 1px solid # E8E8E8;
    color: # 343434;
    background-color: # FFFFFF;
    )

    / * message * /
    . Acronyme de l’entrée, abbr (
    border-bottom: 1px dashed # ccc;
    )
    code (
    de la police: 0.9em ‘Courier New’, Courier, Fixed;
    padding: 10px;
    display: block;
    )
    . entrée ul li (list-style-type: square; margin-left: 30px;)

    . entrée h1,. entrée h2,. entrée h3,. entrée h4,. entrée h5,. entrée h6 (padding-top: 0.5em; padding-bottom: 0.5em;)

    . p entry (clear: both;)

    . entrée img (
    max-width: 600px;
    width: expression (this.width> 600? 600: true);
    )

    / * Commentaire * /

    # comments (
    font-size: 12px;
    line-height: 20px;
    margin: 0 10px 20px 0px;
    padding: 20px 0 0 0;
    border-top: 1px solid # CDD;
    )
    # comments. parcourir (
    clear: both;
    width: 588px;
    height: 19px;
    margin: 0;
    padding-bottom: 9px;
    )

    . commentlist (
    margin: 10px 0;
    )
    . commentlist li (
    list-style: none;
    padding: 10px;
    )

    li.comment (
    border: 1px solid # CDD;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    margin-bottom: 20px;
    padding-top: 1em;
    font-size: 12px;
    )
    li.comment div, div li.pingback (
    )
    . img.avatar vcard (
    float: left;
    border: 1px solid # eee;
    padding: 2px;
    margin: 0 20px 1em 0;
    background: # fff;
    )
    . citer vcard (
    font-weight: bold;
    font-size: 12px;
    )
    . span vcard (
    font-size: 10px;
    )
    . commentmetadata (
    font-size: 10px;
    )

    li.comment p (
    clear: both;
    )

    li.comment blockquote (
    clear: both;
    font-size: 12px;
    min-height: 2em;
    )
    . réponse (
    font-size: 12px;
    )

    . li.even commentlist (
    background: # f0f0f0;
    )

    . li.odd commentlist (
    background: # fff;
    )

    # respond (
    font-size: 12px;
    margin: 20px 0;
    )
    # respond p.small (
    font-size: 12px;
    )
    # respond textarea (
    width: 96%;
    )
    # respond comment-div.cancel-reply (
    padding: 12px 0 0;
    )

    # commentform (
    padding-bottom: 30px;

    #712793
    N.@.M.E
    Membre
    Padawan WordPress
    61 contributions

    un petit UP!

    J’ai bien réussi à changer la vitesse de defilement des images, à en rajouter,à changer certaine parties (comme le tritre les barres, les polices, mais le fond je ne trouve pas où intégrer la partie background color:000000 pour que l’ensemble de mon fond soit noir :fire:
    ci dessous le lien pour visu
    lien mon site

    pour rappel le thème est:Ani-World

    quelqu’un à une ptite idée :?:

    Merci pour vos retours

    @+

    #712794
    mathiastperou
    Membre
    Initié WordPress
    39 contributions

    Et pour un débutant, une description de la marche à suivre étape par étape? Un tuto disponible pour ce thème?

    Merci par avance

3 sujets de 1 à 3 (sur un total de 3)
  • Vous devez être connecté pour répondre à ce sujet.