Créer un tableau partenaire, publicité ou autre à la sauce sidebar (CSS)

[Allan]

Ce mod permet de crée un tableau pour des partenaires, publicité ou autre sur l'index (forumhome) en utilisant les CSS de la sidebar
Conception


Auteur du Mod / Author Of Mod : Allan
Version du hack / Hack version : 1.0
Version vBulletin Requise / Version vBulletin Required : vB 4.0.1
Testé / Tested: oui sur 4.0.1




Copyright © 2006-2010 vBulletin-Ressources.com - Tous droits réservés Uniquement pour nos traductions / Copyright © 2006-2010 vBulletin-Ressources.com - All Rights Reserved Only for ours translations


Installation


Dans le template "FORUMHOME", trouver:


<vb:if condition="$show['sidebar']">

Ajouter au dessus:


<!-- Bloc Partenaire / Publicité -->
<br />
<div id="bloc_perso">
<ul>
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a>
<img src="images/site_icons/event-alert.png" alt="" />
<span class="blocktitle">Partenaire / Publicité</span>
</div>
<div id="blocperso" class="blockbody floatcontainer">
<ul class="blockrow">
<li class="avatarcontent floatcontainer">
<div align="center">
<a href="http://www.test.com">Partenaire / Publicité 1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 3</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 4</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 5</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 6</a>
</div>
</li>
</ul>
</div>
</div>
<div class="underblock"></div>
</li>
</ul>
</div>
<!-- Bloc Partenaire / Publicité -->

Dans le template "forumhome.css", ajouter à la fin:



/* BLOC PERSO ALLAN */
#bloc_perso {
width:auto;
padding:17px 0;
margin-bottom:15px;
}
#bloc_perso .block {
margin-bottom:4px;
padding:6px;
background:{vb:stylevar forum_sidebar_background};
-moz-border-radius-top{vb:stylevar left}:{vb:stylevar border_radius};
-moz-border-radius-top{vb:stylevar right}:{vb:stylevar border_radius};
-webkit-border-top-left-radius: {vb:stylevar border_radius};
-webkit-border-top-right-radius: {vb:stylevar border_radius};
}
#bloc_perso .blockbody {
color: {vb:stylevar forum_sidebar_content_color};
background:{vb:stylevar forum_sidebar_content_background.backgroundColor};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
padding:0;
border:{vb:stylevar forum_sidebar_content_border};
}
#bloc_perso .blockrow {
border-top:1px solid {vb:stylevar forum_sidebar_content_background.backgroundColor}; /* makes the bevel look part of the background */
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
background:{vb:stylevar forum_sidebar_content_background};
_background-image: none;
}
#bloc_perso .underblock {
height:{vb:stylevar forum_sidebar_content_separator_height};
background:{vb:stylevar forum_sidebar_content_separator_background};
}

#bloc_perso .blockrow,
#bloc_perso .blocksubhead {
padding:10px 6px 10px 6px;
color: {vb:stylevar forum_sidebar_header_color};
}
#bloc_perso .blocksubhead {
background:transparent none;
height:{vb:math {vb:stylevar mid_fontSize}*{vb:stylevar line_height} + 2px };
padding: 5px 6px;
border:none;
outline:none;
font-weight:bold;
}
#bloc_perso > ul {
background-color:{vb:stylevar forum_sidebar_background.backgroundColor};
border:{vb:stylevar forum_sidebar_border};
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
float:{vb:stylevar left};
width:100%;
}
/* BLOC PERSO ALLAN */

Uploader l'image "pucen.png" dans le dossier "../images/misc/"

PS: Il ne vous reste qu'a modifier les liens et nom des liens

[Jose.N70]

Super !! j'allais demander justement comment faire :p

Merci

[Ombre]

Bonsoir, merci pour le partage :) pratique.

[Allan]

Collapse ajouté :)

[Verbagraph]

Merci !!! vé mettre ça en place

[Simon]

