Code CSS pour chatbox ^^

    Partagez
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Code CSS pour chatbox ^^

    Message par silvester le Sam 21 Mai - 22:15

    Salut a tous,

    J'ai remarqué que la chatbox était un peu terne et que les couleurs sont pas top (les grandes barres blanches et tt) Si vous voulez modifier son apparence dites le moi et je me ferais un plaisir de vous donnez les codes CSS pour le faire ^^

    Rendre le fond de la Chatbox transparente :
    Code:
    #chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
    background-color: transparent;
    }

    Inserer un logo ou une image sur la chatbox :
    Code:
    body.chatbox {
    background-image: url('http://img7.hostingpics.net/pics/653409pab.png');
    background-repeat: no-repeat;
    background-position: 98% 0%;
    }

    Et j'en ai pleins d'autre Very Happy


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile
    avatar
    Providence

    Masculin
    Messages : 1607
    Age : 25
    Localisation : Belgique
    Emploi/loisirs : Mangas-Jeux vidéos-Origami

    Re: Code CSS pour chatbox ^^

    Message par Providence le Sam 21 Mai - 23:07

    J'ai rentré les deux codes pour voir ce que ça donne ^^
    C'est quoi ça "PAB" ? ^^


    _________________

    "Si il doit y avoir la guerre qu'elle ait lieu de mon temps afin que mon enfant puisse connaître la paix."
    Thomas Paine
    avatar
    TJ7

    Masculin
    Messages : 1589
    Age : 28
    Localisation : Dans une plaine situé à 20 000 Slär, à gauche près du Valhala, méditant sur de la Vearth.
    Emploi/loisirs : Traducteur / Guerrier

    Re: Code CSS pour chatbox ^^

    Message par TJ7 le Sam 21 Mai - 23:11

    je crois que c'est le:
    background-image: url('https://redcdn.net/hpimg7/pics/653409pab.png');

    ^^

    et pour les 10 minutes finalement puisqu'on y est :p ?
    avatar
    Providence

    Masculin
    Messages : 1607
    Age : 25
    Localisation : Belgique
    Emploi/loisirs : Mangas-Jeux vidéos-Origami

    Re: Code CSS pour chatbox ^^

    Message par Providence le Sam 21 Mai - 23:13

    J'avais compris ça, ce que je me demande c'est la signification de PAB ^^


    _________________

    "Si il doit y avoir la guerre qu'elle ait lieu de mon temps afin que mon enfant puisse connaître la paix."
    Thomas Paine
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Re: Code CSS pour chatbox ^^

    Message par silvester le Sam 21 Mai - 23:33

    La PAB c'est une alliance trés puissante du jeu desert opération son nom complet c'est Perle Are Bord et j'en fait partis ^^

    Pour ceux qui connaissent c'est l'alliance leader de la coalition TNT


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Re: Code CSS pour chatbox ^^

    Message par silvester le Sam 21 Mai - 23:33

    Et le logo je l'ai créé sous photoshop spécialement pour le forum que j'ai créé ^^


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Re: Code CSS pour chatbox ^^

    Message par silvester le Sam 21 Mai - 23:50

    Bon voila les codes suivant si sa interresse ^^

    Couleur du corps de la CB (ici transparent)
    Code:
    body.chatbox {
    background-color: transparent;
    }

    Couleur du titre de la Chatbox (garder le !important et modifier le code devant)
    Code:
    body.chatbox #chatbox_header .chatbox-title,

    body.chatbox #chatbox_header .chatbox-title a.chat-title {
        color: #660000 !important;
    }

    Modifier le titre de la Chatbox (idem pour le !important)
    Code:
    body.chatbox #chatbox_header .chatbox-title,

    body.chatbox #chatbox_header .chatbox-title a.chat-title {
        content: "PAB" !important;
    }

    Aprés je peux en trouver d'autre mais faut que je recherche ^^ je l'ai ai pas tous garder pour ma CB !!

    J'ai aussi un ptit lecteur deezer bien sympa, au lieu de ne lire qu'une radio ou quelques titres il contient une liste de TOUTES les radios deezer (2 semaines de boulot pour le coder XD)


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile
    avatar
    TJ7

    Masculin
    Messages : 1589
    Age : 28
    Localisation : Dans une plaine situé à 20 000 Slär, à gauche près du Valhala, méditant sur de la Vearth.
    Emploi/loisirs : Traducteur / Guerrier

    Re: Code CSS pour chatbox ^^

    Message par TJ7 le Dim 22 Mai - 12:16

    Je serais curieux de voir ton pti lecteur deezer pas sûr qu'il sera très utile ici mais juste pour voir ^^
    avatar
    Lockon Stratos

    Masculin
    Messages : 2845
    Age : 28
    Localisation : Là où les femmes me portent :D
    Emploi/loisirs : Couteau Suisse de l'équipe

    Re: Code CSS pour chatbox ^^

    Message par Lockon Stratos le Dim 22 Mai - 12:35

    On pourrait foutre du métal dedans \o/ Un bon truc bien bourrin qui fasse peur *.*


    _________________
    Vivre ailleurs pour expier ses erreurs...


    Ma Collection Manga-News
    avatar
    Providence

    Masculin
    Messages : 1607
    Age : 25
    Localisation : Belgique
    Emploi/loisirs : Mangas-Jeux vidéos-Origami

    Re: Code CSS pour chatbox ^^

    Message par Providence le Dim 22 Mai - 12:51

    Je laisse Locky s'occuper de tout ça, moi la page CSS ça me dépasse ^^


    _________________

    "Si il doit y avoir la guerre qu'elle ait lieu de mon temps afin que mon enfant puisse connaître la paix."
    Thomas Paine
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Re: Code CSS pour chatbox ^^

    Message par silvester le Dim 22 Mai - 12:55

    Dans les radio y a le metal ^^ sinon voila le lien vers le forum (qui est un peu mort ces temps ci d'ailleur)

    http://perle-are-bord.forumactif.org/

    Et comme je suis gentil je met le code ici en spoiler (ATTENTION PAVE)

    Spoiler:
    Code:
    <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"><div style="margin: 0 auto;text-align:center">
    <select style="font: bold 12px Arial;width:180px; height: 20px; margin: 5px auto;" id="selradio" name="oradio" onChange="changeStation(this);">

    <option value="140">ARTE summer of the 60’s</option>

    <option value="65">blues</option>

    <option value="45">celtique</option>

    <option value="12">chanson française</option>

    <option value="107">charts</option>

    <option value="27">classic rock</option>

    <option value="18">dancefloor</option>

    <option value="25">disco</option>

    <option value="6">electro</option>

    <option value="84">europa vox</option>

    <option value="137">Festival dour 2010</option>

    <option value="136">Festival hellfest 2010</option>

    <option value="133">Festival jazz Marciac 2010</option>

    <option value="138">Festival reggae sun ska 2010</option>

    <option value="26">Festival Solidays</option>

    <option value="131">Festival sziget 2010</option>

    <option value="28">film/tv</option>

    <option value="132">francofolie</option>

    <option value="21">funk</option>

    <option value="17">hard</option>

    <option value="71">hits</option>

    <option value="15">jazz vocal</option>

    <option value="135">les escales de St Nazaire</option>

    <option value="32">Les Eurockéennes</option>

    <option value="126">Les Inrockuptibles</option>

    <option value="134">Les vieilles charrues 2010</option>

    <option value="22">metal</option>

    <option value="7">nouvelle scène</option>

    <option value="16">pop</option>

    <option value="39">pop folk</option>

    <option value="13">pop indé</option>

    <option value="31">punk</option>

    <option value="33">r&b</option>

    <option value="20">rap</option>

    <option value="23">rap français</option>

    <option value="108">reggae ska dub</option>

    <option value="41">reprises covers</option>

    <option value="10">rock</option>

    <option value="43">rock en seine</option>

    <option value="19">soul</option>

    <option value="105">summer 80</option>

    <option value="72">trip hop</option>

    <option value="63">TV</option>

    <option value="64">urban style</option>

    <option value="11">variété française</option>

    </div>
    </select><div style="margin:0 auto;text-align:center;z-index:1;width:180px;height:236px;background: #ffffff url(http://htmltoxhtml.googlepages.com/loading.gif) no-repeat 40px 50px;"><div style="margin:0; height:220px; width:180px;z-index:1;" id="id1"></div>
    <a href="http://www.deezer.com" target="_blank" style="border:none;margin:0;padding:0;">
    <img src="http://www.deezer.com/embedded/footer.jpg" alt="free music" title="free music" border="0" style="border:none;margin:0;padding:0;" />
    </a>

    </div>

    <script type="text/javascript">
    /* <![CDATA[ */
    var DEFAULT_RADIO = "10";
    var whereami = window.location.href;
    var rege = /([0123456789]+)/;
    var res = rege.exec(whereami);
    var rad = DEFAULT_RADIO;
    if (res) { rad = res[1]; }
    var autop = "1";
    var bgcol = "0x525252";
    var buttcol = "0xDDDDDD";
    var t1col = "0xFFFFFF";
    var t2col = "0xCCCCCC";
    showRadio(rad);

    function changeStation(sel) {
    var which = sel.selectedIndex;
    var radioId = sel.options[which].value;
    autop = "1";
    showRadio(radioId);
    }

    function showRadio(rid) {
    var x = document.getElementById("id1");
    var s = document.getElementById("selradio");
    var arrOp = s.getElementsByTagName("option");
    var found = false;
    var arrl = arrOp.length;
    var i = 0;
    while (!found && i<arrl) {
    if (arrOp[i].value == rid) {
    found = true;
    arrOp[i].selected = "selected";
    }
    i++;
    }
    var deezURL = "http://www.deezer.com/embed/player?rid=" + rid + "&lang=en&ap=" + autop;

    if (document.all && !window.opera)
    {
    x.innerHTML = "<object type='application/x-shockwave-flash' width='180' height='220' data='" + deezURL + "'> <param name='movie' value='" + deezURL + "' /></object>";
    } else {

    var ob = document.createElement("object");
    ob.style.zIndex = "1";
    ob.setAttribute("type", "application/x-shockwave-flash");
    ob.setAttribute("width", "180");
    ob.setAttribute("height", "220");
    ob.setAttribute("data", deezURL);

    var par1 = document.createElement("param");
    par1.setAttribute("name","movie");
    par1.setAttribute("value", deezURL);

    ob.appendChild(par1);

    while(x.hasChildNodes() ) {
    x.removeChild( x.firstChild );
    }
    x.appendChild(ob);
    }
    }
    /* ]]> */
    </script>

    </body>
    </html>


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile
    avatar
    Lockon Stratos

    Masculin
    Messages : 2845
    Age : 28
    Localisation : Là où les femmes me portent :D
    Emploi/loisirs : Couteau Suisse de l'équipe

    Re: Code CSS pour chatbox ^^

    Message par Lockon Stratos le Dim 22 Mai - 12:56

    Putain du java... De quoi me faire pleurer...


    _________________
    Vivre ailleurs pour expier ses erreurs...


    Ma Collection Manga-News
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Re: Code CSS pour chatbox ^^

    Message par silvester le Dim 22 Mai - 13:03

    XD tkt le java c'est pas moi qui l'ai fait non plus c'est pompé sur un lecteur existant à la base le plus long c'est modifier le code et inserer toute les radios !!

    Sinon voila un tuto forumactif assez génial (pas encore eu le temps de tester mais sa doit le faire) http://forum.forumactif.com/t301577-creer-une-banniere-aleatoire-ou-defilante-pour-son-forum


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile
    avatar
    Lockon Stratos

    Masculin
    Messages : 2845
    Age : 28
    Localisation : Là où les femmes me portent :D
    Emploi/loisirs : Couteau Suisse de l'équipe

    Re: Code CSS pour chatbox ^^

    Message par Lockon Stratos le Dim 22 Mai - 13:12

    Ok, j'y jetterai un coup d'oeil. Sinon pour la radio, c'est simple à faire, c'est un module supplémentaire, comme le module de neige que j'avais fait.


    _________________
    Vivre ailleurs pour expier ses erreurs...


    Ma Collection Manga-News

    malma

    Masculin
    Messages : 43
    Age : 27
    Localisation : belgique

    Re: Code CSS pour chatbox ^^

    Message par malma le Dim 22 Mai - 13:12

    merci pour le code ^^ j'avais la flemme d'en faire un ^^
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Re: Code CSS pour chatbox ^^

    Message par silvester le Dim 22 Mai - 17:58

    Voici un nouveau code géniallissime de forumactif ^^ Il permet de faire un lien tournepage (un encart qui s'ouvre en haut de la page a découvrir ICI lorsque que vous passez votre souris en haut à droite une image apparait dans l'encart et en cliquant dessus vous etes redirigé vers un lien quelconque !!

    Sa pourrait etre bien pour mettre un lien vers le site de la KOH fansub non ?

    Le tuto :
    http://forum.forumactif.com/t284540-astuce-forumactif-effet-tournepage


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile
    avatar
    Lockon Stratos

    Masculin
    Messages : 2845
    Age : 28
    Localisation : Là où les femmes me portent :D
    Emploi/loisirs : Couteau Suisse de l'équipe

    Re: Code CSS pour chatbox ^^

    Message par Lockon Stratos le Dim 22 Mai - 18:01

    Toi, je sens qu'après avoir passer le test d'éditeur que j'ai bientôt terminé de te préparer, tu risques en plus d'avoir la casquette de programmeur du forum avec l'accord de Provi' xD


    _________________
    Vivre ailleurs pour expier ses erreurs...


    Ma Collection Manga-News
    avatar
    silvester

    Masculin
    Messages : 310
    Age : 25
    Localisation : Loin dans l'est
    Emploi/loisirs : voler, créer, dormir !!!

    Re: Code CSS pour chatbox ^^

    Message par silvester le Dim 22 Mai - 18:34

    On verra bien, je suis surtout un testeur fou, dés que je trouve un code fun je le test sur un de mes forum pour voir ce que sa donne XD


    _________________
    "Fabrique ton gundam" bientôt dans toute les bon magasins Smile

    Contenu sponsorisé

    Re: Code CSS pour chatbox ^^

    Message par Contenu sponsorisé


      La date/heure actuelle est Sam 21 Juil - 1:37