Allan
30/12/2009, 10h45
Remerciements et support / Thanks and support
Ce style a été distribuer par vBulletin-Ressources.com avec l'autorisation explicite de son auteur. / This style was distribute by vBulletin-Ressources.com with the explicit authorization of its author.
vBulletin-Ressources remercie l'auteur du style pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the style to have provided its authorization.
Conception
Auteur du style / Author Of style : haothiencz (http://www.vbulletin.org/forum/member.php?u=235262)
Source / Link of Thread: HiO Freeminium by Vbcreative (http://www.vbulletin.org/forum/showthread.php?t=231658)
Version vBulletin Requise / Version vBulletin Required : vB 4.0
Testé / Tested: Non
Copyright © 2006-2009 vBulletin-Ressources.com - Tous droits réservés / Copyright © 2006-2009 vBulletin-Ressources.com - All Rights Reserved
PS: C'est le premier que je met en vB4 car c'est le premier que je trouve assez fini pour un thème vB4 )
Installation
Pour avoir 2 colonnes de forum dans le forumhome, dans le template "Forumbit.css", remplacer son contenu par:
@charset "UTF-8";
/* CSS Document */
#forums {
clear:both;
}
.forumhead {
background: {vb:stylevar forumhead_background};
_background-image: none;
padding: 0;
font:{vb:stylevar forumhead_font};
color:{vb:stylevar forumhead_color};
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border: {vb:stylevar forumhead_border};
width: {vb:stylevar forumhead_width};
-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};
}
#forums .L1 .forumhead a {
font: {vb:stylevar forumhead_font};
}
#forums .L1 .forumhead .forumdescription {
display:none;
}
#forums .L1 .L2 {
display:block;
clear: both;
}
#forums a.username {
color: {vb:stylevar link_color};
}
#forums a.username:hover {
color: {vb:stylevar linkhover_color};
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead {
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: {vb:stylevar forumrow_firstentry_background};
_background-image: none;
border-top: 1px solid {vb:stylevar body_background.backgroundColor};
}
.forumrow + .childsubforum .forumrow, .forumhead + .childforum .L2:first-child .L2 .forumrow, .forumhead + .childforum .L2 .L2:first-child .forumrow {
background: {vb:stylevar forumrow_background};
_background-image: none;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
background: {vb:stylevar forumrow_background};
_background-image: none;
display:block;
width: 100%;
float: {vb:stylevar left};
min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */
position:relative;
border-bottom: {vb:stylevar forumbits_border};
border-{vb:stylevar left}: {vb:stylevar forumbits_border};
border-{vb:stylevar right}: {vb:stylevar forumbits_border};
}
.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
top: {vb:math {vb:stylevar padding}/2};
width: {vb:stylevar forumicon_size};
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
display: inline-block;
width:100%;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}
.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: 0;
}
/* forumbit nopost */
/* forumbit nopost -> forumhead */
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
font: {vb:stylevar forumhead_font};
padding: {vb:math {vb:stylevar padding}/2-1} 0;
color: {vb:stylevar forumbits_aForum};
}
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
margin-{vb:stylevar left}: 3px;
margin-{vb:stylevar right}: 3px;
}
.forumbit_nopost {
clear:{vb:stylevar left};
}
.forumbit_nopost .forumrowdata {
clear:both;
display:block;
width: 100%;
}
.forumbit_nopost .subforumdescription {
padding: {vb:math {vb:stylevar padding}/2-1} {vb:stylevar padding};
font-weight: normal;
color: {vb:stylevar blocksubhead_color};
background: {vb:stylevar blocksubhead_background};
_background-image: none;
}
.forumbit_post .foruminfo .forumdata {
padding: {vb:math {vb:stylevar padding}/2-1} 0;
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}
.forumbit_nopost .forumhead .forumtitle {
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
min-width: 76%;
}
.forumbit_nopost .forumhead .forumtitle a {
color: {vb:stylevar forumbits_aForum};
margin-{vb:stylevar left}: {vb:stylevar padding};
}
.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}
.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
width: 21%;
}
.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
position:absolute;
top: -15px;
{vb:stylevar right}: -6px;
display:block;
width:13px;
height:13px;
overflow:hidden;
background:transparent url({vb:stylevar imgdir_button}/collapse_collapsed_40b.png) no-repeat;
float: {vb:stylevar right};
clear: {vb:stylevar left};
}
.forumbit_nopost:hover .forumhead a.collapsegadget {
visibility:visible;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata {
padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
padding-{vb:stylevar left}: 0;
font-size: {vb:stylevar small_fontSize};
}
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
margin-{vb:stylevar left}: {vb:stylevar padding};
position: relative;
top: -{vb:stylevar padding};
}
/* forumbit post */
.forumbit_post {
float: {vb:stylevar left};
position:relative;
width: 100%;
display:block;
}
.forumbit_post .forumhead span {
padding: 0;
}
.forumbit_post .forumhead .forumlastpost {
top: 0;
margin-top: 0;
}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
padding: {vb:math {vb:stylevar padding}/2} 0;
}
/* commenting this out for the time being as it is included for test
.forumbit_post .forumstats {
background: #f2f6f8;
margin: 0;
padding-bottom: 15px;
overflow:hidden;
}
*/
.forumbit_post .forumhead .forumtitle {
width: 76%;
}
.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}
.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: {vb:stylevar left};
clear: {vb:stylevar right};
min-height: {vb:stylevar forumicon_size};
}
.forumbit_post .foruminfo .forumicon{
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
width: {vb:stylevar forumicon_size};
}
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: {vb:stylevar left};
clear: {vb:stylevar right};
color: {vb:stylevar forumbits_text_color};
}
.forumbit_post .foruminfo .viewing {
white-space:nowrap;
}
.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
}
.forumbit_post .foruminfo .forumdata .datacontainer {
float: {vb:stylevar left};
width: 88%;
padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: {vb:math {vb:stylevar font.fontSize}+1}px;
margin-{vb:stylevar right}: {vb:stylevar padding};
}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
font-weight:bold;
}
.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
padding-{vb:stylevar left}:1.8em;
background:url('{vb:stylevar imgdir_misc}/child_forum.png') top {vb:stylevar left} no-repeat;
}
.forumbit_post .foruminfo .forumdata .viewing {
font-style: italic;
margin-{vb:stylevar right}:{vb:stylevar padding};
margin-top: 3px;
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
}
.forumbit_post .forumactionlinks {
width: 5%;
display:block;
float:{vb:stylevar left};
clear:{vb:stylevar right};
}
.forumbit_post .forumactionlinks li {
display: inline;
}
.forumbit_post .forumactionlink {
/* values based on icon size */
display:block;
width:18px;
height:12px;
overflow:hidden;
float: {vb:stylevar right};
clear: {vb:stylevar left};
background:transparent none no-repeat;
position: relative;
margin: 3px {vb:stylevar padding} 0 0;
}
.forumactionlink a {
/* values based on icon size */
display:block;
padding-{vb:stylevar left}:18px;
}
.forumactionlinks .rsslink {
background-image:url({vb:stylevar imgdir_misc}/rss_40b.png);
}
.forumactionlinks .subslink {
background-image:url({vb:stylevar imgdir_misc}/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
background-image:url({vb:stylevar imgdir_misc}/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
display:block;
clear:both;
padding-{vb:stylevar right}: {vb:stylevar padding};
}
.forumbit_post .unsubscribe {
display:block;
{vb:stylevar right}: 0;
top: 2px;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
display: block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
width: 12%;
margin-{vb:stylevar right}: 2%;
}
.forumbit_post .forumstats li, .forumbit_post .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;
}
.forumbit_post .forumlastpost {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}
.forumbit_post .forumrow .forumlastpost {
width: 22%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}
.forumbit_post .forumlastpost .lastpostdate {
font-size: {vb:stylevar small_fontSize};
}
.lastpostlabel {
display: none;
}
.moderators, .subforums {
display: block;
clear:both;
}
.moderators h4, .subforums h4 {
font-weight: bold;
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}
.moderators h4, .moderators .commalist, .subforums h4, .subforms .commalist {
float:{vb:stylevar left};
clear:{vb:stylevar right};
}
/* Project Tools Forum Display */
.forumstats dt {
display: inline;
margin-{vb:stylevar right}: 0;
}
.forumstats dl {
color: {vb:stylevar body_color};
font-size: {vb:stylevar mid_fontSize};
display: block;
text-align: {vb:stylevar right};
}
.forumstats dd {
display: inline-block;
padding-{vb:stylevar left}: {vb:stylevar padding};
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
}
.forumstats dt:after {
content:":";
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
border-top: 0;
}
.forumrow .table {
height: 100px;
}
ol.childforum {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.childforum li.forumbit_post {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
#forums .L1 .L2 {
clear:none;
}
.forumbit_post .forumrow .forumlastpost {
clear:both;
width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
display: block;
float: left;
margin: 5px;
}
.forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
.forumbit_post .foruminfo {
clear:right;
float:left;
min-width:50%;
width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width:20%;
}
Remplacer tous le contenu du template "forumhome_lastpostby" par:
<vb:if condition="$show['lastpostinfo']">
<p class="lastposttitle">
<vb:if condition="$show['icon']"><img src="{vb:raw icon.iconpath}" alt="{vb:raw icon.title}" border="0" /></vb:if>
<vb:if condition="$lastpostinfo['prefix']">{vb:raw lastpostinfo.prefix}</vb:if>
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}" class="threadtitle" title="{vb:rawphrase go_first_unread_in_thread_x, {vb:raw lastpostinfo.lastthread}}">{vb:raw lastpostinfo.trimthread}</a>
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
</p>
<div class="lastpostby">
<vb:if condition="$lastpostinfo['lastposterid']">
{vb:rawphrase by_x_memberaction, {vb:raw memberaction_dropdown}}
<vb:else />
{vb:rawphrase by_x_guest, {vb:raw lastpostinfo.lastposter}}
</vb:if>
<br />
<p class="lastpostdate">{vb:raw lastpostinfo.lastpostdate} <br /><vb:if condition="!$show['detailedtime']">{vb:raw lastpostinfo.lastposttime}</vb:if></p>
<vb:else />
<span class="lastpostdate">{vb:raw lastpostinfo.lastpostdate} <vb:if condition="!$show['detailedtime']">{vb:raw lastpostinfo.lastposttime}</vb:if></span>
</div>
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
</vb:if>Informations supplémentaires:
Pour avoir les derniers messages sur l'index comme dans le screen, importer le produit du dossier "Add-On"
Editer les boutons de la navbar:
- Comment ajouter un lien dans la navbar:
<li><a href="votre lien">Nom du menu</a></li>- Ajouter un menu déroulant:
<li><a href="votre lien">nom du menu</a>
<ul class="subnav">
<li><a href=" your link">Sous Menu 1</a></li>
<li><a href=" your link">Sous Menu 2</a></li>
</ul>
</li>- Souvenez-vous que le code doit toujours être sous cette class:
<ul class="topnav">
........
.......
</ul>
Ce style a été distribuer par vBulletin-Ressources.com avec l'autorisation explicite de son auteur. / This style was distribute by vBulletin-Ressources.com with the explicit authorization of its author.
vBulletin-Ressources remercie l'auteur du style pour avoir fourni son autorisation. / vBulletin-Ressources thanks the author for the style to have provided its authorization.
Conception
Auteur du style / Author Of style : haothiencz (http://www.vbulletin.org/forum/member.php?u=235262)
Source / Link of Thread: HiO Freeminium by Vbcreative (http://www.vbulletin.org/forum/showthread.php?t=231658)
Version vBulletin Requise / Version vBulletin Required : vB 4.0
Testé / Tested: Non
Copyright © 2006-2009 vBulletin-Ressources.com - Tous droits réservés / Copyright © 2006-2009 vBulletin-Ressources.com - All Rights Reserved
PS: C'est le premier que je met en vB4 car c'est le premier que je trouve assez fini pour un thème vB4 )
Installation
Pour avoir 2 colonnes de forum dans le forumhome, dans le template "Forumbit.css", remplacer son contenu par:
@charset "UTF-8";
/* CSS Document */
#forums {
clear:both;
}
.forumhead {
background: {vb:stylevar forumhead_background};
_background-image: none;
padding: 0;
font:{vb:stylevar forumhead_font};
color:{vb:stylevar forumhead_color};
clear:both;
margin-top: 8px;
float: {vb:stylevar left};
border: {vb:stylevar forumhead_border};
width: {vb:stylevar forumhead_width};
-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};
}
#forums .L1 .forumhead a {
font: {vb:stylevar forumhead_font};
}
#forums .L1 .forumhead .forumdescription {
display:none;
}
#forums .L1 .L2 {
display:block;
clear: both;
}
#forums a.username {
color: {vb:stylevar link_color};
}
#forums a.username:hover {
color: {vb:stylevar linkhover_color};
}
.forumbit_post .forumrow, .forumbit_nopost .forumhead, .forumbit_nopost .forumrow, .forumbit_post .forumhead {
-moz-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
-webkit-box-shadow: -2px 2px 2px {vb:stylevar forumbits_shadow_color};
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
background: {vb:stylevar forumrow_firstentry_background};
_background-image: none;
border-top: 1px solid {vb:stylevar body_background.backgroundColor};
}
.forumrow + .childsubforum .forumrow, .forumhead + .childforum .L2:first-child .L2 .forumrow, .forumhead + .childforum .L2 .L2:first-child .forumrow {
background: {vb:stylevar forumrow_background};
_background-image: none;
}
.forumbit_nopost .forumbit_nopost .forumrow, .forumbit_post .forumrow {
background: {vb:stylevar forumrow_background};
_background-image: none;
display:block;
width: 100%;
float: {vb:stylevar left};
min-height: {vb:math {vb:stylevar forumicon_size}+{vb:stylevar padding}}; /* 48px is the icon size */
position:relative;
border-bottom: {vb:stylevar forumbits_border};
border-{vb:stylevar left}: {vb:stylevar forumbits_border};
border-{vb:stylevar right}: {vb:stylevar forumbits_border};
}
.forumbit_nopost .forumbit_nopost .forumrow .forumicon {
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
top: {vb:math {vb:stylevar padding}/2};
width: {vb:stylevar forumicon_size};
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata {
display: inline-block;
width:100%;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}
.forumbit_nopost .forumbit_post .forumrow .forumdata .datacontainer {
margin-{vb:stylevar left}: 0;
}
/* forumbit nopost */
/* forumbit nopost -> forumhead */
.forumbit_nopost .forumhead .forumtitle, .forumbit_nopost .forumhead span, .forumbit_nopost .forumhead .collapse, .forumbit_post .forumhead h2 span {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
font: {vb:stylevar forumhead_font};
padding: {vb:math {vb:stylevar padding}/2-1} 0;
color: {vb:stylevar forumbits_aForum};
}
.forumbit_nopost .forumhead h2, .forumbit_post .forumhead h2 {
/*border-top: 1px solid {vb:stylevar body_background.backgroundColor};*/
margin-{vb:stylevar left}: 3px;
margin-{vb:stylevar right}: 3px;
}
.forumbit_nopost {
clear:{vb:stylevar left};
}
.forumbit_nopost .forumrowdata {
clear:both;
display:block;
width: 100%;
}
.forumbit_nopost .subforumdescription {
padding: {vb:math {vb:stylevar padding}/2-1} {vb:stylevar padding};
font-weight: normal;
color: {vb:stylevar blocksubhead_color};
background: {vb:stylevar blocksubhead_background};
_background-image: none;
}
.forumbit_post .foruminfo .forumdata {
padding: {vb:math {vb:stylevar padding}/2-1} 0;
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}
.forumbit_nopost .forumhead .forumtitle {
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
min-width: 76%;
}
.forumbit_nopost .forumhead .forumtitle a {
color: {vb:stylevar forumbits_aForum};
margin-{vb:stylevar left}: {vb:stylevar padding};
}
.forumbit_nopost .forumhead span, .forumbit_post .forumhead span {
font-size: {vb:math {vb:stylevar font.fontSize}-1}px;
}
.forumbit_nopost .forumhead span.forumlastpost, .forumbit_post .forumhead span.forumlastpost {
width: 21%;
}
.forumbit_nopost .forumhead a.collapse img {
/* values are based on the image */
position:absolute;
top: -15px;
{vb:stylevar right}: -6px;
display:block;
width:13px;
height:13px;
overflow:hidden;
background:transparent url({vb:stylevar imgdir_button}/collapse_collapsed_40b.png) no-repeat;
float: {vb:stylevar right};
clear: {vb:stylevar left};
}
.forumbit_nopost:hover .forumhead a.collapsegadget {
visibility:visible;
}
.forumbit_nopost .forumbit_nopost .forumrow .forumdata, .forumbit_post .forumrow .forumdata {
padding: {vb:math {vb:stylevar padding}/2} {vb:stylevar padding};
padding-{vb:stylevar left}: 0;
font-size: {vb:stylevar small_fontSize};
}
.forumbit_nopost .forumbit_nopost .foruminfo .subforums {
margin-{vb:stylevar left}: {vb:stylevar padding};
position: relative;
top: -{vb:stylevar padding};
}
/* forumbit post */
.forumbit_post {
float: {vb:stylevar left};
position:relative;
width: 100%;
display:block;
}
.forumbit_post .forumhead span {
padding: 0;
}
.forumbit_post .forumhead .forumlastpost {
top: 0;
margin-top: 0;
}
.forumbit_post .foruminfo, .forumbit_post .forumlastpost, .forumbit_post .forumactionlinks, .forumbit_post .forumstats, .forumbit_post .forumstats_2{
padding: {vb:math {vb:stylevar padding}/2} 0;
}
/* commenting this out for the time being as it is included for test
.forumbit_post .forumstats {
background: #f2f6f8;
margin: 0;
padding-bottom: 15px;
overflow:hidden;
}
*/
.forumbit_post .forumhead .forumtitle {
width: 76%;
}
.forumbit_post .forumhead .forumtitle span {
padding: 0;
padding-{vb:stylevar left}: {vb:stylevar padding};
}
.forumbit_post .foruminfo {
width: 57%;
min-width: 30%;
float: {vb:stylevar left};
clear: {vb:stylevar right};
min-height: {vb:stylevar forumicon_size};
}
.forumbit_post .foruminfo .forumicon{
position: absolute;
{vb:stylevar left}: {vb:stylevar padding};
width: {vb:stylevar forumicon_size};
}
.forumbit_post .foruminfo .forumdata, .forumbit_post .foruminfo .forumtitle, .forumbit_post .foruminfo .viewing {
float: {vb:stylevar left};
clear: {vb:stylevar right};
color: {vb:stylevar forumbits_text_color};
}
.forumbit_post .foruminfo .viewing {
white-space:nowrap;
}
.forumbit_post .foruminfo .forumdata {
padding: 0;
width: 100%;
}
.forumbit_post .foruminfo .forumdata .datacontainer {
float: {vb:stylevar left};
width: 88%;
padding-{vb:stylevar left}: {vb:math {vb:stylevar forumicon_size} + {vb:math {vb:stylevar padding}*2}};
}
.forumbit_post .foruminfo .forumdata .forumtitle, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle {
font-size: {vb:math {vb:stylevar font.fontSize}+1}px;
margin-{vb:stylevar right}: {vb:stylevar padding};
}
.forumbit_post .foruminfo .forumdata .forumtitle a, .forumbit_nopost .forumbit_nopost .forumrow .forumtitle a {
font-weight:bold;
}
.childsubforum .forumbit_post .foruminfo .forumdata .datacontainer .forumtitle a {
padding-{vb:stylevar left}:1.8em;
background:url('{vb:stylevar imgdir_misc}/child_forum.png') top {vb:stylevar left} no-repeat;
}
.forumbit_post .foruminfo .forumdata .viewing {
font-style: italic;
margin-{vb:stylevar right}:{vb:stylevar padding};
margin-top: 3px;
font-size: {vb:math {vb:stylevar font.fontSize}-2}px;
}
.forumbit_post .forumactionlinks {
width: 5%;
display:block;
float:{vb:stylevar left};
clear:{vb:stylevar right};
}
.forumbit_post .forumactionlinks li {
display: inline;
}
.forumbit_post .forumactionlink {
/* values based on icon size */
display:block;
width:18px;
height:12px;
overflow:hidden;
float: {vb:stylevar right};
clear: {vb:stylevar left};
background:transparent none no-repeat;
position: relative;
margin: 3px {vb:stylevar padding} 0 0;
}
.forumactionlink a {
/* values based on icon size */
display:block;
padding-{vb:stylevar left}:18px;
}
.forumactionlinks .rsslink {
background-image:url({vb:stylevar imgdir_misc}/rss_40b.png);
}
.forumactionlinks .subslink {
background-image:url({vb:stylevar imgdir_misc}/subscribed_40b.png);
}
.forumactionlinks .unsubslink {
background-image:url({vb:stylevar imgdir_misc}/unsubscribed_40b.png);
}
.forumbit_post .forumdescription {
display:block;
clear:both;
padding-{vb:stylevar right}: {vb:stylevar padding};
}
.forumbit_post .unsubscribe {
display:block;
{vb:stylevar right}: 0;
top: 2px;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
display: block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
width: 12%;
margin-{vb:stylevar right}: 2%;
}
.forumbit_post .forumstats li, .forumbit_post .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;
}
.forumbit_post .forumlastpost {
display:block;
float: {vb:stylevar left};
clear: {vb:stylevar right};
}
.forumbit_post .forumrow .forumlastpost {
width: 22%;
font-size: {vb:stylevar mid_fontSize};
padding-top: {vb:math {vb:stylevar padding}/2};
}
.forumbit_post .forumlastpost .lastpostdate {
font-size: {vb:stylevar small_fontSize};
}
.lastpostlabel {
display: none;
}
.moderators, .subforums {
display: block;
clear:both;
}
.moderators h4, .subforums h4 {
font-weight: bold;
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
}
.moderators h4, .moderators .commalist, .subforums h4, .subforms .commalist {
float:{vb:stylevar left};
clear:{vb:stylevar right};
}
/* Project Tools Forum Display */
.forumstats dt {
display: inline;
margin-{vb:stylevar right}: 0;
}
.forumstats dl {
color: {vb:stylevar body_color};
font-size: {vb:stylevar mid_fontSize};
display: block;
text-align: {vb:stylevar right};
}
.forumstats dd {
display: inline-block;
padding-{vb:stylevar left}: {vb:stylevar padding};
padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}*2};
}
.forumstats dt:after {
content:":";
}
.forumhead + .childforum .L2:first-child .forumrow, .forumhead + .L2 .forumrow {
border-top: 0;
}
.forumrow .table {
height: 100px;
}
ol.childforum {
float: left;
width: 100%;
margin: 0;
padding: 0;
}
.childforum li.forumbit_post {
float: left;
width: 50%;
margin: 0;
padding: 0;
clear:none;
}
#forums .L1 .L2 {
clear:none;
}
.forumbit_post .forumrow .forumlastpost {
clear:both;
width:95%;
}
.forumbit_post .forumlastpost .lastpostby {
display: block;
float: left;
margin: 5px;
}
.forumbit_post .forumlastpost .lastpostdate {
display: block;
float: right;
}
.forumbit_post .forumlastpost .lastposttitle {
display: block;
float: left;
}
.forumbit_post .foruminfo {
clear:right;
float:left;
min-width:50%;
width:70%;
}
.forumbit_post .forumstats, .forumbit_post .forumstats_2 {
width:20%;
}
Remplacer tous le contenu du template "forumhome_lastpostby" par:
<vb:if condition="$show['lastpostinfo']">
<p class="lastposttitle">
<vb:if condition="$show['icon']"><img src="{vb:raw icon.iconpath}" alt="{vb:raw icon.title}" border="0" /></vb:if>
<vb:if condition="$lastpostinfo['prefix']">{vb:raw lastpostinfo.prefix}</vb:if>
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}" class="threadtitle" title="{vb:rawphrase go_first_unread_in_thread_x, {vb:raw lastpostinfo.lastthread}}">{vb:raw lastpostinfo.trimthread}</a>
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
</p>
<div class="lastpostby">
<vb:if condition="$lastpostinfo['lastposterid']">
{vb:rawphrase by_x_memberaction, {vb:raw memberaction_dropdown}}
<vb:else />
{vb:rawphrase by_x_guest, {vb:raw lastpostinfo.lastposter}}
</vb:if>
<br />
<p class="lastpostdate">{vb:raw lastpostinfo.lastpostdate} <br /><vb:if condition="!$show['detailedtime']">{vb:raw lastpostinfo.lastposttime}</vb:if></p>
<vb:else />
<span class="lastpostdate">{vb:raw lastpostinfo.lastpostdate} <vb:if condition="!$show['detailedtime']">{vb:raw lastpostinfo.lastposttime}</vb:if></span>
</div>
<a href="{vb:link thread, {vb:raw threadinfo}, {vb:raw pageinfo_newpost}}#post{vb:raw lastpostinfo.lastpostid}"><img src="{vb:stylevar imgdir_button}/lastpost-{vb:stylevar right}.png" alt="{vb:rawphrase go_to_last_post}" /></a>
</vb:if>Informations supplémentaires:
Pour avoir les derniers messages sur l'index comme dans le screen, importer le produit du dossier "Add-On"
Editer les boutons de la navbar:
- Comment ajouter un lien dans la navbar:
<li><a href="votre lien">Nom du menu</a></li>- Ajouter un menu déroulant:
<li><a href="votre lien">nom du menu</a>
<ul class="subnav">
<li><a href=" your link">Sous Menu 1</a></li>
<li><a href=" your link">Sous Menu 2</a></li>
</ul>
</li>- Souvenez-vous que le code doit toujours être sous cette class:
<ul class="topnav">
........
.......
</ul>