Merci, je ne trouve pas ça très pratique (on ne voit plus la liste des forums du premier coup d'oeil sur les petits écrans) mais ça peut être utile pour les publicités et messages divers.

[Allan]

Merci, je ne trouve pas ça très pratique (on ne voit plus la liste des forums du premier coup d'oeil sur les petits écrans) mais ça peut être utile pour les publicités et messages divers.
Oui c'est le but, mais j'aime bien le coté esthétique.

[windows]

Bijour ^^

Au fait, il y a plusieurs : <vb:if condition="$show['sidebar']"> sur FORUMHOME.

Il faut mettre le code au premier ou au second ?

Merci d'avance,

[Ombre]

Bonjour, sur le 3eme :D

Bon ok je sors :D je pense que c'est le premier, un test rapide te diras si cela est correct :)

[windows]

oO Tu me mets en doute maintenant ^^ Bon je teste et je dis quoi ...

[windows]

En fin de compte je préfère ne pas y toucher :) Merci en tous cas ^^

[Ombre]

attend je le fais :)

[Ombre]

Au dessus du deuxième ;)

[windows]

Ah cool ... Car j'ai peur de faire une bêtise et j'ai pas de vBulletin installé ailleurs pour faire des testes. Quoi que une nouvelle bd est hop, un Vb pour les testes ^^

[windows]

Excellent !!! excellent ! Sa fonctionne. Merci Ombre pour ton aide... J'essayerai d'installer vB sur une autre bd comme toi pour faire des testes et si sa plante ben sa plante ^^

Ah encore merci merci .... ;)

[Spider-Man]

Bonsoir et merci pour ce partage très pratique ;)

[Aragorn]

Merci pour cette mod
Comment peut-on changer la couleur du lien svp

[Simon]

Merci pour cette mod
Comment peut-on changer la couleur du lien svp
Bonsoir, dans la feuille de style, ajoute à la fin:
#bloc_perso a:link { color: code-couleur; }

[Aragorn]

Merci pour ta réponse, je fait ça de suite

[REBEL]

salut a tous
on peu le mettre dans le footer
car j'ai des pubs pour les referenceurs et annuaires et je trouve que sa ferais pas mal

[Ombre]

Oui tu peu déplacé le positionnement du cadre :)

[REBEL]

ok je vais essayer sa
merci encore

[Aragorn]

Peut-on agrandir la taille du texte des liens?

[REBEL]

je sais pas si je me trompe
met sa <b>et ton code ici</b>

[Aragorn]

non, ça c'est pour l'avoir en gras, c'est ce que j'ai déjà fait, merci quand meme

[kevin2008]

Tout d'abord merci pour cette modification, je voudrais savoir si c'est aussi possible de l'afficher dans le CMS et les BLOGS, car c'est utile pour les novices.. merci d'avance

[Simon]

Tout d'abord merci pour cette modification, je voudrais savoir si c'est aussi possible de l'afficher dans le CMS et les BLOGS, car c'est utile pour les novices.. merci d'avanceBonjour,

Transfère ton code du template FORUMHOME à la fin de navbar.

[kevin2008]

merci simon, c'est tellement évident que je n'y avais pas pensé !!!! Résolu.

[bombolo]

Bonjour,

Bien pratique cette modif; mais est-ce possible que le lien partenaire ou publicité s'ouvre dans un nouvelle onglet ? car actuellement quand je clique sur un lien je sort du forum.

Merci.

[Ombre]

Bonsoir,

Oui il te suffit d'ajouter le bon attribu dans le lien que tu as ajouter dans la balise link <a> j'ai déjà proposer une méthode valide xhtml afin de ne pas que ton style si il est valide perde sa validité ;)

Une petite recherche devrait te dévoilé la perle :)

[bombolo]

Ok merci Ombre il fallait juste que je rajoute ce bout de code la => " target="_blank" a la fin de mon lien. :)

Merci.

