Changer la couleur a:hover du nuage de tags (Créer un compte)

  • Statut : non résolu
10 sujets de 1 à 10 (sur un total de 10)
  • Auteur
    Messages
  • #454938
    taodan
    Membre
    Initié WordPress
    13 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.3
    – Thème utilisé : Ayumi 1.2
    – Plugins en place : Simple Tags 1.1.1
    – Nom de l’hebergeur : OVH
    – Adresse du site : http://www.taorama.net

    Problème(s) rencontré(s) :

    Je n’arrive pas à indiquer une couleur de a:hover pour le nuage de tags…

    voilà le code que j’ai indiqué dans style.css :

    .master-side ul li ul li  a:hover,.side2 ul li ul li  a:hover{
        color: #800000;
            text-decoration: underline;

    (où master.side désigne la partie supérieure de ma sidebar, qui se divise ensuite en .side1 et .side2

    et celui que j’ai indiqué dans sidebar.php :

    <div class="master-side">
        <ul class="boxy"><div align="justify" class="master-side">
    <?php st_tag_cloud("title=&maxcolor=#000000&mincolor=#868686&smallest=8&largest=16"); ?></div>
        </ul>
    </div>

    Rien n’y fait. Il n’y a pas dans mon style.css de propriété a:hover contradictoire pour .boxy,
    j’ai aussi réessayé de changer l’ordre des balises, de créer un div avec un autre nom, ça ne fonctionne pas non plus.

    Auriez-vous une idée pour m’aider ?
    Merci !

    #613067
    BurneoX
    Participant
    Initié WordPress
    26 contributions
    #613068
    taodan
    Membre
    Initié WordPress
    13 contributions

    Merci, mais ce code ne marche pas :(

    Le code d’appel du nuage de tags est le suivant :

    Le créateur du plugin propose de modifier le code avec le paramètre ‘xformat’ :

    ‘xformat’ => (‘<a href="%tag_link%" title="%tag_count% topics" style="%tag_size% %tag_color%">%tag_name%</a>‘, ‘simpletags’)

    Mais je ne sais comment le modifier pour que ma propriété a:hover s’applique, ni comment insérer cette séquence dans le php…

    #613069
    BurneoX
    Participant
    Initié WordPress
    26 contributions

    Arff la je suis un peut largué aussi en vrai 😉 mais bon essaye alors de virer tout ce qui définie la couleur
    ce qui donne

    et la je suppose que le style CSS pourra entrée en fonction. Je ne pourrais pas t’en dire plus car je n’utilise pas les tag, sinon essaye directement avec WordPress sans le plugin car sauf erreur depuis la V2.3 il les gères en natif ce qui devrais te simplifier la tache.

    Bref je blablate mais je te dit je suis largué aussi là 😆

    #613070
    taodan
    Membre
    Initié WordPress
    13 contributions

    Merci c’est sympa quand-même,
    mais je tiens à mes couleurs 🙂
    de toute façon même en enlevant ces critères le a:hover ne fonctionne tjs pas…

    #613071
    Fred981
    Participant
    Initié WordPress
    34 contributions

    Bonjour,

    Ma configuration WP actuelle
    – Version de WordPress : 2.3
    – Thème utilisé : Ayumi 1.2
    – Plugins en place : Pas grand chose
    – Nom de l’hebergeur : oxito
    – Adresse du site : http://www.981.be/wordpress_flames

    Questions:

    1/ J’aimerai remplacer l’espace vert du header par une image comme sur le blog de TAODAN.
    2/ J’aimerai ensuite modifier la hauteur de cet espace vert qui va reçevoir l’image du header.

    Et je cherche depuis une semaine… et je rame… je commence à laisser tomber mais pour un truc aussi facile que ça pour les experts wordpress, je propose toujours… 🙂

    Merciiii

    Voici toujours le CSS:



    /*
    Theme Name: Ayumi
    Theme URI: http://www.jauhari.net/themes/ayumi
    Description:

    Ayumi Theme is clean layout that build with 3 Columns Layout. And this Theme I dedicated to Ayumi Hamasaki.

    • * Right Sidebar
    • * Widget Ready
    • * Change About text via Admin Profile
    • * Tested on WordPress 2.1.x

    Visit the Theme Page for theme update and other related information.

    The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License

    Version: 1.2
    Author: Nurudin Jauhari
    Author URI: http://www.jauhari.net/

    This theme was designed and built by Nurudin Jauhari,
    whose blog you will find at http://jauhari.net/themes/ayumi
    Crafted on 19 July 2007
    Last Edit: 24 August 2007 15.00 +7 GMT

    The CSS, XHTML and design is released under a Creative Commons Attribution 3.0 License:
    http://creativecommons.org/licenses/by/3.0/

    */

    /* Social Style
    ********************* */

    html
    {
    height: 100%;
    margin-bottom: 0.1em;
    }
    *
    {
    margin: 0;
    padding: 0;
    }
    img
    {
    border: 0;
    }
    p
    {
    line-height: 1.6em;
    margin: 0.7em 0;
    }
    dl
    {
    margin: 1em 0;
    }
    dt
    {
    font-weight: bold;
    }
    dd
    {
    margin: 0.5em;
    padding: 0;
    }
    img.right
    {
    float: right;
    margin: 10px 0 0 10px;
    }
    img.left
    {
    float: left;
    margin: 0 10px 0 0;
    }
    hr
    {
    display: none;
    }
    body
    {
    background: #fff;
    color: #333;
    font: 74%/1.6em “Lucida Sans Unicode”, “Lucida Grande”, LucidaGrande, “Lucida Sans”, Geneva, verdana, tahoma, arial, sans-serif;
    /* font: 72%/1.6em verdana, tahoma, arial, sans-serif; */
    margin: 0;
    padding: 0;
    text-align: center;
    }
    a
    {
    text-decoration: none;
    }
    a:link, a:visited
    {
    color: #666;
    }
    a:hover, a:active
    {
    }
    h1, h2, h3, h4, h5, h6
    {
    font-family: Arial, Verdana, Serif;
    }

    /* Etc
    ******************** */
    br.clear {
    clear: both;
    }

    /* Design
    ******************** */
    #top {
    background:#2E9B22;
    margin-bottom: 20px;
    }
    #page {
    text-align: left;
    width: 950px;
    border-top: none;
    margin: 0 auto;
    background: url(images/bg-gradient.gif) 0 bottom repeat-x;
    }
    #headr {
    width: 950px;
    margin: 0 auto 5px;
    color: #C3EAFB;
    position: relative;
    text-align: left;
    height: 50px;
    padding-top: 10px;
    }
    #logo h1 {
    margin: 5px 0 0;
    font-size: 2.5em;
    font-family: Arial, Geneva, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    }
    #logo h1 a {
    color: #fff;
    }
    #logo h1 a:hover {
    color: #D7F7D4;
    }
    #logo .description {
    color: #E9FFFF;
    font-size: 1.2em;
    margin-top: 5px;
    display: none;
    }

    #logo {
    position: absolute;
    right: 0;
    bottom: 0;
    }#top-rss {
    position: absolute;
    right: 0;
    top: 0;
    }
    #top-img {
    width: 930px;
    margin: 20px auto;
    background: #F7FFFF;
    height: 90px;
    border: 10px solid #BBC5C6;
    display: none;
    }
    #headr #top-menu {
    position: absolute;
    left: 0;
    bottom: 0;
    }
    /* Menu */
    ul#menuv {
    list-style: none;
    margin: 0;
    padding: 0;
    font-family: “Trebuchet MS”, Arial, verdana, tahoma, sans-serif;
    font-size: 1.1em;
    font-weight: bold;
    }
    ul#menuv li {
    float: left;
    margin-right: 4px;
    }
    ul#menuv li a {
    padding: 3px 10px;
    display: block;
    color: #2E9B22;
    background: #D7F7D4;
    }
    ul#menuv li a:hover {
    background: #C20F0F;
    color: #fff;
    }
    ul#menuv li.current_page_item a {
    background: #fff;
    color: #2E9B22;
    font-weight: bold;
    }

    #content-wrap {
    float: left;
    width: 100%;
    }

    #content {
    margin: 0 440px 0 0;
    }
    .post {
    margin-bottom: 15px;
    }
    .post2 {
    }

    .side {
    width: 440px;
    margin-left: -440px;
    float: left;
    }
    .side1 {
    width: 220px;
    float: left;
    color: #333;
    margin-left: -0px;
    color: #498EB8;
    }
    .side2 {
    color: #498EB8;
    width: 220px;
    float: left;
    color: #333;
    }
    #content .gap {
    margin: 0 20px 0 0;
    }
    .side1 .gap {
    }
    .side2 .gap {
    margin: 0 0 0 10px;
    }
    #out-foot {
    width: 100%;
    float: left;
    }

    #footer {
    margin: 0 auto 0;
    width: 950px;
    color: #666;
    font-size: 1em;
    text-align: left;
    }
    #footer a {
    color: #666;
    text-decoration: underline
    }
    #footer a:hover {
    color: #333;
    text-decoration: none;
    }
    /* Design
    ******************** */
    .side1 ul, .side2 ul, .side ul{
    list-style: none;
    }
    .about a:link, .about a:visited {
    background: #D7F7D4;
    color: #34B027;
    padding: 0 2px;
    }
    .about a:hover {
    background: #34B027;
    color: #D7F7D4;
    padding: 0 2px;
    }

    .linkcat, .widget, .boxy, .categories {
    padding: 10px;
    border: 1px solid #3AC52C;
    background: url(images/bg-gradient.gif) 0 bottom repeat-x;
    }
    .side1 ul li ul li, .side2 ul li ul li {
    padding: 2px 0;
    margin-left: 15px;
    list-style: square;
    color: #C20F0F;
    }
    .side1 ul li ul li ul li{
    border: none;
    }
    .side1 ul.children, .side2 ul.children{
    margin-left: 16px;
    }
    .boxy, .side1 .categories, .side2 .categories, .widget, .side1 .linkcat, .side2 .linkcat, .about {
    margin-bottom: 20px;
    }
    .side2 .boxy, .side2 .linkcat {
    }
    .side1 h2, .side2 h2{
    font: bold 1.4em “Trebuchet MS”, Trebuchet, Verdana, Arial, sans-serif;
    color: #C20F0F;
    margin-bottom: 5px;
    background: #F7D4D4;
    padding: 0 5px;
    }
    .side1 ul li ul li a:link, .side1 ul li ul li a:visited,.side2 ul li ul li a:link, .side2 ul li ul li a:visited{
    color: #2E9B22;
    }

    .side1 ul li ul li a:hover,.side2 ul li ul li a:hover{
    color: #000;
    }
    .side1 ul li ul li.current_page_item a,.side1 ul li ul li.current-cat a, .side2 ul li ul li.current-cat a {
    color: #FFC757;
    font-weight: bold;
    }

    /* Search
    ************************ */
    input#s {
    width: 408px;
    padding: 10px 5px 10px 25px;
    margin: 0 0 10px;
    background: #fff url(images/ico/zoom1.png) 5px 10px no-repeat;
    border: 1px solid #3AC52C;
    color: #2E9B22;
    font-size: 1.2em;
    }
    input#s:focus {
    background: #fff url(images/ico/zoom.png) 5px 10px no-repeat;
    color: #C20F0F;
    border: 1px solid #F7D4D4;
    }

    input#searchsubmit
    {
    margin: 0;
    }

    /* Design Typo
    ********************* */

    h2.pagetitle {
    text-align: left;
    font: 1.5em Arial, verdana;
    border-bottom: 1px solid #ccc;
    }

    .post h2 {
    font: bold 1.7em Arial, “Trebuchet MS”, Verdana, sans-serif;
    color: #C20F0F;
    }
    .post h2 a:link, .post h2 a:visited {
    color: #2E9B22;
    padding: 0 5px;
    background: #D7F7D4;
    }
    .post h2 a:hover {
    color: #fff;
    background: #498EB8;
    }
    .post a:hover {
    }
    .date {
    color: #498EB8;
    }
    p.meta {
    font-size: 100%;
    color: #4D7E8F;
    }
    p.meta2 {
    text-align: right;
    font-size: 100%;
    color: #498EB8;
    border-top: 2px solid #D4EAF7;
    padding: 5px 0 0 0;
    }
    p.meta2:hover {
    border-top: 2px solid #D7F7D4;
    }
    p.meta a:link, p.meta a:visited, p.meta2 a:link, p.meta2 a:visited {
    color: #498EB8;
    padding: 2px 4px;
    background: #D4EAF7;
    }
    p.meta a:hover,p.meta2 a:hover {
    color: #2E9B22;
    background: #DAF7D4;
    }
    .post ul.postspermonth{
    list-style:none;
    padding: 0;
    margin: 0;
    }
    .entry p a:link, .entry p a:visited {
    border-bottom: 1px solid #4D71A5;
    color: #4D71A5;
    }
    .post ul {
    margin-left: 35px;
    }
    .post ol {
    margin-left: 40px;
    }
    .post p a:hover {
    border: none;
    }
    .categr, .monthr {
    margin-bottom: 20px;
    }
    .categr h2, .monthr h2{
    border-bottom: 1px solid #ccc;
    }

    .rss {
    background: url(images/feed-icon-10×10.png) left center no-repeat;
    padding-left: 12px;
    }
    /* Comment Etc
    ********************* */
    .navigation
    {
    margin-top: 10px;
    margin-bottom: 10px;
    float: left;
    width: 100%;
    }

    .navigation a
    {
    color: #666;
    }
    .alignleft
    {
    float: left;
    width: 50%;
    }
    .alignright
    {
    float: right;
    text-align: right;
    width: 50%;
    }

    .ileft {
    float: left;
    margin-right: 5px;
    }
    #avatr {
    border: 1px solid #3AC52C;
    }
    p.stats {
    color: #999;
    font-size: .8em;
    border: 1px solid #ccc;
    border-left: none;
    border-right: none;
    }
    blockquote
    {
    background: url(images/blockquote.gif) no-repeat left top;
    color: #666;
    margin: 1em;
    padding: 0 0 10px 50px;
    }
    #content .commentsfeedr
    {
    background: url(images/ico/feed.png) no-repeat left center;
    padding: 2px 2px 2px 20px;
    }
    #content .trackbackr
    {
    background: url(images/ico/arrow_refresh.png) no-repeat left center;
    padding: 2px 2px 2px 20px;
    }
    input.textbox, textarea, textarea, input#url, input#email, input#author
    {
    background: #fff url(images/shadow_top.gif) repeat-x top;
    border: #ccc 1px solid;
    font: 1em Verdana, Arial, Serif;
    padding: 2px;
    }
    input.textbox:focus, textarea:focus
    {
    background: #fff url(images/shadow_top.gif) repeat-x top;
    border: #999 1px solid;
    }
    #submit {
    background: #2E9B22;
    color: #fff;
    padding: 3px 5px;
    border: #227118 solid 2px;
    border-top: 2px solid #34B027;
    border-left: 2px solid #34B027;
    }
    #submit:focus, #submit:hover {
    background: #227118;
    color: #fff;
    border: #000 solid 2px;
    border-top: 2px solid #2E9B22;
    border-left: 2px solid #2E9B22;
    }

    .comment
    {
    background: #fff url(images/shadow_top.gif) repeat-x top;
    border-bottom: #ddd 1px solid;
    list-style: none;
    margin: 0;
    padding: 1em 0.5em;
    }
    .alt
    {
    background: #f9f9f9;
    }
    .MyAvatars
    {
    border: 1px solid #ccc;
    border-bottom: 1px solid #999;
    border-right: 1px solid #999;
    float: right;
    margin-left: 5px;
    margin-right: 10px;
    padding: 3px;
    }

    h3#respond, h3#comments {
    font: bold 1.2em “Trebuchet MS”, Verdana, Arial, sans-serif;
    color: #2E9B22;
    text-transform: uppercase;
    }

    #comment {
    width: 98%;
    }

    fieldset {
    border: none;
    }
    textarea#cp_message {
    width: 100%;
    }

    pre {
    width: 95%;
    overflow:auto;
    font: 13px ‘Courier New’, Courier, Verdana, Arial, sans-serif;
    color: #921A14;
    max-height: 350px;
    line-height: 18px;
    margin: 10px 0;
    border: 1px solid #921A14;
    padding: 5px;
    background: #F7D5D4;
    }

    code {
    font: 13px ‘Courier New’, Courier, Verdana, Arial, sans-serif;
    color: #921A14;
    padding: 2px;
    }

    /* Change Log ***
    1.0 : Public Releaed
    1.1 : Fixed Sidebar and Footer Issue
    1.2 : Fix Comments and Background Overlap
    *** */


    #613072
    taodan
    Membre
    Initié WordPress
    13 contributions

    Dans ton css tu as :

    #headr {
    width: 950px;
    margin: 0 auto 5px;
    color: #C3EAFB;
    position: relative;
    text-align: left;
    height: 50px;
    padding-top: 10px;

    Change 50 par le nombre de pixels que tu veux pour la hauteur.
    Ajoute la ligne background: url(http://www.tonsite/images/tonimage.jpg);

    Et voilà 🙂

    #613073
    Fred981
    Participant
    Initié WordPress
    34 contributions

    C’est magique… il suffit que j’écrive ce post pour que je trouve moi meme la solution…

    Cela dit, je cherche toujours pour y insérer une image… là on y est pas encore…. là je cale…

    #613074
    Fred981
    Participant
    Initié WordPress
    34 contributions

    heyyyyyyyyy!!!!! Je n’avais pas vu ton post !!! Merci je fais ça tout de suite !!! :-D

    #613075
    Fred981
    Participant
    Initié WordPress
    34 contributions

    Superbe ça marche sans pépin. Un grand merci !!! Bonne journée! 🙂

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