Page 5 sur 5 PremièrePremière ... 345
Résultats de 41 à 50 sur 50

Sujet : Bouton "web call to action" sur la sidebar

  1. #1
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 625
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut Bouton "web call to action" sur la sidebar

    Bouton "web call to action" sur la sidebar
    Cette modification, vous permettra de faire apparaitre un bouton assez voyant incitant vos visiteurs à s'inscrire si ce n'est pas déjà fait sur vos forums, il vous faut activer la sidebar par contre, car l'emplacement de cette modification vise celle ci.

    • Il faut savoir que les 600px de haut de page est ce qui est le plus vue par vos visiteur, sans devoir scroller, il faut donc faire en sorte de mettre en avant ce qui est dans votre intérêt, ici c'est d'influencer vos visiteurs à s'inscrire sur votre forum à l'aide d'un bouton assez voyant, et indiquant en option, que l'inscription est gratuite.
    • J'ai opter pour un mod en CSS3 essentiellement, donc il se peut que certaines anciennes versions de navigateur, ne ressorte pas le même rendu, à vous d'opter pour une simple image.
    • J'ai opter aussi pour une modification, et non la création d'un block dans votre sidebar, car les blocks ne peuvent pas être conditionner, le mod actuel permet de rendre visible ce block qu'aux visiteurs.

    Proposé par Ombre.
    Compatible avec vBulletin: 4.0+
    Conception


    • Auteur du mod : Ombre
    • Version vBulletin Requise : vB 4.x.+
    • version: 1.0
    • Testé: oui sur 4.1.5 (pl1)
    • Copyright © 2006-2011 vBulletin-Ressources.com - Tous droits réservés / Copyright © 2006-2011 vBulletin-Ressources.com - All Rights Reserved.
    • Template HTML modifié: 1 (FORUMHOME)
    • Ajout de class: OUI
    • images: Aucunes

    Installation


    • Dans le template additional.css placez le contenus du fichier txt nommé additional.css.txt que vous trouverez dans l'archive nommé web_call_to_action_by_Ombre.rar à la fin du template et enregistrez.
    • Dans le template FORUMHOME placez le contenus du fichier txt nommé FORUMHOME.txt que vous trouverez dans l'archive nommé web_call_to_action_by_Ombre.rar juste avant ceci
      Code:
      {vb:raw sidebar}
      , et enregistrez.

    Et voila c'est fini, rien de plus simple.

    Capture



    Images attachées Images attachées
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints
    Fichiers attachés Fichiers attachés
      Tout d'abord , vous devez vous présenter pour voir les fichiers joints

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  2. #41
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 625
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut

    Bonjour,

    Citation Envoyé par GuN Voir le message
    Hello,

    je confirme que c'est fonctionnel sur vB4.2 (testé uniquement sous firefox et IE)
    J'ai juste modifié comme précisé plus haut le début du code dans le fichier texte additional.css.txt : END par START
    Cela n'interfère en rien au fonctionnement du mod, j'ai simplement copier coller le commentaire du bas vers le haut sans changer le END en START c'est un commentaire qui n'est donc pas interprété en HTML, ça permet de savoir ou commence et ou fini le mod.

    Citation Envoyé par lionel62300 Voir le message
    salut merci ombre pour ta réponse j'ai essayer de matin de le mètre sa fonctionner pas !
    mes comme dit gun (que je salut) je vais essayer cette après midi en changer le début du code !
    je vous remerci de votre aide je fait un retour si sa fonctionne ou pas ^^
    Je viens de le testé et il fonctionne, d'ailleurs, il fonctionnera toujours, seul la présentation du bloc peut être altéré si les class changent dans une version futur de vbulletin.

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  3. #42
    Version
    vB 4.2.2
    Inscrit
    juillet 2014
    Messages
    25
    Pouvoir de réputation
    0

    Par défaut

    pouvez vous me dire ou je trouve ce fameux fichier additional.css svp sur le ftp ? si oui ou exactement svp

  4. #43
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 625
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut

    Bonsoir,

    C'est pas un fichier mais un template, regarde du coté de l'admincp de ton forum, tu devrais trouver la section "Styles & Templates" ou rechercher ce template.

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  5. #44
    Version
    vB 4.2.2
    Inscrit
    juillet 2014
    Messages
    25
    Pouvoir de réputation
    0

    Par défaut

    j'ai fait les modification mais rien ne se passe et rien n'apparait .

  6. #45
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 625
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut

    Tu es sure d'avoir modifier le template correspondant au style que tu utilises?

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  7. #46
    Version
    vB 4.2.2
    Inscrit
    juillet 2014
    Messages
    25
    Pouvoir de réputation
    0

    Par défaut

    oui voici mes templates:

    Code HTML:
    @charset "UTF-8";
    /* CSS Document */
    
    /**
    * Custom CSS by Forumthemes.com
    */
    /* Misc Resets
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    img {
        border:0;
    }
    .verticalAlign {
        vertical-align:middle;
    }
    .clearfix:after {
        content: ".";
        display: block;
        clear: both;
        visibility: hidden;
        line-height: 0;
        height: 0;
    }
    .clearfix {
        display: inline-block;
    }
    html[xmlns] .clearfix {
        display: block;
    }
    * html .clearfix {
        height: 1%;
    }
    
    /************************************************************************/
    *{ -moz-box-shadow: none !important; -webkit-box-shadow: none !important; }
    
    #forums *, #wgo *, #forumbits * {
        -moz-border-radius: 0 !important;
        -webkit-border-radius: 0 !important;
    }
    .wgo_block {
        margin:0;
    }
    #fb_headerbox {
        padding-right:5px;
    }
    .navbar {
        -moz-border-radius-bottom{vb:stylevar left}: 0 !important;
        -moz-border-radius-bottom{vb:stylevar right}: 0 !important;
        -webkit-border-bottom-{vb:stylevar left}-radius: 0 !important;
        -webkit-border-bottom-{vb:stylevar right}-radius: 0 !important;
    }
    .announcements {
        margin-top:10px;
    }
    .highlight {
        background-image:none;
    }
    .navlinksBox {
        text-align: center;
        color: {vb:stylevar navlinks_color};
        font-size: 11px;
            font-weight:700;
            margin-top: 8px;
            margin-bottom: 0;
            width:100%;
            clear:both;
    }
    .navlinksBoxWrap {
        padding: {vb:stylevar padding} 0;
        border:1px solid #fff;
    }
    .bodyWrap {
        background:#fff;
        margin:0 2px;    
    }
    .body_wrapper {
        padding:10px 0;
        margin:0;
    }
    .above_body {
        padding:0;
        margin:0;
    }
    .threadbit .sticky, .threadbit .nonthread, .threadbit .nonsticky, .threadbit .deleted, .threadbit .discussionrow, .threadbit .ignored {
        border-top:0;
    }
    .popupbody li > a,
    .popupbody li > label {
        padding:{vb:math {vb:stylevar padding}-2} {vb:stylevar padding};
    }
    .formsubmit label {
        color:{vb:stylevar popupmenu_color};
    }
    
    /* Page Wrapper
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #pageWrapper {}
    
    /* Header
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .above_body {
        background:none;
    }
    .doc_header {
        height:103px;
        position:relative;
    }
    .headerWrap {
            background:url({vb:stylevar imgdir_themedir}/pageBG.gif) repeat-x top left;
        height:103px;
    }
    .headerBox {
            background:url({vb:stylevar imgdir_themedir}/headerBG_{vb:stylevar left}.gif) no-repeat top {vb:stylevar left};
        height:103px;
        position:relative;
    }
    #logo {
        position:absolute;
        top:0;
        {vb:stylevar left}:27px;
    }
    .registerBox {
        float:{vb:stylevar right};
        color:#ababab;
        height:40px;
        line-height:40px;
    }
    .registerBoxWrap {
        background:url({vb:stylevar imgdir_themedir}/registerBoxBG.gif) repeat-x top left;
        height:40px;
    }
    .registerBoxLeft {
        background:url({vb:stylevar imgdir_themedir}/registerBoxLeft.gif) no-repeat top left;
        height:40px;
    }
    .registerBoxRight {
        background:url({vb:stylevar imgdir_themedir}/registerBoxRight.gif) no-repeat top right;
        height:40px;
        padding:0 38px;    
    }
    .registerBox span {
    float:{vb:stylevar right};
    padding:0 3px;
    }
    .registerBox a:link, .registerBox a:visited {
        background:url({vb:stylevar imgdir_themedir}/registerArrow.gif) no-repeat {vb:stylevar right};
        color:#fff;
        padding-{vb:stylevar right}:22px;
    }
    .registerBox a:hover {
        color:#ff9c00;
    }
    .memberBox {
        position:absolute;
        top:57px;
        {vb:stylevar right}:35px;
        line-height:25px;
        color:#959595;
    }
    .memberBox ul {
        list-style:none;
        padding:0;
        margin:0;
    }
    .memberBox .loginLeft li {
        float:{vb:stylevar left};
        margin:0;    
        padding:0 3px;
    }
    .loginBoxInput {
        background: url({vb:stylevar imgdir_themedir}/loginBoxInput.gif) no-repeat top left;
        width:118px;
        height:23px;
    }
    .loginInput {
        background:transparent;
        border:0;
        color: #4d5153;
        padding:0 5px;
        font-size:11px;
        width:108px; 
        height:23px;
        line-height:23px;
    }
    .inputPad .loginBoxInput {
        margin-top:2px;
    }
    .searchButton input {
        margin-top:0;    
    }
    .rememberMe {
        
    }
    .memberBox .rememberMe {
        font-size: 11px;
    }
    .memberBox .rememberMe input {
        vertical-align: baseline;
    }
    .cb_cookieuser_navbar{
        position: relative;
        top: 2px;
    }
    .memberBox a:link, .memberBox a:visited {
        color:#fff;
    }
    .memberBox a:hover {
        color:#b1d5ff;
    }
    .loginTxt {
        padding-left:6px;
        color:#fff;
    }
    .notreg {
        background:url({vb:stylevar imgdir_themedir}/regSplit.gif) no-repeat {vb:stylevar right};
        padding-right:13px;
    }
    a:link.notreg, a:visited.notreg {
        color:#93cce7;
    }
    a:hover.notreg {
        color:#fff;
    }
    
    .loginLeft {
    float:{vb:stylevar left};
    }
    
    /* Content
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #contentMain {
        background:#fff;
        padding:0 15px 15px 15px;
        border:1px solid #e9e9e9;
        border-top:0;
        -moz-border-radius-bottomleft: 8px !important;
        -moz-border-radius-bottomright: 8px !important;
        -webkit-border-bottom-left-radius: 8px !important;
        -webkit-border-bottom-right-radius: 8px !important;    
    }
    
    /* Footer Navigation
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .footerNav {
        background:url({vb:stylevar imgdir_themedir}/footerNav.gif) repeat-x top left;
        height:43px;
        line-height:43px;
        font-size:12px;
    }
    .footerNavLeft {
        background:url({vb:stylevar imgdir_themedir}/footerNavLeft.gif) no-repeat top left;
        height:43px;
    }
    .footerNavRight {
        background:url({vb:stylevar imgdir_themedir}/footerNavRight.gif) no-repeat top right;
        height:43px;
        padding:0 10px 0 20px;
    }
    .footerNavLinks {
        float:{vb:stylevar right};
    }
    .footerNav ul {
        list-style:none;
        padding:0;
        margin:0;
    }
    .footerNav li {
        float:{vb:stylevar left};
        padding:0 10px;    
    }
    .footerNav a:link, .footerNav a:visited {
        color:#fff;
        font-weight:700;
    }
    .footerNav a:hover {
        color:{vb:stylevar navbar_background_notify.backgroundColor};
    }
    .skinSelect {
        float:{vb:stylevar right};
        padding:8px 0 0 0;
    }
    
    /* Footer
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #footerMain {
        line-height:18px;
        text-align:center;
        color:#959595;
        padding:15px 0;
    }
    
    /* Global Search
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #searchBox {
        position:absolute;
        top:11px;
        {vb:stylevar right}:20px;
    }
    #searchBox .textbox {
        background:#e7f4fa;
        border:1px solid #5ca3c4;
        height:20px;
        line-height:20px;
        padding:0;
    }
    #searchBox .searchBox_container {
        float:{vb:stylevar left};
        display:block;
        padding-top:1px;
        padding-{vb:stylevar right}:6px;
    }
    #searchBox .searchBox_button {
        float:{vb:stylevar left};
        display:block;
        padding-top:3px;
    }
    #searchBox .searchBox_advanced_search {
        position:absolute;
        top:45px;
        {vb:stylevar right}:0;
    }
    #searchBox .searchBox_advanced_search a:link, #searchBox .searchBox_advanced_search a:visited {
        color:{vb:stylevar nav_selected_link_hover_color};
    }
    
    /* Navbar
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .navbar {
        background:{vb:stylevar nav_background};
        position:relative;
        height:{vb:stylevar nav_height};
        font:{vb:stylevar navbar_font};
        color:{vb:stylevar navbar_link_color};
        width:100%;
        padding:0;
        margin:0;
    }
    .navbarLeft {
        background:{vb:stylevar nav_left_background};
        height:{vb:stylevar nav_height};
    }
    .navbarRight {
        background:{vb:stylevar nav_right_background};
        height:{vb:stylevar nav_height};
        padding:0 9px;
    }
    #navtabs li.selected ul.floatcontainer {
        margin-top:{vb:stylevar nav_selected_margin};
    }
    #navtabs li.selected ul.floatcontainer a:link, #navtabs li.selected ul.floatcontainer a:visited {
        line-height:{vb:stylevar nav_selected_height};
        height:{vb:stylevar nav_selected_height};
    }
    .navbar a { color:{vb:stylevar navbar_link_color}; }
    .navbar a:hover { color:{vb:stylevar navbar_linkhover_color}; }
    
    .navtabs ul li:first-child {
    
    }
    .navtabs {
        padding-{vb:stylevar left}:0;
    }
    .navtabs ul {
        position:absolute;
        top:{vb:stylevar navbar_tab_size.height}px;
        {vb:stylevar left}:0px;
        width:100%;
    /* This is to fix RTL menu issue under Opera */
            direction:ltr;
    }
    .navtabs li {
        float:{vb:stylevar left};
        padding-{vb:stylevar right}:2px;
        background:url({vb:stylevar imgdir_themedir}/navSplit.gif) no-repeat top {vb:stylevar right};
    }
    .navtabs li li {
        background:none;
    }
    
    .navtabs ul li {
        border-{vb:stylevar right}: 0;
        position: relative;
    }
    .navtabs li a {
        height:{vb:stylevar navbar_tab_size.height}px;
        line-height:{vb:stylevar navbar_tab_size.height}px;
    }
    .navtabs li a.navtab {
        display:block;
        min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
        width:auto !important;
        width:{vb:math {vb:stylevar navbar_tab_size.width} - 2 * {vb:stylevar padding}};
        _min-width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
        _width:auto !important;
        _width:{vb:math {vb:stylevar navbar_tab_size.width} - 0.5 * {vb:stylevar padding}};
        text-align:center;
        color:{vb:stylevar navbar_link_color};
        font:{vb:stylevar nav_font};
        text-decoration:none;
        line-height:{vb:stylevar navbar_tab_size.height}px;
        height:{vb:stylevar navbar_tab_size.height}px;
        padding:0 10px;
    }
    .navtabs li a.navtab:hover {
        background:{vb:stylevar navbar_tab_selected_background};
        color:{vb:stylevar navbar_linkhover_color};
    }
    .navtabs li.selected {
        color:{vb:stylevar navbar_linkhover_color};
        height:{vb:stylevar navbar_tab_size.height}px;
    }
    .navtabs li.selected a.navtab {
        color:{vb:stylevar navbar_linkhover_color};
        position:relative;
        top:-{vb:stylevar navbar_tab_selected_top_width}px;
        padding-top:{vb:stylevar navbar_tab_selected_top_width}px;
        z-index:10;
    }
    .navtabs li.selected li a,
    .navbar_advanced_search li a {
        text-decoration:none;
        font:{vb:stylevar navbar_font};
        line-height:{vb:stylevar nav_selected_height};
    }
    .navtabs li.selected li {
        padding:0 5px;
    }
    .navtabs li.selected li li {
        padding:0 2px;
    }
    .navtabs li.selected li a {
        color:{vb:stylevar nav_selected_link_color};
        font-weight:400;
        padding:{vb:math {vb:stylevar padding}/5} {vb:math {vb:stylevar padding}/2};
    }
    
    .navbar_advanced_search li {
        height:{vb:stylevar nav_selected_height};
        display:block;
        clear:both;
    }
    
    .navbar_advanced_search li a {
        color:{vb:stylevar navbar_link_color};
    }
    
    .navbar_advanced_search li a:hover {
        color:{vb:stylevar navbar_linkhover_color};
        text-decoration:{vb:stylevar linkhover_textDecoration};
    }
    
    .navtabs li.selected li a:hover {
        color:{vb:stylevar nav_selected_link_hover_color};
        text-decoration:{vb:stylevar linkhover_textDecoration};
    }
    
    .navtabs li.selected .popupbody li > a {
        padding:{vb:stylevar popup_padding}px {vb:stylevar padding};
        text-indent: 0;
        color: {vb:stylevar navbar_selected_popup_body_a_Color};
    }
    
    .navtabs li.selected li a.popupctrl {
        -moz-border-radius:3px;
        -webkit-border-radius:3px;    
        border:solid {vb:stylevar lightweightbox_border.borderWidth}px transparent;
        _border: none;
        background:transparent url({vb:stylevar imgdir_misc}/arrow.png) no-repeat {vb:stylevar right} center;
        padding-{vb:stylevar right}:15px;
            _background-image:url('{vb:stylevar imgdir_misc}/arrow.gif');
        color:{vb:stylevar nav_selected_link_color};
    }
    
    .navtabs li.selected li:hover a.popupctrl.active,
    .navtabs li.selected li a.popupctrl.active,
    .navtabs li.selected li a:hover.popupctrl {
        color:#fff;
    }
    
    /* Breadcrumb
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .breadcrumb {
        height:{vb:stylevar breadcrumb_height};    
        color:{vb:stylevar breadcrumb_font_color};
        margin:0;
        padding:0;
    }
    .bcLeft {
        border-left:{vb:stylevar breadcrumb_border};
        height:{vb:stylevar breadcrumb_height};    
    }
    .bcRight {
        border-right:{vb:stylevar breadcrumb_border};
        height:{vb:math {vb:stylevar breadcrumb_height} - {vb:math {vb:stylevar breadcrumb_padding.paddingTop}+{vb:stylevar breadcrumb_padding.paddingBottom}}};
        padding:{vb:stylevar breadcrumb_padding};
    }
    .breadcrumb .navbit > a, .breadcrumb .lastnavbit span {
        border:1px solid transparent;
    }
    .breadcrumb .navbit a:link, .breadcrumb .navbit a:visited {
        font-weight:700;
    }
    .breadcrumb .navbit a:hover {
        background:{vb:stylevar breadcrumb_hover_background_color};
        color:{vb:stylevar breadcrumb_link_hover_color};
        border:1px solid transparent;
    }
    
    /* tcat Bars (Title Bars for Forum Home, Forum Display & Postbit)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .tcatBar {
        background:{vb:stylevar tcat_background};
        float: {vb:stylevar left};
        width: 100%;
        color: {vb:stylevar tcat_font_color};
        height:{vb:stylevar tcat_height};
        clear:both;
        margin-top: 8px;
        border:0;
        position:relative;
    }
    .tcatLeft {
        background:url({vb:stylevar imgdir_themedir}/tcatLeft_{vb:stylevar left}.gif) no-repeat top {vb:stylevar left};
        height:{vb:stylevar tcat_height};
    }
    .tcatRight {
        background:url({vb:stylevar imgdir_themedir}/tcatRight_{vb:stylevar left}.gif) no-repeat top {vb:stylevar right};
        height:{vb:stylevar tcat_height};
    }
    .tcatBar .forumtitle {
        font-weight:700;
    
    }
    .tcatBar .tcatDesc {
        font-size:11px;
        font-weight:400;
    }
    .tcatBar h2 {
        padding-{vb:stylevar left}:16px;
        font: {vb:stylevar tcat_font};
        line-height:{vb:stylevar tcat_height};
        float:{vb:stylevar left};
    }
    .tcatBar a:link, .tcatBar a:visited {
        color:{vb:stylevar tcat_font_color};
    }
    .tcatBar a:hover {
    
    }
    .tcatBar .tcatCollapse {
        position:absolute;
        top:{vb:stylevar tcat_collapse.paddingTop}px;
        {vb:stylevar right}:{vb:stylevar tcat_collapse.paddingRight}px;
    }
    /* tcat Thread List Controls - Forumdisplay */
    .tcat_threadlist_controls {
        float:{vb:stylevar right};
        padding-right:8px;
    }
    .forumdisplaypopups, #forumdisplaypopups {
        clear:both;
    }
    .tcat_threadlist_controls h6 {
        height:{vb:stylevar tcat_height};
        line-height:{vb:stylevar tcat_height};
        padding:0;
        display:block;
        font-size:10pt;
    }
    .forumdisplaypopups a.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a.popupctrl,
    .postlist_popups h6 a.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a.popupctrl {
        background:none;
        display:block;
        _display:{vb:stylevar tcat_height};
        height:{vb:stylevar tcat_height};
        line-height:{vb:stylevar tcat_height};
        font-family:{vb:stylevar tcat_font.fontFamily};
        font-weight:{vb:stylevar tcat_font.fontWeight};
        font-size:12px;
        font-weight:700;
        color:{vb:stylevar tcat_font_color};
        padding:0 10px;
        border: 0;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    .forumdisplaypopups a:hover.popupctrl, .forumdisplaypopups.popupgroup .popupmenu a:hover.popupctrl,
    .postlist_popups h6 a:hover.popupctrl, .postlist_popups.popupgroup .popupmenu h6 a:hover.popupctrl {
        border: 0;
        color:{vb:stylevar tcat_font_color};
        text-decoration:underline;
    }
    #postlist_popups a, .postlist_popups a {
        color: {vb:stylevar tcat_font_color};
        _border: none;
    }
    #postlist_popups a:hover, .postlist_popups a:hover {
        color: {vb:stylevar tcat_font_color};
        text-decoration:underline;
    }
    #postlist_popups .popupmenu:hover a.popupctrl, #postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active, .postlist_popups .popupmenu:hover a.popupctrl, .postlist_popups .popupmenu:hover .popupctrl a.popupctrl.active {
        border: 0;
    }
    
    #postlist_popups ul li {
        color: {vb:stylevar popupmenu_color};
    }
    #postlist_popups ul li a, .postlist_popups ul li a {
        color: {vb:stylevar popupmenu_color};
        _border: none;
    }
    
    #postlist_popups ul li a:hover, .postlist_popups ul li a:hover {
        color: {vb:stylevar popupmenu_color};
        text-decoration:underline;
    }
    
    #forumdisplaypopups ul a, .forumdisplaypopups ul a {
        color: {vb:stylevar popupmenu_color};
    }
    
    /* Thead Bars (Forum Home, Forum Display & Postbit)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .thead_bar .theadrow {
        background:{vb:stylevar thead_background};
        display:block;
        width: 100%;
        float: {vb:stylevar left};
        position:relative;
        font:{vb:stylevar thead_font};
        border:{vb:stylevar thead_border};
        border-top:0;
        color:{vb:stylevar thead_font_color};
        line-height:{vb:stylevar thead_height};
    }
    .thead_bar .padding {
        padding-left:12px;
    }
    .thead_bar .forumhead span.forumlastpost {
        width: 23%;
    }
    .thead_bar .theadrow .forumdata  {
        float: {vb:stylevar left};
    }
    .thead_bar {
        float: {vb:stylevar left};
        position:relative;
        width: 100%;
        display:block;
    }
    .thead_bar .forumhead .forumtitle {
        width: 76%;
    }
    .thead_bar .foruminfo {
        width: 53%;
        min-width: 30%;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    .thead_bar .foruminfo .forumdata {
        padding: 0;
        width: 100%;
        _width: 99%;
    }
    .thead_bar .forumstats, .thead_bar .forumstats_2 {
        display: block;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        width: 16%;
        margin-{vb:stylevar right}: 2%;
    }
    .thead_bar .foruminfo .forumdata .datacontainer {
        float: {vb:stylevar left};
        width: 86%;
        padding:0;
        padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
    }
    .thead_bar .forumactionlinks {
        width: 5%;
        display:block;
        float:{vb:stylevar left};
        clear:{vb:stylevar right};
    }
    .thead_bar .forumactionlink {
        display:block;
        width:18px;
        overflow:hidden;
        float: {vb:stylevar right};
        clear: {vb:stylevar left};
        background:transparent none no-repeat;
        position: relative;
    }
    .thead_bar .forumstats li, .thead_bar .forumstats_2 li{
        font-size: {vb:stylevar mid_fontSize}{vb:stylevar font.units};
        text-align: {vb:stylevar right};
        padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
        display:block;
    }
    .thead_bar .forumlastpost {
        display:block;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    .thead_bar .theadrow .forumlastpost {
        width: 22%;
    }
    .forumbitBody {
        padding-{vb:stylevar right}:2px;
        z-index:1;
        clear:both;
    }
    #post {
        z-index:1;
    }
    .threadlist {
        margin-top:0;
    }
    #threadlist .threadlisthead {
        background:{vb:stylevar thead_background};
        display:block;
        width: 100%;
        float: {vb:stylevar left};
        position:relative;
        border:{vb:stylevar thead_border};
        border-top:0;
        color:{vb:stylevar thead_font_color};
        padding:{vb:stylevar thead_padding};
        font:{vb:stylevar thead_font};
        margin: 0;
    }
    #threadlist .threadlisthead a, #threadlist .threadlisthead a:hover {
        color:{vb:stylevar thead_font_color};
    }
    .postbit .posthead, .postbitlegacy .posthead, .eventbit .eventhead {
        background:{vb:stylevar thead_background};
        clear:both;
        display:block;
        float: {vb:stylevar left};
        width: 100%;
        color:{vb:stylevar thead_font_color};
        margin: -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} -{vb:stylevar postbithead_border.borderWidth}{vb:stylevar postbithead_border.units} 0;
        font:{vb:stylevar thead_font};
        padding:{vb:stylevar thead_padding};
        border:{vb:stylevar thead_border};
        border-top:0;
    }
    #posts .posthead a:link, #posts .posthead a:visited {
        color:{vb:stylevar thead_font_color};
    }
    #posts .posthead a:hover {
        color:{vb:stylevar thead_font_color};
    }
    #posts .posthead .time, #posts .nodecontrols {
        color:{vb:stylevar thead_font_color};
    }
    
    /* Postbit CSS (Center Userinfo, Userinfo boxed stats wrap)
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #postlist .userinfo {
        padding-top:10px;
    }
    .username_container {
        padding:2px 0;
        text-align:center;
    }
    .username_container .username strong {
        font:{vb:stylevar postbit_username_font};
    }
    .usertitle, .rank {
        text-align:center;
    }
    .usercenter {
        padding-top:5px;
        text-align:center;
    }
    .post_field {
        background:{vb:stylevar post_field_background_color};
        color:{vb:stylevar post_field_font_color};
        border:{vb:stylevar post_field_border};
        padding:{vb:stylevar post_field_padding};
        margin-top: 2px;
        text-align:left;
    }
    .post_field strong {
        color:{vb:stylevar post_field_strong_color};
    }
    .post_field dt {
        color:{vb:stylevar post_field_strong_color};
        font-weight:700;
    }
    .postbit, .postbitlegacy, .eventbit {
        margin-bottom: 0;
    }
    .bbcode_container .bbcode_quote_container {
        background:none;
    }
    
    .forum_info_block, .forum_info_form {
        background:none;
    }
    .postfoot {
        border-top: {vb:stylevar postbit_border};
    }
    .postfootWrap {
        border-right: {vb:stylevar postbit_border};
    }
    
    #thread_info a.collapse {
        position: absolute;
        top: 9px;
    }
    
    /*************************************************/
    /* TOP MEMBER BAR*/
    .toplinks .notifications a.popupctrl {    
           -webkit-border-radius: {vb:stylevar border_radius};
    -moz-border-radius: {vb:stylevar border_radius};
           border-radius: {vb:stylevar border_radius};
           color:#fff;
    }
    
    .toplinks .notifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl:hover, .toplinks .nonotifications a.popupctrl.active, .toplinks ul.isuser li a:hover {
        -moz-border-radius: {vb:stylevar border_radius} !important;
        -webkit-border-radius: {vb:stylevar border_radius} !important;
    }
    #toplinks, .toplinks {
        text-align:left;
        line-height:20px;
    }
    
    
    /* Bottom Bar
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .bottomBar {
        background:{vb:stylevar bottombar_background};
        height:{vb:stylevar bottombar_height};
        font-size:0;
        clear:both;
    }
    .bottomBarLeft {
        background:{vb:stylevar bottombar_left_background};
        height:{vb:stylevar bottombar_height};
    }
    .bottomBarRight {
        background:{vb:stylevar bottombar_right_background};
        height:{vb:stylevar bottombar_height};
    }
    
    /* CMS & Blog CSS
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    h1.header, h2.header { 
        text-transform:capitalize; 
    }
    
    /* Forum Home
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    .forumrow .forumtitle a:link, .forumrow .forumtitle a:visited {
        color:{vb:stylevar forumtitle_link_color};
        font:{vb:stylevar forumtitle_font};
    }
    .forumrow .forumtitle a:hover{
        color:{vb:stylevar forumtitle_linkhover_color};
    }
    .forumrow .lastposttitle a:link, .forumrow .lastposttitle a:visited {
        color:{vb:stylevar lastposttitle_link_color};
        font-weight:700;
    }
    .forumrow .lastposttitle a:hover{
        color:{vb:stylevar lastposttitle_linkhover_color};
    }
    #forums .lastpostby a.username {
        color:{vb:stylevar lastpostuser_link_color};
    }
    #forums .lastpostby a.username:hover {
        color:{vb:stylevar lastpostuser_linkhover_color};
    }
    .forumdescription {
        color:{vb:stylevar forumhome_description_color};
    }
    #notices .restore {
        background:{vb:stylevar welcomemsg_background};
        border:{vb:stylevar welcomemsg_border};
        color:{vb:stylevar welcomemsg_font_color};
        line-height:16px;
        padding:{vb:stylevar welcomemsg_padding};
        -moz-border-radius: {vb:stylevar border_radius};
        -webkit-border-radius: {vb:stylevar border_radius};
        border-radius: {vb:stylevar border_radius};
    }
    
    /* Advanced Search
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    #searchtypeswitcher {
        border-bottom:4px solid {vb:stylevar advsearch_tab_color};
    }
    #searchtypeswitcher li a {
        background-color:{vb:stylevar advsearch_active_tab_color};
        color:#FFF;
    }
    
    #searchtypeswitcher li.selected a {
        background-color:{vb:stylevar advsearch_tab_color};
    }
    
    #searchtypeswitcher li a:hover {
        background-color:{vb:stylevar advsearch_tab_color};
    }
    
    /* vBulletin Groups
    ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
    li.sgicon .maincol, #sidebar li.sgicon .maincol,#thumbnails li {
        background: {vb:stylevar postbit_background};
    }
    #sidebar li.sgicon .maincol .textcontrol {
        color: {vb:stylevar control_color};
    }
    #content .grouplist .blockrow > li, #content .grouplist .blockrow > ol, #content .grouplist .blockrow > div {
        background: {vb:stylevar postbit_userinfo_background};
        border: {vb:stylevar postbit_border};
    }
    #pictures .blockbody .blockrow, #group_discussion_inlinemod_form .blockbody .blockrow {
        border: {vb:stylevar postbit_border};
    }
    .toolsmenu {
        background: {vb:stylevar sidebar_background};
        _background-image: none;
        border: {vb:stylevar sidebar_border};
    }
    .toolsmenu div {
        border-top:none;
        color: {vb:stylevar sidebar_header_color};
    }
    .toolsmenu h1 a {
        color: {vb:stylevar sidebar_header_color};
    }
    .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .nopopupgroup li a {
        color: {vb:stylevar sidebar_header_color};
    }
    
    .toolsmenu .popupgroup a.popupctrl, .toolsmenu .popupgroup .popupmenu a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover a.popupctrl, .toolsmenu .popupgroup .popupmenu:hover .popupctrl a.popupctrl.active {
        color: {vb:stylevar sidebar_header_color};
    }
    dl.blogbit, tr.blogbit,
    dl.blogcatbit, tr.blogcatbit {
        background: {vb:stylevar postbit_background};
    }
    
    /* START Refonte du header - by Ombre */
    .login_ombre {
    background: {vb:stylevar forumhead_background};
    _background-image: none;
    padding: 0;
    font: {vb:stylevar forumhead_font};
    color: {vb:stylevar forumhead_color};
    clear: both;
    margin-bottom: 10px;
    margin-top: 10px;
    border: {vb:stylevar forumhead_border};
    -moz-border-radius-top{vb:stylevar right}: {vb:stylevar  forumhead_top_corner_radius};
    -moz-border-radius-top{vb:stylevar left}: {vb:stylevar  forumhead_top_corner_radius};
    -webkit-border-top-{vb:stylevar right}-radius: {vb:stylevar  forumhead_top_corner_radius};
    -webkit-border-top-{vb:stylevar left}-radius: {vb:stylevar  forumhead_top_corner_radius};
    -moz-border-radius-bottom{vb:stylevar right}: {vb:stylevar  forumhead_top_corner_radius};
    -moz-border-radius-bottom{vb:stylevar left}: {vb:stylevar  forumhead_top_corner_radius};
    -webkit-border-bottom-{vb:stylevar right}-radius: {vb:stylevar  forumhead_top_corner_radius};
    -webkit-border-bottom-{vb:stylevar left}-radius: {vb:stylevar  forumhead_top_corner_radius};
    height: 25px;
    line-height: 25px;
    position: relative;
    }
    .login_ombre a {
    padding-top: 3px;
    padding-bottom: 3px;
    padding-{vb:stylevar left}: 4px;
    padding-{vb:stylevar right}: 4px;
    font-weight: bold;
    color: {vb:stylevar toplinks_link_color};        
    }
    .login_ul_ombre {
    display:block;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    list-style: none;
    }
    .login_ul_ombre li {
    display:inline;
    float: {vb:stylevar right};
    clear: {vb:stylevar left};
    list-style: none;
    padding-{vb:stylevar right}: 10px;
    line-height:25px;
    }
    .login_ul_ombre .popupbody li {
    display: block;
    float: none;
    clear: none;
    padding: 0;
    margin: 0;
    color: #7D9BB0;
    }
    .nologin_ul_ombre {
    display: inline;
    line-height: 25px;
    }
    .nologin_ul_ombre li {
    float: right;
    clear: {vb:stylevar left};
    color: {vb:stylevar toplinks_link_color};
    }
    .nologin_ul_ombre .logindetails {
    background-color: transparent;
    }
    .nologin_ul_ombre .remember {
    margin: 0;
    top: 0;
    float: right;
    }
    .nologin_ul_ombre .logindetails {
    background-color: transparent;
    float: left;
    position: relative;
    }/* END Refonte du header - by Ombre */
    
    
    /* START Refonte du header - by Ombre */
    .bk_logo {
    background-image: url({vb:stylevar imgdir_misc}/logo_02.png);
    background-repeat: repeat-x;
    height: 150px;
    padding: 0px;
    margin: 0px;
    text-align: center;
    
    }
    .bk_logo .logo-image {
    float: none;
    }
    .navbar {
    margin-top: 0;
    }
    /* END Refonte du header - by Ombre */
    
    /* END mod web_call_to_action - by Ombre */
    .web_call_to_action {
    width: 200px;
    margin: 15px auto  ;
    padding: 10px;
    background: rgb(169,3,41);
    background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(143,2,34,1) 44%, rgba(109,0,25,1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(44%,rgba(143,2,34,1)), color-stop(100%,rgba(109,0,25,1)));
    background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#6d0019',GradientType=0 );
    background: linear-gradient(top, rgba(169,3,41,1) 0%,rgba(143,2,34,1) 44%,rgba(109,0,25,1) 100%);
    -webkit-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 4px 0px rgba(0, 0, 0, 0.5); 
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    -khtml-border-radius: 15px;
    border-radius: 15px;
    display: block;
    }
    .web_call_to_action:hover {
    background: rgb(169,3,41);
    background: -moz-linear-gradient(top, rgba(169,3,41,1) 0%, rgba(109,0,25,1) 0%, rgba(143,2,34,1) 44%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(169,3,41,1)), color-stop(0%,rgba(109,0,25,1)), color-stop(44%,rgba(143,2,34,1)));
    background: -webkit-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(109,0,25,1) 0%,rgba(143,2,34,1) 44%);
    background: -o-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(109,0,25,1) 0%,rgba(143,2,34,1) 44%);
    background: -ms-linear-gradient(top, rgba(169,3,41,1) 0%,rgba(109,0,25,1) 0%,rgba(143,2,34,1) 44%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a90329', endColorstr='#8f0222',GradientType=0 );
    background: linear-gradient(top, rgba(169,3,41,1) 0%,rgba(109,0,25,1) 0%,rgba(143,2,34,1) 44%);
    -webkit-box-shadow: 0px 0px 0px 0px ;
    -moz-box-shadow: 0px 0px 0px 0px ;
    box-shadow: 0px 0px 0px 0px ; 
    }
    #web_call_to_action a:hover {
    text-decoration: none
    }
    .web_call_to_action span {
    color: #fff;
    font-size: 10px;
    font-style: italic;
    text-align: center;
    display: block;
    }
    .web_call_to_action span:first-child {
    margin-bottom: 5px;
    font-size: 1.8em;
    font-weight: bold;
    text-shadow: 0px 0px 2px #000000;
    filter: dropshadow(color=#000000, offx=0, offy=0); 
    }
    /* END mod web_call_to_action - by Ombre */

    et voici pour le forumhome:

    Code HTML:
    {vb:stylevar htmldoctype}
    <html xmlns="http://www.w3.org/1999/xhtml"<vb:if condition="$vboptions['enablefacebookconnect']"> xmlns:fb="http://www.facebook.com/2008/fbml"</vb:if> dir="{vb:stylevar textdirection}" lang="{vb:stylevar languagecode}" id="vbulletin_html">
    <head>
        {vb:raw headinclude}
        <title>{vb:raw vboptions.bbtitle}</title>
        <script type="text/javascript" src="clientscript/vbulletin_read_marker.js?v={vb:raw vboptions.simpleversion}"></script>
        <vb:if condition="$vboptions['storecssasfile']">
        {vb:cssfile forumhome-rollup.css}
        <vb:else />
        {vb:cssfile forumbits.css,forumhome.css,options.css}
            </vb:if>
        <!--[if lt IE 8]>{vb:cssfile forumbits-ie.css,options-ie.css}<![endif]-->
            <vb:if condition="$show['sidebar']">
            {vb:cssfile sidebar.css,widgets.css,tagcloud.css}
            <!--[if lt IE 8]>{vb:cssfile sidebar-ie.css}<![endif]-->
        <script type="text/javascript">
        <!--
            document.write('<script type="text/javascript" src="' + yuipath + '/animation/animation-min.js?v={vb:raw vboptions.simpleversion}"></script>');
            var sidebar_align = '{vb:raw show.sidebarposition}';
            var content_container_margin = parseInt('{vb:math {vb:stylevar forum_sidebar_width}+{vb:math {vb:stylevar padding}*2}}');
            var sidebar_width = parseInt('{vb:stylevar forum_sidebar_width}');
        //-->
        </script>
        <script type="text/javascript" src="{vb:raw vboptions.bburl}/clientscript/vbulletin-sidebar.js?v={vb:raw vboptions.simpleversion}"></script>
        </vb:if>
        {vb:raw headinclude_bottom}
    </head>
        <body>
    
        {vb:raw header}
    
        {vb:raw navbar}
    
        <div id="pagetitle">
            <h1>{vb:raw vboptions.bbtitle}</h1>
            <p id="welcomemessage" class="description">{vb:rawphrase welcome_to_the_x, {vb:raw vboptions.bbtitle}}</p>
        </div>
    
        <vb:if condition="$show['sidebar']">
        <div id="content_container" class="{vb:raw $sidebar_class} <vb:if condition="$show['sidebarposition'] == 'left'">contentright</vb:if>">
            <div id="content" <vb:if condition="$sidebar_class">class="{vb:raw $sidebar_class}"</vb:if>>
        </vb:if>
        <!-- main -->
            {vb:raw template_hook.forumhome_above_forums}
        <ol id="forums" class="floatcontainer">
            {vb:raw forumbits}
        </ol>
            {vb:raw template_hook.forumhome_below_forums}
        <!-- /main -->
    
            <div class="navlinksBox"><div class="navlinksBoxWrap">
           <a href="{vb:raw $vboptions.vbforum_url}{vb:if "$vboptions['vbforum_url']", '/', ''}forumdisplay.php?{vb:raw session.sessionurl}do=markread&amp;markreadhash={vb:raw bbuserinfo.securitytoken}" rel="nofollow">{vb:rawphrase mark_forums_read}</a>
        <vb:if condition="$vboptions['forumleaders']">|
        <a href="showgroups.php{vb:raw session.sessionurl_q}" rel="nofollow">
            <vb:if condition="$vb_suite_installed">
                {vb:rawphrase view_site_leaders}
            <vb:else />
                {vb:rawphrase view_forum_leaders}
            </vb:if>
        </a></vb:if>
            </div></div>
        {vb:raw ad_location.board_after_forums}
        <!-- what's going on box -->
    <!-- Start Whats Going Heading ForumThemes -->
    <div class="tcatBar">
        <div class="tcatLeft"><div class="tcatRight foruminfo L1 collapse">
            <h2>
            <span class="forumtitle">{vb:rawphrase whats_going_on}</span>
            </h2>
        </div></div>
    </div>
    <!-- End Whats Going  Heading ForumThemes -->
        <div id="wgo" class="collapse wgo_block block">
            <div class="blockbody formcontrols floatcontainer">
                {vb:raw template_hook.forumhome_wgo_pos1}
                <vb:if condition="$show['loggedinusers']">
                <!-- logged-in users -->
                <div id="wgo_onlineusers" class="wgo_subblock section">
                    <h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/users_online.png" alt="{vb:rawphrase currently_active_users}" />{vb:rawphrase currently_active_users}</h3>
                    <div>
                        <p>{vb:rawphrase there_are_x_y_online_link, {vb:raw totalonline}, {vb:raw session.sessionurl_q}} <span class="shade">{vb:rawphrase x_members_and_y_guests, {vb:raw numberregistered}, {vb:raw numberguest}}</span></p>
                        <p>{vb:rawphrase most_users_ever_online_was_x_y_at_z, {vb:raw recordusers}, {vb:raw recorddate}, {vb:raw recordtime}}</p>
                        <vb:if condition="$activeusers">
                        <ol class="commalist" id="wgo_onlineusers_list">
                            <vb:each from="activeusers" value="loggedin">
                                <li>{vb:stylevar dirmark}<a class="username" href="{vb:link member, {vb:raw loggedin}}">{vb:raw loggedin.musername}</a>{vb:raw loggedin.invisiblemark}{vb:raw loggedin.buddymark}{vb:raw loggedin.comma}</li>
                            </vb:each>
                        </ol>
                        </vb:if>
                    </div>
                </div>
                <!-- end logged-in users -->
                </vb:if>
                {vb:raw template_hook.forumhome_wgo_pos2}
                <!-- Start Members Today -->
                <vb:if condition="$show['wgo_members']">
                <div id="wgo_wgo_members_users" class="wgo_subblock section collapse">
                    <h3 class="blocksubhead"><a href="{vb:raw wgo_members.url}"><img src="{vb:stylevar imgdir_misc}/forum_stats.png" alt="{vb:phrase wgo_members_alt_title}"/></a>{vb:raw wgo_members.whotitle}</h3>
                    <a class="collapse" id="collapse_wgo_members_list" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b{vb:raw wgo_members.collapse}.png" alt="" title="{vb:rawphrase collapse_expand}" /></a>
                    <div id="wgo_members_list" {vb:raw wgo_members.style}>
                        <p>{vb:raw wgo_members.visitors}</p>
                        <vb:if condition="$vboptions['wgo_members_names']">
                            <vb:if condition="$wgo_members['totaltoday'] == 0">
                                {vb:phrase no_members_list} 
                            <vb:else />
                                <ul class="commalist" id="wgo_wgo_members_list">
                                    <vb:if condition="$wgo_members['template_hook']">
                                        {vb:raw wgo_members.template_hook}
                                    <vb:else />
                                        <vb:each from="wgo_members_list" value="row">
                                            <li>{vb:stylevar dirmark}<a class="username" href="{vb:link member, {vb:raw row}}" title="{vb:raw row.wrdate}">{vb:raw row.musername}</a>{vb:raw row.markinv}{vb:raw row.comma}</li>
                                        </vb:each>
                                    </vb:if>
                                </ul>
                            </vb:if>
                        <vb:else />
                            {vb:phrase member_list_disabled} 
                        </vb:if>
                    </div>
                </div>
                </vb:if>
                <!-- End Members Today -->
                {vb:raw template_hook.forumhome_wgo_pos6}
                <vb:if condition="$show['upcomingevents']">
                <div id="wgo_events" class="wgo_subblock section">
                    <h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/event.png" alt="{vb:rawphrase todays_events}" /><vb:if condition="$show['todaysevents']">{vb:rawphrase todays_events}<vb:else />{vb:rawphrase upcoming_events_for_the_next_x_days, {vb:raw vboptions.showevents}}</vb:if></h3>
                    <ol>
                        {vb:raw upcomingevents}
                    </ol>
                </div>
                </vb:if>
                {vb:raw template_hook.forumhome_wgo_pos3}
                <vb:if condition="$show['birthdays']">
                <!-- today's birthdays -->
                <div id="wgo_birthdays" class="wgo_subblock section">
                    <h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/birthday.png" alt="{vb:rawphrase todays_birthdays}" />{vb:rawphrase todays_birthdays}</h3>
                    <ol class="commalist">
                        <vb:each from="birthdays" value="row">
                            <li><a href="{vb:link member, {vb:raw row}}">{vb:raw row.username}</a><vb:if condition="$row['age']"> ({vb:raw row.age})</vb:if>{vb:raw row.comma}</li>
                        </vb:each>
                    </ol>
                </div>
                <!-- end today's birthdays -->
                </vb:if>
                {vb:raw template_hook.forumhome_wgo_pos4}
                <div id="wgo_stats" class="wgo_subblock section">
                    <h3 class="blocksubhead"><img src="{vb:stylevar imgdir_misc}/forum_stats.png" alt="{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}" />{vb:rawphrase x_statistics, {vb:raw vboptions.bbtitle}}</h3>
                    <div>
                        <dl>
                            <dt>{vb:rawphrase threads}</dt>
                                <dd>{vb:raw totalthreads}</dd>
                            <dt>{vb:rawphrase posts}</dt>
                                <dd>{vb:raw totalposts}</dd>
                            <dt>{vb:rawphrase members}</dt>
                                <dd>{vb:raw numbermembers}</dd>
                            <vb:if condition="$show['activemembers']">
                                <dt>{vb:rawphrase active_members}</dt>
                                <dd>{vb:raw activemembers}</dd>
                            </vb:if>
                        </dl>
                        <p>{vb:rawphrase welcome_to_our_newest_member_x, {vb:link member, {vb:raw newuserinfo}}, {vb:raw newuserinfo.username}}</p>
                        {vb:raw template_hook.forumhome_wgo_stats}
                    </div>
                </div>
                {vb:raw template_hook.forumhome_wgo_pos5}
            </div>
        </div>
            <div class="bottomBar"><div class="bottomBarLeft"><div class="bottomBarRight">&nbsp;</div></div></div>
        <!-- end what's going on box -->
    
        {vb:raw ad_location.board_below_whats_going_on}
        <vb:if condition="$show['sidebar']">
            </div>
        </div>
    <div id="sidebar_home">
        <div id="sidebar_container" class="<vb:if condition="$show['sidebarposition'] == 'left'">sidebarleft</vb:if><vb:if condition="$close_sidebar"> sidebar_closed</vb:if>">
            <a id="sidebar_button_link" href="#">
                <vb:if condition="$show['sidebarposition'] == 'left'">
                <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded-left.png<vb:else />tab-collapsed-left.png</vb:if>" alt="" />
                <vb:else />
                <img id="sidebar_button" src="{vb:stylevar imgdir_misc}/<vb:if condition="$close_sidebar">tab-expanded.png<vb:else />tab-collapsed.png</vb:if>" alt="" />
                </vb:if>
            </a>
            <ul id="sidebar" <vb:if condition="$close_sidebar">class="sidebar_hidden"</vb:if> >
    <!-- START mod  web call to action by Ombre -->
    <vb:if condition="$show['guest']">  
    <li>
        <div class="block smaller">
            <div class="blocksubhead">
                <a class="collapse" id="collapse_web_call_to_action" href="{vb:raw relpath}#top"><img alt="" src="{vb:stylevar imgdir_button}/collapse_40b.png" id="collapseimg_html_{vb:raw blockinfo.blockid}"/></a>
                <span class="blocktitle">Incrivez-vous !</span>
            </div>
    
    <div class="widget_content blockbody floatcontainer">
            <div class="blockrow" id="web_call_to_action" style="">
    <!-- Start bouton -->
                <a href="register.php">
                    <span class="web_call_to_action">
                        <span>Devenir membre</span>
                        <span>(C'est gratuit)</span>
                    </span>
                </a>
    <!-- END bouton -->
    </div>
            </div>
        </div>
    <div class="underblock"></div>
    </li>
    </vb:if>
    <!-- END mod  web call to action by Ombre -->            
    {vb:raw sidebar}
    
            </ul>
        </div>
    </div>
        </vb:if>
        <script type="text/javascript">
        <!--
        vbphrase['doubleclick_forum_markread'] = "{vb:rawphrase doubleclick_forum_markread}";
        init_forum_readmarker_system();
        //-->
        </script>
        {vb:raw footer}
    </body>
    </html>
    - - - - - - - - - - Ajout ultérieur - - - - - - - - - -

    donc il sagit bien du template royal skin et des fichier additionnal.css et forumhome

  8. #47
    Version
    vB 4.2.2
    Inscrit
    juillet 2014
    Messages
    25
    Pouvoir de réputation
    0

    Par défaut

    c'est bon c'est résolu si je me déco pas je savais pas le voir mdr

  9. #48
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 625
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut

    C'est sure qu'un mod visible que pour les visiteurs, n'est visible que si tu n'es pas enregistré .

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


  10. #49
    Version
    vB 4.2.2
    Inscrit
    décembre 2014
    Messages
    45
    Pouvoir de réputation
    0

    Par défaut

    Salut
    Est-il possible de modifier la couleur du logo?

  11. #50
    Version
    vB 4.2.3
    Inscrit
    février 2007
    Localisation
    Paname
    Messages
    39 625
    Billets
    64
    Pouvoir de réputation
    210

    Par défaut

    Bonsoir,

    Regarde du coté du cSS tout simplement, pour changer la couleur de n'importe quel éléments, bien qu'il n'y ait pas de logo sur ce mod.

    Ƹ̵̡Ӝ̵̨̄Ʒ -
    Support: [ON] - Message privé: [OFF] - Ƹ̵̡Ӝ̵̨̄Ʒ
    Support vb3
    [OFF]

    Hébergé par PlanetHoster


Page 5 sur 5 PremièrePremière ... 345

Informations du sujet

Utilisateur(s) parcourant ce sujet

il y a actuellement 1 utilisateur(s) parcourant ce sujet. (0 membre(s) et 1 visiteur(s))

Sujets similaires

  1. Affichage des forums Affichage des forums Supprimer les "Statistiques" et " marquer les messages.." et "voir l'équipe".
    Par Neox dans le forum Modifications de templates/CSS (vB 4.0.x)
    Réponses: 4
    Dernier message: 08/05/2013, 09h40
  2. Sujet résolu Options vBulletin bouton "Quoi de neuf" et "nouveau messages"
    Par jluce dans le forum Support vBulletin 4.x
    Réponses: 0
    Dernier message: 15/11/2010, 12h18
  3. suggestion de tuto "sidebar"
    Par francky05 dans le forum Vos avis et Suggestions
    Réponses: 9
    Dernier message: 30/01/2010, 18h27
  4. Nouveau Concept "Click Million Action"
    Par shikyo dans le forum Le Salon
    Réponses: 6
    Dernier message: 23/01/2010, 22h22
  5. Sonia_ ou " la parole est l'ombre de l'action "
    Par Sonia_ dans le forum Présentations
    Réponses: 10
    Dernier message: 25/10/2009, 00h20

Tags pour ce sujet

Liens sociaux

Règles des messages

  • Vous ne pouvez pas créer de sujets
  • Vous ne pouvez pas répondre aux sujets
  • Vous ne pouvez pas importer de fichiers joints
  • Vous ne pouvez pas éditer vos messages
  •  
  • Les BB codes sont Activés
  • Les Smileys sont Activés
  • Le BB code [IMG] est Activé
  • Le code [VIDEO] est Activé
  • Le code HTML est Désactivé
Hébergé par PlanetHoster