[Lo']

Merci Allan, c'est vachement pratique ;)

[Freddy.k]

Merci allan voila installer sur mon fofo :p

[Glade]

Excellent !

[copilot]

esthétique + efficacité = mortel llol merci allan je l es noter a 5 star :p

[hamid]

Bonjour,

Transfère ton code du template FORUMHOME à la fin de navbar.

bonsoir et pour le css je le met ou ??? car forumhome.css je crois que pour le forum et cmd et blog ne sera pas appliquer

[Ombre]

Bonsoir,

Le template CSS global est addicional.css, tu as la réponse.

[Feusty]

merci allan , pour ce hack :yahoo:

je desirai savoir si , je desire en creer 2 panneau , je dois mettre 2 fois le code : php dans le forumhome.css ? :blush2:

merci d avance

[Ombre]

Bonjour, non pas besoin de remettre deux fois les mêmes class, il te faut mettre une seconde fois la ou tu désires voir apparaitre le cadre ceci:


<!-- Bloc Partenaire / Publicité -->
<br />
<div id="bloc_perso">
<ul>
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a>
<img src="images/site_icons/event-alert.png" alt="" />
<span class="blocktitle">Partenaire / Publicité</span>
</div>
<div id="blocperso" class="blockbody floatcontainer">
<ul class="blockrow">
<li class="avatarcontent floatcontainer">
<div align="center">
<a href="http://www.test.com">Partenaire / Publicité 1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 3</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 4</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 5</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 6</a>
</div>
</li>
</ul>
</div>
</div>
<div class="underblock"></div>
</li>
</ul>
</div>
<!-- Bloc Partenaire / Publicité -->

[Feusty]

ok

merci ombre

[Spider-Man]

Bonsoir suite a un upgrade vers la 4.0.3 et bien il a disparue et quand je met le code dans le forumhome en au de

<vb:if condition="$show['sidebar']">

Et bien il se ramasse complètement en haut du logo de vbulletin.

Est-ce que quelqu'un pourrait m'aider est-ce que le code a changer ou quelque chose du genre ???

[Ombre]

Bonjour, comme ça à tout hasard, tu utilises quel style?

[Spider-Man]

Bonsoir j'utilise celui par defaut ;)

[Ombre]

Fais une copie de ton forumhome histoire qu'on vois ce qui cloche, car le mode est compatible vb4.0.3 vu qu'on l'a installer sur vb-r.

[Spider-Man]

Voila


{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>

<vb:if condition="$vboptions['storecssasfile']">
<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}forumhome-rollup.css" />
<vb:else />
<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}forumbits.css,forumhome.css,tagcloud.css" />
</vb:if>

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}forumbits-ie.css" /><![endif]-->
<!-- Bloc Partenaire / Publicité -->
<br />
<div id="bloc_perso">
<ul>
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a>
<img src="images/site_icons/event-alert.png" alt="" />
<span class="blocktitle">Partenaire / Publicité</span>
</div>
<div id="blocperso" class="blockbody floatcontainer">
<ul class="blockrow">
<li class="avatarcontent floatcontainer">
<div align="center">
<a href="http://www.test.com">Partenaire / Publicité 1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 3</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 4</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 5</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 6</a>
</div>
</li>
</ul>
</div>
</div>
<div class="underblock"></div>
</li>
</ul>
</div>
<!-- Bloc Partenaire / Publicité -->
<vb:if condition="$show['sidebar']">
<script type="text/javascript" src="{vb:stylevar yuipath}/animation/animation-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
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"<vb:if condition="$show['sidebarposition'] == 'left'"> class="contentright"</vb:if>>
<div id="content">
</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="navlinks">
<a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&amp;markreadhash={vb:ra w 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>

{vb:raw forumhome_markread_script}

{vb:raw ad_location.ad_forumhome_afterforums}

<!-- what's going on box -->
<div id="wgo" class="collapse wgo_block">
<h2>
<span>{vb:rawphrase whats_going_on}</span>
</h2>
<div class="floatcontainer">
{vb:raw template_hook.forumhome_wgo_pos1}
<vb:if condition="$show['loggedinusers']">
<!-- logged-in users -->
<div id="wgo_onlineusers" class="wgo_subblock">
<h3><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_online, {vb:raw totalonline}} <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>
<ol class="commalist" id="wgo_onlineusers_list">
{vb:raw activeusers}
</ol>
</div>
</div>
<!-- end logged-in users -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos2}
<vb:if condition="$show['upcomingevents']">
<div id="wgo_events" class="wgo_subblock">
<h3><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">
<h3><img src="{vb:stylevar imgdir_misc}/birthday.png" alt="{vb:rawphrase todays_birthdays}" />{vb:rawphrase todays_birthdays}</h3>
<ol class="commalist">
{vb:raw birthdays}
</ol>
</div>
<!-- end today's birthdays -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos4}
<div id="wgo_stats" class="wgo_subblock">
<h3><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>
<div id="wgo_legend" class="wgo_subblock">
<h3><img src="{vb:stylevar imgdir_misc}/legend.png" alt="{vb:rawphrase icon_legend}" />{vb:rawphrase icon_legend}</h3>
<div>
<dl id="icon_legends" class="icon_legends">
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
<vb:if condition="$vboptions['pt_hasprojectforums']">
<dt><img src="{vb:stylevar imgdir_statusicon}/project_new-16.png" alt="{vb:rawphrase project_forum}" /></dt><dd>{vb:rawphrase project_forum}</dd>
</vb:if>
</dl>
</div>
</div>
{vb:raw template_hook.forumhome_wgo_pos5}
</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_container"<vb:if condition="$show['sidebarposition'] == 'left'"> class="sidebarleft"</vb:if>>
<a id="sidebar_button_link" href="#">
<vb:if condition="$show['sidebarposition'] == 'left'">
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed-left.png" alt="" />
<vb:else />
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed.png" alt="" />
</vb:if>
</a>
<ul id="sidebar">
{vb:raw sidebar}
</ul>
</div>
</vb:if>

{vb:raw footer}
</body>
</html>

Voici ce que sa donne

14560

[Ombre]

Essaye ça:


{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>

<vb:if condition="$vboptions['storecssasfile']">
<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}forumhome-rollup.css" />
<vb:else />
<link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}forumbits.css,forumhome.css,tagcloud.css" />
</vb:if>

<!--[if IE 6]><link rel="stylesheet" type="text/css" href="{vb:raw vbcsspath}forumbits-ie.css" /><![endif]-->

<vb:if condition="$show['sidebar']">
<script type="text/javascript" src="{vb:stylevar yuipath}/animation/animation-min.js?v={vb:raw vboptions.simpleversion}"></script>
<script type="text/javascript">
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>

<!-- Bloc Partenaire / Publicité -->
<br />
<div id="bloc_perso">
<ul>
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a>
<img src="images/site_icons/event-alert.png" alt="" />
<span class="blocktitle">Partenaire / Publicité</span>
</div>
<div id="blocperso" class="blockbody floatcontainer">
<ul class="blockrow">
<li class="avatarcontent floatcontainer">
<div align="center">
<a href="http://www.test.com">Partenaire / Publicité 1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 3</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 4</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 5</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 6</a>
</div>
</li>
</ul>
</div>
</div>
<div class="underblock"></div>
</li>
</ul>
</div>
<!-- Bloc Partenaire / Publicité -->

<vb:if condition="$show['sidebar']">

<div id="content_container"<vb:if condition="$show['sidebarposition'] == 'left'"> class="contentright"</vb:if>>
<div id="content">
</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="navlinks">
<a href="forumdisplay.php?{vb:raw session.sessionurl}do=markread&amp;markreadhash={vb:ra w 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>

{vb:raw forumhome_markread_script}

{vb:raw ad_location.ad_forumhome_afterforums}

<!-- what's going on box -->
<div id="wgo" class="collapse wgo_block">
<h2>
<span>{vb:rawphrase whats_going_on}</span>
</h2>
<div class="floatcontainer">
{vb:raw template_hook.forumhome_wgo_pos1}
<vb:if condition="$show['loggedinusers']">
<!-- logged-in users -->
<div id="wgo_onlineusers" class="wgo_subblock">
<h3><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_online, {vb:raw totalonline}} <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>
<ol class="commalist" id="wgo_onlineusers_list">
{vb:raw activeusers}
</ol>
</div>
</div>
<!-- end logged-in users -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos2}
<vb:if condition="$show['upcomingevents']">
<div id="wgo_events" class="wgo_subblock">
<h3><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">
<h3><img src="{vb:stylevar imgdir_misc}/birthday.png" alt="{vb:rawphrase todays_birthdays}" />{vb:rawphrase todays_birthdays}</h3>
<ol class="commalist">
{vb:raw birthdays}
</ol>
</div>
<!-- end today's birthdays -->
</vb:if>
{vb:raw template_hook.forumhome_wgo_pos4}
<div id="wgo_stats" class="wgo_subblock">
<h3><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>
<div id="wgo_legend" class="wgo_subblock">
<h3><img src="{vb:stylevar imgdir_misc}/legend.png" alt="{vb:rawphrase icon_legend}" />{vb:rawphrase icon_legend}</h3>
<div>
<dl id="icon_legends" class="icon_legends">
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_new-16.png" alt="{vb:rawphrase new_posts_forum}" /></dt><dd>{vb:rawphrase new_posts_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_old-16.png" alt="{vb:rawphrase no_new_posts_forum}" /></dt><dd>{vb:rawphrase no_new_posts_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/category-16.png" alt="{vb:rawphrase category_forum}" /></dt><dd>{vb:rawphrase category_forum}</dd>
<dt><img src="{vb:stylevar imgdir_statusicon}/forum_link-16.png" alt="{vb:rawphrase link_forum}" /></dt><dd>{vb:rawphrase link_forum}</dd>
<vb:if condition="$vboptions['pt_hasprojectforums']">
<dt><img src="{vb:stylevar imgdir_statusicon}/project_new-16.png" alt="{vb:rawphrase project_forum}" /></dt><dd>{vb:rawphrase project_forum}</dd>
</vb:if>
</dl>
</div>
</div>
{vb:raw template_hook.forumhome_wgo_pos5}
</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_container"<vb:if condition="$show['sidebarposition'] == 'left'"> class="sidebarleft"</vb:if>>
<a id="sidebar_button_link" href="#">
<vb:if condition="$show['sidebarposition'] == 'left'">
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed-left-blue.png" alt="" />
<vb:else />
<img id="sidebar_button" src="{vb:stylevar imgdir_misc}/tab-collapsed-blue.png" alt="" />
</vb:if>
</a>
<ul id="sidebar">
{vb:raw sidebar}
</ul>
</div>
</vb:if>

{vb:raw footer}
</body>
</html>

Le code à rechercher est 3 fois dans le template il faut mettre l'ajout au dessus du 2ème.

[Spider-Man]

HO merci sa fonctionne ya t'il possibilité de faire un espace entre le bloc et la chatbox ???

14561

Merci ;)

[Ombre]

Oui, normalement l'espace devrait y être vu la class du block, mais ça doit être la chatbox qui pose soucis, tu peux ajouter un espace forcé verticalement sur le template de la chatbox ou bien en dessous du code ajouter dans le forumhome, tu remplace ceci:


<div class="underblock"></div>
</li>
</ul>
</div>
<!-- Bloc Partenaire / Publicité -->

par cela:


<div class="underblock"></div>
</li>
</ul>
</div>
<br />
<!-- Bloc Partenaire / Publicité -->

[6eO]

salut les ptits loups !
je vois que ca turbine toujours ici ;)
je cherche la même chose mais pour 3.8.4 j'ai beau chercher sur vbr, je n'ai trouvé que pour vb 4
, qu'est-il possible de faire avec ma version 3.8 ?
un simple tableau en haut ou en bas des forums qui viendrait accueillir une bannière de sponsor/partenaire :angel:

[Simon]

salut les ptits loups !
je vois que ca turbine toujours ici ;)
je cherche la même chose mais pour 3.8.4 j'ai beau chercher sur vbr, je n'ai trouvé que pour vb 4
, qu'est-il possible de faire avec ma version 3.8 ?
un simple tableau en haut ou en bas des forums qui viendrait accueillir une bannière de sponsor/partenaire :angel:Salut,

Encore sous la 3.8 ??? :p Dans le template ad_navbar_below (en dessous de la navbar) ou ad_forumhome_afterforums (en dessous de la liste des forum):

<if condition="THIS_SCRIPT == 'index'">
<style type="text/css" media="all">
#bloc_perso {
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border: 1px solid #DADADA;
}
#blocperso {
color: #424242;
background: rgb(255, 255, 255);
}
</style>
<table class="tborder" cellpadding="6" cellspacing="1" border="0" id="bloc_perso" width="100%" align="center">
<thead>
<tr>
<td class="tcat" colspan="2">
<a style="float:right" href="#top" onclick="return toggle_collapse('partenaires')"><img id="collapseimg_partenaires" src="images/buttons/collapse_tcat.gif" alt="" border="0" /></a>
Partenaires
</td>
</tr>
</thead>
<tbody id="collapseobj_partenaires">
<tr>
<td class="alt1" id="blocperso" width="100%">
<div align="center">
<a href="http://www.test.com">Partenaire / Publicité 1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;
<a href="http://www.test.com">Partenaire / Publicité 2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;
<a href="http://www.test.com">Partenaire / Publicité 3</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;
<a href="http://www.test.com">Partenaire / Publicité 4</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;
<a href="http://www.test.com">Partenaire / Publicité 5</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 6</a>
</div>
</td>
</tr>
</tbody>
</table>

<br /></if>

[6eO]

et oui encore sous 3.8 !
trop peur de passer en 4 et de devoir tout remettre en place lol... (déjà que j'ose pas la màj 3.8.5 lol)...
big up simon ! je vais essayer ça... et si j'y arrive pas je créerais un topic ailleurs pour pas polluer celui-ci ;)

encore merki !

[Jose.N70]

Salut , pour ma part la barre s'installe sous le tableau statistiques et sous ma chatbox mais avant le forum en lui même comment puis je la remonter au dessus ? j'utilise le style Element

Merci

[Ombre]

Bonsoir, ce qui n'est pas précisé par Allan c'est que cette condition qui permet de placé le code html du block y est 3 fois dans ce template, donc essaye en mettant le code html du block au dessus de ceci:


<vb:if condition="$show['sidebar']">
<div id="content_container"<vb:if condition="$show['sidebarposition'] == 'left'"> class="contentright"</vb:if>>

[Jose.N70]

J'avais déjà essayé de le déplacer dans le code, mais non il reste toujours sous la chatbox et les stats voici une image pour donner une idée :

[/URL][URL]http://www.imagefacile.com/img/xmcy0_pub.png (http://www.imagefacile.com)

[Ombre]

Étonnant je ne vois pas de hook avant dans le template, je me demande une chose tes hack en question sont visible sur toutes les pages ou que sur l'index?

[Jose.N70]

Que sur l'index

[Ombre]

On va changer de template alors, car dans le forumhome, tu ne peux pas palcé le code plus haut qu'il ne l'est déjà sinon il serait visible au dessus de cotneneur body_wrapper, donc place ton code dans le template navbar juste au dessus de:


{vb:raw ad_location.ad_navbar_below}
{vb:raw ad_location.global_below_navbar}

mais tu devras utilisé une condition afin que la barre n'apparaisse que sur l'index, la condition est celle ci:


<vb:if condition="in_array(THIS_SCRIPT, array(index))"> tu mets ton code ici </vb:if>

[Jose.N70]

Impeccable, merci à toi pour ton aide ;)

[Ombre]

Impeccable, merci à toi pour ton aide ;)Par contre sur ta capture j'ai vu que le fond n'est pas parfait dans la zone de lien, il englobe pas tout l'intérieur, tu veux que je regarde ça sur ton forum?

[Jose.N70]

Heu je ne suis pas contre au contraire :) mais je n'ai pas encore terminé de mettre en place ce style, y a une merde dans l'affichage et j'attends que Vbstyle le règle ( les bords de la chatbox et du tableau de statistiques )

[Ombre]

Fait moi voir cela ça se trouve c'est pas grand chose.

[Radianovic]

merciiiiiiiiiiii , mais ou est l'image : pucen.png ??

[Jose.N70]

Sous la dernière miniature

[sad]

bonjour a tous

Merci beaucoup allan , esthétique + efficacité :p,j'ai un petit problème le titre " Partenaire / Publicité" est en blanc et il n'est pas du tout lisible ,comment je peux le rendre d'une autre couleur ? rouge par exemple

http://img843.imageshack.us/img843/3193/pubh.jpg

autre remarque : le tableau s'affiche juste sur la page www.monsite.com/forum/index.php (http://www.monsite.com/forum/index.php) ,comment fait on pour qu'il soit visible sur toutes les pages du forum ?
Merci d'avance

ps: je suis sous style "element "

[DexX]

Comment faire pour le mettre en bas du forum s'il vous plait ?

PS : Pour ajouter de la couleur Sad, tu ajoutes les balises <span> entre le texte dans le template.

[Ombre]

Bonsoir, essaye en mettant le code dans le template foruomhome mais cette fois ci jsute au dessus de:


{vb:raw footer}

[DexX]

Oui sa marche mais le soucis est que sa fait disparaitre le footer avec le Copyright..etc et sa agrandit la Chat Box..

[Ombre]

Bah c'est pas jolie comme ça? :D

ça doit être du au mod, essayes un autre endroit alors dans le template, un peu plus haut, je ne peu pas tester pour toi actuellement, je suis sur autre chose.

[Lucifer666]

Bonjour,Bonsoir

Je voudrais savoir comment je peux faire pour modifier / editer partenaire etc Merci

[Verbagraph]

c'est ici
<!-- Bloc Partenaire / Publicité -->
<br />
<div id="bloc_perso">
<ul>
<li>
<div class="block smaller">
<div class="blocksubhead">
<a class="collapse" style="position : static" id="collapse_blocperso" href="{vb:raw relpath}#top"><img src="{vb:stylevar imgdir_button}/collapse_40b.png" alt="" border="0" /></a>
<img src="images/site_icons/event-alert.png" alt="" />
<span class="blocktitle">Partenaire / Publicité</span> Tu peux changer ça .....Partenaire / Publicité.
</div>
<div id="blocperso" class="blockbody floatcontainer">
<ul class="blockrow">
<li class="avatarcontent floatcontainer">
<div align="center">
<a href="http://www.test.com">Partenaire / Publicité 1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 3</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 4</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 5</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 6</a>
</div>
</li>
</ul>
</div>
</div>
<div class="underblock"></div>
</li>
</ul>
</div>
<!-- Bloc Partenaire / Publicité -->


et ça .....=> http://www.test.com dans ce parametre ..... <a href="http://www.test.com">Partenaire / Publicité 1</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;<a href="http://www.test.com">Partenaire / Publicité 2</a>&nbsp;&nbsp;<img src="images/misc/pucen.png" border="0" alt="" />&nbsp;&nbsp;

[Lucifer666]

Si je te donne mes id et mdp du forum tu peux me le faire je t'explique s'il te plait ou alors par teamviwer parce que moi je suis pas trop adepte a sa ^^

[Lucifer666]

si sa ne te derange pas biensur

[Verbagraph]

Poses ta demande ici...

[ROMH]

Super
Super

et merci
:d2:d2

[facile]

bonjour imposible de clique dessus

[Verbagraph]

Impossible de cliquer sur quoi? Soit plus explicite sur ton message

[facile]

imposible de clique sur les lien de partenaire

[Verbagraph]

Tu as dû faire un faute de syntaxe regarde bien le code

[Ombre]

Bonsoir, si les liens sont des liens de site/forum légaux, copie le code ici qu'on regarde ça.

[pichou]

Bonjour bon tous c'est bien passer seul souci je n'ais pas tout le contour du cadre:
16507
Merci

[Ombre]

Bonjour, tu n'as pas placé la partie css pour avoir ce résultat, ou pas placé sur le bon style si tu en as plusieurs.

[pichou]

Si si Ombre tout bien mis et dans le bon style pour ça que je ne comprend pas surtout que c'est modif et facile:ranting:

[Ombre]

Donne moi l'url de ton forum que je regarde ça.

[pichou]

Merci Ombre problème résolu désoler du dérangement

[Ombre]

Et c'était quoi le soucis?

[pichou]

dans les variables de forumhome.css j'ai modifé:


#bloc_perso > ul {
background-color:#C8D1AA;
border:solid 1px ;
-moz-border-radius:{vb:stylevar border_radius};
-webkit-border-radius: {vb:stylevar border_radius};
-moz-box-shadow:-2px 2px 2px {vb:stylevar shadow_color};
float:{vb:stylevar left};
width:100%;
}

et

#bloc_perso .blockbody {
color: #E9E9E9;
background:{vb:stylevar forum_sidebar_content_background.backgroundColor};
-moz-border-radius:{vb:stylevar border_radius} ;
-webkit-border-radius: {vb:stylevar border_radius};
padding:0;
border:solid 1px black;
}

16510

[Ombre]

Je doute que ça soit la solution à ton soucis, il est demandé de mettre les class dans le template additional.css, qui est prioritaire à celui que tu cites, ça devrais marché normalement, je connais bien ce mod que je viens de modifié pour vb-r.

[pichou]

je vais regarder, merci pour l'info

[Verbagraph]

Ha oui ça me fait pareil...
je viens de mettre les codes de pichou et c'est bon aussi mais sur mon thème orange j'ai pas ce problème.
cela doit venir de mon style alors....

[pichou]

Bonjour je cherche a mettre une image et à changer la couleur des liens ou mettre un fond blanc si quelqu'un peut m'aider??


http://nimga.fr/m/vLlIv.png (http://nimga.fr/v/vLlIv)

[Ombre]

Bonjour,

Ajoute ceci en bas de ton template additional.css:


#bloc_perso .blocksubhead {
background: #000000 url("professionel2/images/buttons/bar1.png");
}
#bloc_perso .blockrow, #bloc_perso .blocksubhead {
background-color: #F5F5DC;
}

Vu qu'on vois l'url de ton forum, j'ai récupéré les infos dessus.

[pichou]

Un grand Merci Ombre ça marche mais peux-tu me dire comment changer la couleur de Bloc Partenaire

http://nimga.fr/m/xbIKD.png (http://nimga.fr/v/xbIKD)

[Ombre]

#bloc_perso .blocksubhead { background: #000000 url("professionel2/images/buttons/bar1.png");
color: #ffffff; } #bloc_perso .blockrow, #bloc_perso .blocksubhead { background-color: #F5F5DC; }

Avec ça tu devrais avoir le titre en blanc.

[pichou]

Merci Ombre ça marche super bien!!!!;)

[ai7]

salut

chez moi il se met vraiment tout au dessus

vous savez pourquoi???

[Ombre]

Bonjour,

Tout dépend du style utilisé, mais tout au dessus c'est vague.

[ai7]

je l’avais mis mais comme sa n'allait pas je l'ai retiré

mon style c'est hio cleanlight

et c'est avant le header avant la navbarre

[ai7]

salut

problème résolu je devais copié dans forumhome en dessous
{vb:raw navbar}


merci