La date/heure actuelle est Mar 19 Mar 2024 - 7:08
9 résultats trouvés pour fa_toolbar
Ajout des notifications dans la barre de navigation et vu du profil en cliquant sur l'avatar
Bonjour !Alors, niveau CSS, j'ai ajouté ces éléments pour déplacer les blocs "Bienvenue xxx" (et son menu quand on clique), "Notifications" (et son menu quand on clique), ainsi le logo du copyright :
- Code:
#fa_menu {
position: fixed;
top: 4px;
left: 65px;
z-index: 999;
}
#fa_menulist {
position: fixed;
left: 75px !important;
top: 28px;
border: 1px solid #333;
}
#fa_notifications {
position: fixed;
top: 20px;
left: 65px;
z-index: 998;
}
#fa_toolbar #fa_right #notif_list {
position: fixed;
left: 75px !important;
top: 44px;
border: 1px solid #333;
}
#fa_left {
position: fixed;
z-index: 997;
top: 70px;
}
Et j'ai fait en sorte que ces éléments aient le même CSS que le .bloc_pseudo_search initial (que j'ai un peu modifié au passage pour simplifier) :
.bloc_pseudo_search, #fa_right #fa_menu #fa_welcome, #fa_right.notification #fa_menu #fa_welcome, #fa_right #fa_notifications, #fa_toolbar
- Code:
#fa_service
{
font: 9px montserrat;
display: inline-block;
text-transform: uppercase;
letter-spacing: 2px;
vertical-align: top;
box-sizing: border-box;
margin: 10px;
color: #6f6f6f;
background: none !important;
}
Pour pouvoir écrire "Bienvenue invité", je suis obligé de passer par un script, que je rajoute directement dans votre Template :
- Code:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="{S_CONTENT_DIRECTION}" id="min-width" lang="{L_LANG_HTML}"
xml:lang="{L_LANG_HTML}" {NAMESPACE_FB_LIKE} {NAMESPACE_FB} {NAMESPACE_BBCODE}>
<head>
<title>{SITENAME_TITLE}{PAGE_TITLE}</title>
<meta http-equiv="content-type" content="text/html; charset={S_CONTENT_ENCODING}"/>
<meta http-equiv="content-script-type" content="text/javascript"/>
<meta http-equiv="content-style-type" content="text/css"/>
<!-- BEGIN switch_compat_meta -->
<meta http-equiv="X-UA-Compatible" content="IE={switch_compat_meta.VERSION}"/>
<!-- END switch_compat_meta -->
<!-- BEGIN switch_canonical_url -->
<link rel="canonical" href="{switch_canonical_url.CANONICAL_URL}"/>
<!-- END switch_canonical_url -->
{META_FAVICO}
{META}
{META_FB_LIKE}
<meta name="title" content="{SITENAME_TITLE}{PAGE_TITLE}"/>
{T_HEAD_STYLESHEET}
{CSS}
<link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="{SITENAME}"/>
<link rel="search" type="application/opensearchdescription+xml" href="{URL_BOARD_DIRECTORY}/search/improvedsearch.xml" title="{SEARCH_FORUMS}"/>
<script src="{JQUERY_PATH}" type="text/javascript"></script>
<!-- BEGIN switch_recent_jquery -->
<script src="{JS_DIR}jquery1.9/jquery-migrate-1.4.1.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}browser/v1.0/jquery.browser.min.js" type="text/javascript"></script>
<script src="{JQUERY_DIR}support/jquery.support.js" type="text/javascript"></script>
<!-- END switch_recent_jquery -->
<script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
{RICH_SNIPPET_GOOGLE}
<!-- BEGIN switch_fb_login -->
<script src="https://connect.facebook.net/{switch_fb_login.FB_LOCAL}/all.js" type="text/javascript"></script>
<script src="{switch_fb_login.JS_FB_LOGIN}" type="text/javascript"></script>
<!-- END switch_fb_login -->
<!-- BEGIN switch_ticker -->
<link type="text/css" rel="stylesheet" href="{JQUERY_DIR}ticker/ticker.css"/>
<script src="{JQUERY_DIR}/ticker/ticker.js" type="text/javascript"></script>
<!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new -->
<script src="{JQUERY_DIR}jcarousel/jquery.jcarousel.js" type="text/javascript"></script>
<script type="text/javascript">//<![CDATA[
/* Definir le sens de direction en fonction du panneau admin */
var tickerDirParam = "{switch_ticker.DIRECTION}";
var slid_vert = false;
var auto_dir = 'next';
var h_perso = parseInt({switch_ticker.HEIGHT});
switch (tickerDirParam) {
case 'top' :
slid_vert = true;
break;
case 'left':
break;
case 'bottom':
slid_vert = true;
auto_dir = 'prev';
break;
case 'right':
auto_dir = 'prev';
break;
default:
slid_vert = true;
}
$(document).ready(function () {
var w_cont = $('#fa_ticker_container').width();
if (w_cont > 0) {
$('#fa_ticker_container').width(w_cont);
/* Affichage de la liste */
$('#fa_ticker_content').css('display', 'block');
/* Calcul des dimensions du conteneur et des elements */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each(function () {
if ($(this).height() > height_max) {
height_max = $(this).height();
}
});
/* Redimensionnement des elements et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item) {
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert) {
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft', 'auto').css('marginRight', 'auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
} else {
$('ul#fa_ticker_content li:not(:first)').css('display', 'none');
$('ul#fa_ticker_content li:first').css('list-style', 'none').css('text-align', 'center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function () {
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if (pm != null) {
pm.focus();
}
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if (report != null) {
report.focus();
}
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function () {
Ticker.start({
height: {switch_ticker.HEIGHT},
spacing: {switch_ticker.SPACING},
speed: {switch_ticker.SPEED},
direction: '{switch_ticker.DIRECTION}',
pause: {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH},
logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready(function () {
$(window).resize(function () {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth / 2 - popupWidth / 2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align: center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script async src="https://www.googletagmanager.com/gtag/js?id={G_ANALYTICS_ID}"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', '{G_ANALYTICS_ID}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- BEGIN google_analytics_code_bis -->
gtag('config', '{G_ANALYTICS_ID_BIS}', {'anonymize_ip': true, 'store_gac': false, 'cookie_expires': 13 * 30 * 24 * 60 * 60});
<!-- END google_analytics_code_bis -->
</script>
<!-- END google_analytics_code -->
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}"
vlink="{T_BODY_VLINK}">
<!-- BEGIN hitskin_preview -->
<div id="hitskin_preview" style="display: block;">
<h1><img src="https://2img.net/i/fa/hitskin/hitskin_logo.png" alt=""/> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br/>
<span>{hitskin_preview.U_INSTALL_THEME}<a href="https://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span>
</p>
</div>
</div>
<!-- END hitskin_preview -->
<!-- BEGIN inactive_users_modal -->
<div id="inactive_popup" style="z-index: 10000 !important;">
<table class="forumline" style="padding: 0px; width: 480px;" border="0" cellspacing="1"
cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{inactive_users_modal.L_MODAL_TITLE}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<span class="genmed">{inactive_users_modal.L_MODAL_BODY}</span>
<div id="inactive_popup_buttons">
<input type="button" id="inactive_popup_url" class="mainoption" value="{inactive_users_modal.L_MODAL_BUTTON}" />
<input type="button" id="inactive_popup_close" class="button" value="{inactive_users_modal.L_CLOSE}" />
</div>
</td>
</tr>
</table>
</div>
<script type="text/javascript">
$('#inactive_popup #inactive_popup_close').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
$('#inactive_popup').hide(50);
});
$('#inactive_popup #inactive_popup_url').on('mouseup', function () {
document.cookie = "modal_require_activation_closed=1; max-age=86400*15; path=/;";
location.href = '{inactive_users_modal.U_MODAL}'
})
</script>
<!-- END inactive_users_modal -->
<!-- BEGIN switch_login_popup -->
<div id="login_popup" style="z-index: 10000 !important;">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1"
cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}"/>
<input type="button" class="mainoption" value="{L_REGISTER}"
onclick="parent.location='{U_REGISTER}';"/>
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}"/>
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
<!-- BEGIN switch_quick_login -->
<tr>
<td class="row1" align="left" valign="top">
<div class="social_btn">
<!-- BEGIN fb_quick_connect -->
<div class="fb-login-button"></div>
<!-- END fb_quick_connect -->
<!-- BEGIN topicit_quick_connect -->
<div class="ti-connect"></div>
<!-- END topicit_quick_connect -->
</div>
</td>
</tr>
<!-- END switch_quick_login -->
</table>
</div>
<!-- END switch_login_popup -->
<!-- BEGIN switch_like_popup -->
<div id="like_popup" style="z-index: 10000 !important;">
<table class="forumline" width="{LIKE_POPUP_WIDTH}" height="{LIKE_POPUP_HEIGHT}" border="0" cellspacing="1"
cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LIKE_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="like_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}"/>
<input type="button" class="mainoption" value="{L_REGISTER}"
onclick="parent.location='{U_REGISTER}';"/>
<input id="like_popup_close" type="button" class="button" value="{L_LIKE_CLOSE}"/>
</form>
</div>
<span class="genmed">{LIKE_POPUP_MSG}</span>
</td>
</tr>
</table>
</div>
<!-- END switch_like_popup -->
<a name="top"></a>
{JAVASCRIPT}
<table class="bodylinewidth" width="{T_BODY_TABLE_WIDTH}" cellspacing="0" cellpadding="10" border="0" align="center">
<tr>
<td class="bodyline">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
<!-- BEGIN switch_logo_left -->
<td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
</td>
<!-- END switch_logo_left -->
<td align="center" width="100%" valign="middle">
<!-- BEGIN switch_logo_center -->
<a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
<br/>
<!-- END switch_logo_center -->
<div class="maintitle">{MAIN_SITENAME}</div>
<br/>
<span class="gen">{SITE_DESCRIPTION}<br/> </span>
</td>
<!-- BEGIN switch_logo_right -->
<td><a href="{U_INDEX}"><img loading="lazy" src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1"/></a>
</td>
<!-- END switch_logo_right -->
</tr>
</table>
<link href="https://fonts.googleapis.com/css?family=Montserrat:400,600,700&display=swap" rel="stylesheet"/>
<div class="navbar_arte">
<div class="avatar_navbar js-avatar"></div>
<div class="bloc_pseudo_search">
<script>if (_userdata["user_id"] == -1){ document.write('Bienvenue invité'); }</script>
<li>
<input type="hidden" name="tt" value="1" />
<input style="display:none" id="rposts" type="radio" name="show_results" value="posts" />
<input style="display:none" id="rtopics" type="radio" name="show_results" value="topics" checked="checked"/>
</li>
</div>
<div class="link_navbar">{GENERATED_NAV_BAR}</div>
</div>
<div style="clear: both;"></div>
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td align="left" class="row1">
<div id="fa_ticker_container">
<ul id="fa_ticker_content" class="jcarousel-skin-tango" style="display:none;">
<!-- BEGIN ticker_row -->
<li>{switch_ticker.ticker_row.ELEMENT}</li>
<!-- END ticker_row -->
</ul>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:4px;margin-bottom:4px;">
<table width="100%" border="0" cellspacing="0" cellpadding="0" class="forumline">
<tr>
<td align="left" class="row1">
<div id="fa_ticker_container">
<div id="fa_ticker" style="height:{switch_ticker.HEIGHT}px;">
<div class="fa_ticker_content">
<!-- BEGIN ticker_row -->
<div>{switch_ticker.ticker_row.ELEMENT}</div>
<!-- END ticker_row -->
</div>
</div>
</div>
</td>
</tr>
</table>
</div>
<!-- END switch_ticker -->
<div id="page-body">
<div id="{ID_CONTENT_CONTAINER}"{CLASS_CONTENT_CONTAINER}>
<table cellpadding="0" cellspacing="0" width="100%" class="three-col">
<tbody>
<tr>
<td valign="top" width="{C1SIZE}">
<div id="{ID_LEFT}">
<!-- BEGIN giefmod_index1 -->
{giefmod_index1.MODVAR}
<!-- BEGIN saut -->
<div style="height:{SPACE_ROW}px"></div>
<!-- END saut -->
<!-- END giefmod_index1 -->
</div>
</td>
<td valign="top" width="100%">
<!-- BEGIN html_validation -->
</td>
</tr>
</tbody>
</table>
</div>
</div>
</td>
</tr>
</table>
</body>
</html>
<!-- END html_validation -->
Il s'agit de la ligne <script>if (_userdata["user_id"] == -1){ document.write('Bienvenue invité'); }</script> qui permet d'écrire du texte si et seulement si la personne qui visite la page n'est pas connectée. C'est tout propre normalement !
- le Ven 26 Mai 2023 - 17:11
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Ajout des notifications dans la barre de navigation et vu du profil en cliquant sur l'avatar
- Réponses: 6
- Vues: 526
Décorations de noël trop hautes
Bonjour,C'est un problème de profondeur, de z-index, qui n'est pris en compte que si vous positionnez la propriété CSS position. Rajoutez simplement un peu de code CSS sur votre élément #fa_toolbar :
- Code:
#fa_toolbar {
position: relative;
}
Et hop, la barre repassera par-dessus les guirlandes !
- le Dim 12 Déc 2021 - 11:52
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Décorations de noël trop hautes
- Réponses: 8
- Vues: 656
Probleme de notifications dans la barre de nav modernBB
BonjourNormalement avec le deuxième lien que j'ai donné, les codes fournis permettent d'ouvrir une petite fenêtre avec la liste des notifications reçues (comme ici en gros quand on clique sur l'encart notifications en haut à droite), c'est ça qui ne marche pas, en plus de ne pas avoir l'indication du nombre de notifications non lues.
Pour les codes, ils sont dans les liens, en, libre d'accès, je n'ai rien touché de plus, mais les voici:
Le javascript
- Spoiler:
- $(function(){
function majNotification(){
// On récupére le contenu des notifications de la toolbar
var contentNotif = $('#fa_notifications')[0].outerHTML;
contentNotif += $('#fa_notifications + #notif_list')[0].outerHTML;
if(firstTime){
// Si on arrive sur la page la première fois,
// on ajoute une classe sur le li qui contient le lien des notifs
// Et on remplace le contenu par celui récupéré plus haut
$('.navbar.navlinks').find('a.mainmenu[href="/profile?mode=editprofile&page_profil=notifications"]').parent('li').addClass('link-notifs').html(contentNotif);
// On indique qu'on a déjà vérifié la toolbar une fois
firstTime = false;
}else{
// Si on a déjà vérifié la toolbar une fois
// dans ce cas, on se contente de mettre les notifs à jour
$('.navbar.navlinks').find('.link-notifs').html(contentNotif);
}
}
// Au chargement de la page, on indique qu'on n'a pas encore vérifié la toolbar
var firstTime = true;
// Au chargement de la page, on attend 1 seconde (1500 ms), on appelle notre fonction
setTimeout(function(){
majNotification();
}, 1000);
// Puis, toutes les 30 secondes (30000 ms) on appelle à nouveau notre fonction
setInterval(function(){
majNotification();
}, 30000);
$('body')
// Au clic sur le lien des notifications dans la barre de navigation
// On lui ajoute une classe pour déplier la liste des notifs
.on('click', '.navbar .link-notifs #fa_notifications', function(evt){
evt.preventDefault();
$(this).parent().toggleClass('notification');
});
});
Le CSS
- Spoiler:
- body{
margin-top:0 !important;
}
.headerbar{
overflow: inherit;
}
.is-sticky#headerbar-top.w-toolbar {
top: 0px !important;
}
#fa_toolbar,
#fa_toolbar_hidden{
display:none;
}
.navbar > li{
position: relative;
}
.navbar #fa_notifications {
color: #fff;
cursor: pointer;
line-height: 30px;
padding: 0 5px
}
.navbar #fa_notifications.unread{
color: red;
}
.navbar #fa_notifications:hover{
color: #000;
}
.navbar #notif_list{
background-color: #fdfdfd;
border: none;
border-radius: 5px;
box-shadow: 0 0 9px rgba(0,0,0,0.3), 0 0 1px 1px rgba(0,0,0,0.2);
color: #333;
display: none;
font-size: 1.3rem;
list-style-type: none;
margin: 0;
padding: 10px;
position: absolute;
text-align: left;
top: 42px;
width: 200px;
z-index: 999;
}
.navbar #notif_list li{
margin: 4px 0;
opacity: .5!important;
}
.navbar .notification #notif_list {
display: block;
}
.navbar #notif_list .content a{
color: #000;
font-weight: bold;
padding: 0;
}
.navbar #notif_list .see_all a{
background: #333;
border: 1px solid #333;
color: #fdfdfd;
}
.navbar #notif_list .see_all a:hover{
background: #fdfdfd;
color: #333;
}
.navbar #notif_list li.see_all{
opacity: 1!important;
}
.navbar #notif_list li.see_all,
.navbar #notif_list li.unread {
opacity: 1!important;
}
- le Dim 19 Juil 2020 - 12:41
- Rechercher dans: Corbeille & Titres non explicites
- Sujet: Probleme de notifications dans la barre de nav modernBB
- Réponses: 5
- Vues: 1766
Bouton avertissement rapide admin et modo non visible
BonjourVoici les widget le code javascript et CSS que j'ai rentré
Widget:avertissement modo
Widget: avertissement admin
Javascript: avertissement rapide modo et admin
Les CSS
question il a t'il une erreur dans les code que j'ai rentrer ou mon souci viens des templates
- le Lun 16 Oct 2017 - 19:43
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Bouton avertissement rapide admin et modo non visible
- Réponses: 15
- Vues: 3170
Probleme avec le header de fond aléatoire
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis le début
Lien du forum : http://14v24.forumactif.org/
Description du problème
Bonjour,Après avoir suivi les indications trouvées sur ce forum (https://forum.forumactif.com/t275674-banniere-aleatoire-pour-headers-en-fond-de-page) pour installer une bannière de fond aléatoire, cela ne marche absolument pas...
- mon css:
- /*--------------------------------------------
COULEURS
marron : #282522
bleu : #1000ff
fuschia : #ff00d2
jaune : #c0ff00
gris : #e8e8e8
--------------------------------------------*/
/*--------------------------------------------
WACKY NEWS
--------------------------------------------*/
.news {
background:#f2f2f1;
padding:5px;
padding-left:40px;
padding-right:40px;
font-family:Playfair display;
text-align:justify;
font-size:10px;
color:#000;
}
.news_issue {
font-family:Playfair display;
text-transform:uppercase;
font-size:8px;
margin-top:-3px;
letter-spacing:2px;
color:#d7d7d7;
margin-left:-20px;
}
.news_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:59px;
text-align:center;
font-weight:bold;
margin-top:-10px;
letter-spacing:1px;
color:#000;
border-bottom:1px solid #000;
line-height:59px;
padding-bottom:5px;
}
.news_chapeau {
font-family:Playfair display;
text-transform:uppercase;
font-size:13px;
letter-spacing:1px;
margin-top:-10px;
color:#000;
}
.news table{
width:420px;
valign:top!important;
}
.news table td {
width:200px;
font-family:Playfair display;
font-size:11px;
valign:top!important;
line-height:13px;
}
.news table td a {
font-family:Playfair display;
font-style: italic ;
font-weight:bold;
color:#000!important;
}
.news table td a:hover {
color:#efc900!important;
}
.news_col_titre {
font-family:Playfair display;
text-transform:uppercase;
font-size:15px;
font-weight:bold;
text-align:left;
}
.news_img {
width: 200px;
height: 75px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
}
body {
background-color: #282522;
}
.ban1 { background-image: url('ttps://img4.hostingpics.net/pics/628786bann01.png'); z-index:1000!important;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png');z-index:1000!important; }
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png');z-index:1000!important; }
/* .ban1 { background-image: url('https://2img.net/r/hpimg4/pics/628786bann01.png'); background-position: top center;
background-repeat: no-repeat;}
.ban2 { background-image: url('https://2img.net/r/hpimg4/pics/195713bann02.png'); background-position: top center;
background-repeat: no-repeat;}
.ban3 { background-image: url('https://2img.net/r/hpimg4/pics/848840bann03.png'); background-position: top center;
background-repeat: no-repeat;}*/
/*--------------------------------------------
FICHE RELATIONS
--------------------------------------------*/
.relations {
float:left!important;
}
.relations_caractere{
background: #fff;
width:117px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.relations_caractere:hover{
color:#1ed8d7;
}
.relations_caractere2{
background: #fff;
width:242px;
font-family:Playfair display;
text-align:center;
letter-spacing:1px;
padding:2px;
font-size:10px;
text-transform:uppercase;
color:#efc900;
float:right!important;
margin:2px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.relations_caractere2:hover{
color:#1ed8d7;
}
/*--------------------------------------------
page d'accueil
--------------------------------------------*/
.pa_txt_cont {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#efc900;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:10px;
line-height:30px;
letter-spacing:5px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_txt_cont:hover {
color:#1ed8d8;
}
.pa_txt_news {
font-family:Playfair display;
font-weight:bold;
font-size:30px;
text-transform:uppercase;
color:#1ed8d8;
float:right!important;
text-align:left;
margin-top:-97px;
margin-right:20px;
line-height:30px;
letter-spacing:5px;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_txt_news:hover {
color:#efc900;
}
#over {
height:100px;
width:390px;
overflow:hidden;
position:relative;
display:inline-block;
}
#over img {
height:100px;
width:390px;
position:absolute;
top:0px;
left:0px;
-webkit-transition:left 1s linear;
transition:left 1s linear;
}
#over div.textset {
height:90px;
width:280px;
padding:5px;
background:#fff; /*FOND DU TEXTE RP ET MEMBRE DU MOIS*/
overflow:auto;
text-align:justify;
}
#over:hover img {
left:-350px;
-webkit-transition:left 1s linear;
transition:left 1s linear;
}
.pa_predef_img{
height:33px;
width:33px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}
.pa_staff{
height:69px;
width:122px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
float: left;
margin-right:3px;
margin-bottom:3px;
}
.pa_tab_gen {
width:100%;
height:309px;
margin-left:2px;
}
.pa_line1 {
height:100px;
width:100%;
}
.pa_line2 {
height:100px;
width:100%;
}
.pa_line3 {
height:60px;
width:100%;
padding-left:5px;
}
.pa_pred {
width:253px;
margin-left:10px!important;
background:#fff;
height:74px;
padding-top:3px;
padding-left:4px;
}
.pa_liens {
height:18px;
width:194px;
background:#fe786d;
margin-bottom:2px;
margin-top:2px;
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_liens a{
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
color:#000!important;
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.pa_liens a:hover {
color:#fe786d;
}
.pa_liens:hover {
background:#fff;
}
.pa_part {
height:32px;
width:790px;
padding-left:5px;
}
/******************************SLIDESHOW********************/
.contener_slideshow
{
width:392px;
height:100px;
overflow: hidden;
position: relative;
background-image: url(YOUR-URL-IMAGE.png);
}
.slid_1, .slid_2, .slid_3
{
position: absolute;
width:392px;
height:100px;
}
.slid_1{left: 0;}
.slid_2{left: 392px;}
.slid_3{left: 784px;}
.contener_slide
{
width: 784px;
height: 100px;
left:0px;
position: absolute;
-webkit-animation-duration: 10s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-name: anim_slide;
-moz-animation-duration: 10s;
-moz-animation-iteration-count:infinite;
-moz-animation-name: anim_slide;
-ms-animation-duration: 10s;
-ms-animation-iteration-count:infinite;
-ms-animation-name: anim_slide;
animation-duration: 10s;
animation-iteration-count:infinite;
animation-name: anim_slide;
}
@-webkit-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-moz-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@-ms-keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
@keyframes anim_slide
{
0% {left:0px;}
22% {left:0px;}
33% {left:-392px;}
45% {left:-392px;}
66% {left:-784px;}
90% {left:-784px;}
}
/*--------------------------------------------
Barre de navigation + toolbar
--------------------------------------------*/
/*Retire faq & calendrier*/
a.mainmenu[href="/calendar"] {display: none !important;}
a.mainmenu[href="/faq"] {display: none !important;}
/* FOND TOOLBAR */
#fa_toolbar {
padding-top:0px !important;
background:#f8f2e2!important; /* MODIFIABLE */
}
/* BORDURE AVATAR TOOLBAR */
.fa_avatar {
float:left; position:relative; z-index:5; margin-left:20px; margin-right:15px; margin-top:-5px;
width:40px; height:50px; border-radius:75px; overflow:hidden; border:7px solid;
border-color:#f8f2e2; /* MODIFIABLE */
}
.fa_avatar img{
width:100px;
}
#fa_right {
float:left !important;
}
/* MENU TOOLBAR */
ul#fa_menulist {
z-index:3 !important; margin-top:-20px !important; border:none !important;
background:#fff !important; /* MODIFIABLE */
margin-left:-60px;
}
/* LIENS MENU TOOLBAR */
#fa_menulist a:link, #fa_menulist a:visited {
color:#18beb2 !important; /* MODIFIABLE */
font-size:10px;
font-family: "Open sans";
}
#fa_menulist a:hover{
color:black !important; /* MODIFIABLE */
}
/* BARRE DE NAVIGATION */
#navSIT {
position:fixed; z-index:20003 !important;
top:5px; right:25px;
}
#navSIT img{
width:20px;margin-right:5px;
}
/* LIENS NAVIGATION */
#navSIT a{
text-transform:uppercase; text-align:center; font-size:12px; font-family:Arial;
color:#18beb2; /* MODIFIABLE */
transition:all .65s linear; -webkit-transition:all .65s linear;
}
/* SURVOL LIEN NAVIGATION */
#navSIT a:hover {
color:lightgrey !important; /* MODIFIABLE */
}
/* MENU RECHERCHE */
#search_menu {
top:25px !important; left:5% !important;
}
#search_menu a{
background:none !important; border:none !important; color:inherit !important;
}
/* SUPPRESSION ELEMENTS TOOLBAR */
#fa_share {
display:none !important;
}
#fa_icon {
opacity:0 !important;
}
a#fa_service {
opacity:0 !important;
}
#fa_search {
display:none !important;
}
#fa_hide {
display:none !important;
}
/*NOTIF*/
#fa_right a.rightHeaderLink {
margin-left:10px;
color:e#fc900 !important;
font-size:12px;
}
#fa_welcome {
background:none !important;
font-size:12px;
}
div#fa_usermenu {
display:none !important;
}
/*--------------------------------------------
Affichage liste des membres
--------------------------------------------*/
/* BLOC LISTE DES MEMBRES */
#LMBER {
width:700px; margin:auto;
}
/* BLOC MEMBRE */
#MBER {
float:left; width:220px; height:210px; margin:5px;
}
/* PSEUDONYME */
.nameLMBER{
margin-bottom:5px;
width:215px; padding-left:5px;
text-align:left; text-transform:uppercase;
}
/* INFORMATIONS */
.stsLMBER {
display:inline-block; vertical-align:top;
width:100px; font-size:11px;
}
/* CONTENU INFORMATIONS */
.stsLMBER div{
margin:5px 0; padding:5px;
background:white; color:black; /* MODIFIABLE */
}
/* IMAGES PROFIL & WWW */
.mpwLMBER {
background:none !important;
}
/* AVATAR MINIATURISE */
#imgLMBER {
display:inline-block; margin-left:10px; width:100px; height:160px; overflow:hidden;
}
.imgLMBER {
position:relative;
width:100px; height:160px; overflow:hidden;
}
.imgLMBER div img{
position:absolute; margin-left:-50px; width:100px;
transition:all 0.85s linear; -webkit-transition:all 0.85s linear;
}
#imgLMBER:hover .imgLMBER div img{
transform:translateX(100px); -webkit-transform:translateX(100px);
}
/* HUMEUR */
.imgLMBER span {
position:absolute;
width:90px; height:150px; padding:5px; overflow:auto;
text-align:justify; font-size:10px;
background:rgba(0,0,0,0.6); color:white; /* MODIFIABLE */
transform:translateX(-150px); -webkit-transform:translateX(-150px);
transition:transform 0.85s linear; -webkit-transition:transform 0.85s linear;
}
#imgLMBER:hover .imgLMBER span{
transform:translateX(-50px); -webkit-transform:translateX(-50px);
}
/* AFFICHAGE GROUPES LISTE DES MEMBRES */
.grpLMBER {
display:block; margin:5px auto; padding:5px;
text-transform:uppercase; font-weight:bold; font-size:12px;
border:1px solid black; /* MODIFIABLE */
}
/*--------------------------------------------
Messages privés
--------------------------------------------*/
#ava_mp img{
width: auto;
height: auto;
max-height: 200px; /*hauteur max*/
}
#mp_read {
min-height: 150px;
width 470px!important;
background: #f9f3e2;
margin-top:10px!important;
padding: 10px 15px 20px 15px;
margin-top: -15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;
}
#private_message {
padding:5px;
}
#un_mp {
background:#b1a86b;
}
* {
font-family: Tahoma, Verdana, Arial, serif, Georgia, Courier New;
}
/*****************INFOBULLE**************/
.infobulle_txt {
width:200px !important;
height:100px!important;
overflow:auto;
}
a.infobulle {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */
}
a.infobulle span {
display: none; /* on masque l'infobulle */
font-size: 10px;
}
a.infobulle:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
bottom: 20px; /* on positionne notre infobulle */
width:200px;
height:100px;
background: #faf1cc;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
color: #576186;
padding: 10px;
border: 1px solid #f2da7d;
}
.infobulle2_txt {
width:250px !important;
height:70px!important;
overflow:auto;
}
a.infobulle2 {
position: relative;
color: #576186;
text-decoration: none;
background: none; /* correction d'un bug IE */
}
a.infobulle2 span {
display: none; /* on masque l'infobulle */
font-size: 10px;
}
a.infobulle2:hover {
background: none; /* correction d'un bug IE */
z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.infobulle2:hover span {
display: inline; /* on affiche l'infobulle */
position: absolute;
overflow:auto;
bottom: 20px; /* on positionne notre infobulle */
width:250px;
height:70px;
background: #fff;
color: #576186;
padding: 10px!important;
border: 5px solid #ff786e;
}
/******************************************************* DÉBUT CATÉGORIES *******************************************************/
/*Catégorie*/
.cate {
margin: auto;
background:#fdfbef;
margin-bottom: 0px;
width: 800px !important;
}
/*Fond du titre de la catégorie*/
span.cate_title {
display: block;
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/03_cod10.jpg');
width: 800px;
padding-top:50px;
height: 118px!important;
z-index:1!important;
}
/*Titre de la catégorie*/
.cate_title h2 {
display: block;
margin: 0px;
padding: 0px;
font-family: 'Miniver', cursive;
font-size: 36px;
color: #00eaff;
font-weight: normal;
letter-spacing: 1px;
}
/*Bloc de chaque forum*/
.forum {
width: 780px;
margin-bottom:15px;
margin-left:20px;
text-align: center;
color: #7b848f;
}
/*Section gauche*/
.forum_left {
width: 110px;
padding:5px;
background:url('https://2img.net/r/hpimg15/pics/397663fondavatar.png') no-repeat;
}
/*avatar dernier posteur*/
.lastpost_ava img{
width: auto;
height: auto;
max-height: 149px; /*hauteur max*/
}
.imgnew {
margin-top:-14px;
position:absolute;
margin-left:32px;
}
/*Section milieu*/
.forum_center {
width: 433px;
height: 167px !important;
text-align: center;
background:url('https://2img.net/r/hpimg15/pics/883206fondforum.png') no-repeat;
color:#fff;
}
/*Section droite*/
.forum_right {
width: 210px;
padding:5px;
padding-left:0px;
margin-left:-10px!important;
text-align: center;
background:url('https://2img.net/r/hpimg15/pics/146605fondforumright.png') no-repeat ;
}
/*Titre du forum*/
a.forumlink {
font-family: 'Miniver', cursive;
font-size: 25px;
color: #ff786e!important;
font-weight: lighter;
letter-spacing: 2px;
transition: 0.5s;
-webkit-transition: 0.5s;
text-shadow: 1px 1px #efc900;
}
/*Titre du forum survolé*/
a.forumlink:hover {
text-decoration: none!important;
letter-spacing: 4px !important;
color:#efc900 !important;
}
/*Bloc de la description du forum*/
.forum_desc_container {
width: 395px;
padding-left:8px!important;
}
/*Bloc liens importants*/
.forum_desc_liens {
font-family: 'Playfair Display', serif;
font-size: 11px;
text-align: center;
text-transform:uppercase;
height:16px;
}
.forum_desc_liens a{
color:#fff!important;
}
/*Description du forum*/
.forum_desc{
height: 45px;
padding:5px;
font-family: 'Open Sans', sans-serif;
font-size: 10px;
line-height:11px;
text-align: justify;
overflow: auto;
margin-bottom:-20px;
}
/*Sous-forums*/
.forum_sous_forums {
text-align: center;
transition: 0.5s;
-webkit-transition: 0.5s;
font-size: 9px;
color:#d2a101;
}
.forum_sous_forums a{
font-family: 'Playfair Display', serif;
font-size: 9px;
letter-spacing:0.5px;
text-align: center;
text-transform:uppercase;
}
/*Statistiques*/
.forum_stats {
font-family: 'Playfair Display', serif;
font-size: 16px;
line-height:17px;
letter-spacing:1px;
text-transform:uppercase;
color:#fff;
padding-left: 15px;
}
.esperluette {
font-family: 'Playfair Display', serif;
font-size: 60px;
}
.stats_nbr {
float:right;
margin-right:25px!important;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
/*Dernier message*/
.forum_last_mess {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:11px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;
}
/*Placement du titre du dernier message*/
.forum_last_mess a {
margin-bottom: 3px;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
text-transform:none!important;
text-decoration:none;
}
.forum_last_mess a:hover{
color:#00eaff;
letter-spacing:1px !important;
text-decoration:none !important;
}
/*Mise en forme de l'auteur du dernier message*/
.forum_last_mess a.gensmall, .forum_last_mess a.gensmall strong {
display: inline;
margin-bottom: 0px;
font-family: 'Open Sans', sans-serif;
font-style: normal;
font-weight: normal!important;
font-variant: normal;
font-size: 11px;
text-transform:none!important;
text-shadow : 1px 1px #fff;
}
/*--------------------------------------------
BOUTON SELECTIONNER
--------------------------------------------*/
.selectCode { float:right; text-transform: uppercase; font-size:10px; letter-spacing:1px; cursor:pointer; }
div.cont_code { clear: right; }
/*--------------------------------------------
QUOTES, CODES & SPOILERS
--------------------------------------------*/
.quote{
background:#f3da7e;
border:none;
padding:5px;
}
.code{
background:#fe786d;
border:none;
padding:5px;
color:#fff;
}
.spoiler_closed
{
background-color:#1ed8d7; /*couleur de fond du spoiler fermé*/
border:none;
}
.spoiler_content
{
background-color:#ffffff; /*couleur de fond du spoiler ouvert*/
color:#1ed8d7; /*couleur de police*/
padding-top: 7px;
padding-bottom: 7px;
padding-left: 15px;
padding-right: 15px;
}
/*--------------------------------------------
PROFIL & MESSAGES
--------------------------------------------*/
/****** ONLINE / OFFLINE ************/
#offlineimg {
background-image: url('https://i.servimg.com/u/f58/19/51/69/41/online11.jpg');
width: 75px;
height: 15px;
}
/*******BTN EN SAVOIR PLUS********/
.bouton-profil {
cursor: pointer; /* curseur au survol */
margin: 2px 0; /* petite marge en haut et en bas */
padding: 2px; /* espacement entre le texte et la bordure */
text-align: center; /* centrage du texte dans le bloc */
/* -- mise en forme -- */
background: #1ed8d7; /* couleur de fond */
border: 1px solid #1ed8d7; /* bordure */
color: #fff; /* couleur texte */
font-size: 10px; /* taille du texte */
text-transform:uppercase;
font-family: 'Playfair Display', serif;
letter-spacing: 2px; /* espace entre les lettres */
transition:all 0.4s;
-moz-transition:all 0.4s; /* Mozilla Firefox */
-webkit-transition:all 0.4s; /* Safari et Google Chrome */
-o-transition:all 0.4s; /* Opera */
}
.bouton-profil:hover {
background: #fe786d; /* couleur de fond */
border: 1px solid #fd5f52; /* bordure */
color: #fff; /* couleur texte */
letter-spacing: 3px; /* espace entre les lettres */
}
.profil_rank {
font-family: 'Playfair Display', serif;
text-transform:uppercase;
background: #fdfbef;
letter-spacing:1px;
font-size:9px;
color:#18beb2;
text-align:center;
}
.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;
font-weight:lighter !important;
text-align: center !important;
height:25px;
width:200px;
}
div.pseudo{
font-family: 'miniver'!important;
font-size:20px;
text-transform:lowercase;}
.icon_profile {
background-color: #f9f3e2;
text-aling:center;
padding-top:5px;
margin-top:-10px;
}
.details_contener {
text-align:center;
z-index:100;
margin-bottom:15px;
background-color: #f9f3e2;
}
.postdetails {
font-family: 'Playfair Display', serif;
font-size:12px;
}
.date {
font-family: 'Open Sans', sans-serif;
font-size:9px;
color:#152147;
letter-spacing:1px;
}
.post-options {
text-align:center;
}
.sujet_title {
font-family: 'miniver'!important;
font-size: 20px;
letter-spacing:2px;
color:#1ed8d7;
text-align: center !important;
margin-top: 40px !important;
margin-bottom:-15px !important;
background:#f3da7e;
height:45px;
width:800px!important;
border-bottom: 2px solid #f3da7e;
transition:all 0.7s;
-moz-transition:all 0.7s; /* Mozilla Firefox */
-webkit-transition:all 0.7s; /* Safari et Google Chrome */
-o-transition:all 0.7s; /* Opera */
}
.titremess {
z-index:100 !important;
margin-top: 5px;
text-shadow: 1px 1px #ff7c74;
font-family: 'miniver'!important;
font-size: 20px;
}
.profil_avatar {
background-color: #f9f3e2;
width:200px;
height:360px;
padding:10px;
}
.corpsmess{
font-family: 'Open Sans', sans-serif;
font-size:12px;
min-height: 150px;
width 470px!important;
background:#fdfbef;
padding: 10px 15px 20px 15px;
position: relative;
z-index: 1;
text-align: justify;
color: #191919 !important;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
}
.corpsmess a{
color: #dd3602!important;
}
#profilmess{
font-size: 10px;
position: relative;
z-index: 3;
padding:10px;
}
.profil {
font-family: 'Open Sans', sans-serif;
background:#8aeeee;
margin-top:5px;
padding:5px;
}
.profil_line{
background:#a7f3f3;
margin-bottom:-15px;
padding:3px;
}
.profil_field img{ max-width: 200px;}
.profil_label {
font-family: 'Playfair Display', serif;
text-transform:uppercase;
letter-spacing:1px;
font-size: 10px !important;
line-height:16px;
font-size:900;
}
.profil_field {
color:#1a6d6d;
font-family: 'open sans', sans-serif;
font-size:8px;
}
.profil_rpg {
font-family: 'Playfair Display', serif;
font-size: 11px !important;
color:#1c2d2b!important;
line-height:12px;
background:#f3da7e;
margin-top:5px;
padding-bottom:5px;
padding-right:5px;
padding-left:8px;
}
.profil_rpg a{
font-family: 'Playfair Display', serif;
text-transform:lowercase;
font-size: 12px !important;
color:#e4d7c8;
margin-top:-10px !important;
margin-bottom:5px;
}
#messageapp {
background:#fdfbef;
color: #797270;
margin-top:-15px;
padding:10px;
padding-top:20px;
width:800px;
}
/*--------------------------------------------
AFFICHAGE DU PROFIL
--------------------------------------------*/
.container{
width:100%;
height:auto;
background:#fdfbef;
margin-left:auto;
margin-right:auto;
margin-top:35px;
overflow:hidden;
}
.top{
float: left;
width:100%;
height:120px;
background-color:#1ed8d7;
border-bottom: 1px solid #fff;
text-align:center;
}
.profil-img{
float:left;
width:120px;
height:120px;
border-radius:50%;
border:8px solid #fe786d;
background-color:#fff;
margin-left:15px;
margin-top:15px;
overflow:hidden;
}
.profil-img img{
width:125px;
}
.profil-name{
float:left;
margin-left:150px;
margin-top:20px;
height:auto;
color:#fff;
font-family: 'miniver';
font-size:35px;
position: absolute;
}
.rang_prof {
font-family: 'Playfair Display', serif;
text-transform:lowercase;
font-size: 15px;
line-height:25px !important;
color: #fff;
}
.middle{
float:left;
width:90%;
margin:40px 5%;
}
.descriptionProfil{
float:left;
width:90%;
height:auto;
font-family: 'open sans', sans-serif;
margin-bottom:20px;
margin-left: 35px;
font-size:13px;
color:#000;
background-color:#f8f2e2;
padding:15px 1%;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
}
.expand{
width:434px;
height:200px;
border: 3px solid #81d4fa;
}
.hidden{
display:none;
}
.info{
float:left;
margin-left:40px;
margin-bottom: 20px;
height:100px;
padding-top:6px;
padding-bottom:10px;
width:90%;
background-color:#f8f2e2;
-webkit-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
-moz-box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
box-shadow: 3px 3px 0px rgba( 0, 0, 0, .1);
height:auto;
}
.single-info{
float:left;
width:98%;
padding-left:2%;
color:#eeb601;
height:auto;
}
.info-title{
float:left;
width:20%;
margin-left:2%;
font-family: 'open sans', sans-serif;
}
.info-desc{
float:left;
width:78%;
font-family: 'open sans', sans-serif;
}
/******************************************************* DÉBUT Sujets *******************************************************/
.img_liste_sujets {
background:#fdfbef;
}
.sujet_forumlink {
background:#f9f3e2;
padding:5px;
padding-left:10px;
}
/*Bloc des sujets*/
.sujets {
margin: auto;
background-image: url('https://2img.net/r/hpimg4/pics/971652hautlistesujets.png');
background-repeat: no-repeat;
width: 790px;
margin-top:10px;
}
/*Titre du bloc des sujets*/
.sujets_top_title {
display: block;
width: 750px;
margin-top: 15px;
height:95px;
}
/*Liste des sujets*/
.sujets_list {
width: 790px;
padding-top: 10px;
padding-bottom: 0px;
text-align: left;
color: #7b848f;
background:#fdfbef;
margin-top:-20px;
}
/*Polices des éléments hors sujets*/
.sujets_font {
font-size: 12px;
font-family: 'Open Sans', sans-serif;
color: #7b848f;
}
/*Chaque sujet*/
.sujet {
position: relative;
width: 780px;
margin-bottom: 10px;
font-size: 12px;
font-family: 'Open Sans', sans-serif;
}
/*Type de sujet*/
.sujet_type {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #fe786d!important;
padding-left:5px;
text-transform: uppercase;
letter-spacing:1px;
}
/*Titre du sujet*/
a.sujetlink {
font-family: 'Playfair Display', serif;
font-size: 12px;
color: #000!important;
font-weight: normal;
margin-bottom:-3px;
text-decoration: none!important;
-webkit-transition: all 1s; /* pour navigateur webkit */
-moz-transition: all 1s; /* pour navigateur mozilla */
-o-transition: all 1s; /* pour navigateur opera */
transition: all 1s; /* pour les navigateurs récents */
}
/*Titre du sujet survolé*/
a.sujetlink:hover {
text-decoration: none!important;
font-weight:700;
color:#1ed8d7 !important;
}
/*Auteurs des sujets*/
.sujet_auteur a strong, .sujet_last_auteur a strong, .sujet_auteur a, .sujet_last_auteur a {
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-decoration:none;
font-weight:600;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
}
.sujet_stats_back {
font-family: 'Playfair Display', serif;
font-size: 10px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #fff;
background:url('https://2img.net/r/hpimg4/pics/661038stats.png') no-repeat left center;
}
.sujet_stats_back_txt {
font-family: 'Playfair Display', serif;
font-size: 8px;
letter-spacing:1px;
color: #fff;
margin-left:4px;
}
.sujet_stats_last {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
background:#f9f3e2;
padding:5px;
}
.sujet_stats {
font-family: 'Open Sans', sans-serif;
font-size: 8px;
line-height:9px;
text-transform:uppercase;
letter-spacing:1px;
color: #000;
}
/*--------------------------------------------
CHATBOX
--------------------------------------------*/
#chatbox_header .cattitle:before { content: "Le repère des détraqués | "; } /* Modifier NOM par le titre que vous désirez */
.fond_smileys{
background: url('https://i.imgur.com/adFe7.png')!important;
}
body.chatbox {
background-color: #fdfbef;
}
#chatbox_header .catBottom .cattitle {
color: #1ed8d7;
}
#chatbox_header .catBottom {
background : #1ed8d7;
}
#chatbox .cb-avatar, #chatbox .cb-avatar > img { width: 20px !important;}
#chatbox .cb-avatar { background: transparent !important; box-shadow: none !important; }
body #chatbox .cb-avatar { border: none !important; /*retirer la bordure*/ }
#chatbox .cb-avatar > img{ border-radius: 50% !important; }
#chatbox .user-msg .user, #chatbox .user-msg .msg {
display: inline;
}
#chatbox_members .cb-avatar > img {
height:30px;width:30px;
vertical-align: middle;
}
/*--------------------------------------------
TAILLE IMG FIL D'ARIANE
--------------------------------------------*/
.nav img{
max-width: 150px;
max-height: 150px;
margin-bottom:-5px;
}
.nav {
font-weight:lighter;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
line-height:9px;
text-transform:uppercase;
color: #fe786d!important;
}
/*--------------------------------------------
QEEL
--------------------------------------------*/
#TotalMembres {
position: absolute;
top:91px;
left:515px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
#TotalMessages {
position: absolute;
top: 180px;
left:512px;
font-family: 'Playfair Display', serif;
font-size: 15px;
}
#logged {
height:60px !important;
overflow: auto;
}
#DernierInscrit {
}
/* Positionnement du bloc des statistiques */
.stats_qeel {
position: absolute;
top: 159px;
left: 43px;
width: 180px;
height: 150px;
overflow: auto;
font-family: 'Open Sans', sans-serif;
font-size: 9px !important;
text-align: justify;
}
/* Positionnement du bloc des plumes présentes */
.plumes_presentes {
position: absolute;
top: 127px;
left: 489px;
width: 220px;
height: 185px;
font-family: 'Open Sans', sans-serif;
font-size: 9px;
text-align: justify;
}
/* Mise en forme des liens des plumes présentes */
.plumes_presentes a {
text-decoration: none !important;
}
/* Transparence des anniversaires et des dernières 24h */
#kaboum .row1 {
background-color : transparent;
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}
.qhh {
overflow: auto;
height:97px!important;
}
.row1 .gensmall {
font-family: 'Open Sans', sans-serif;
font-size: 9px!important;
}
/* Positionnement du bloc des groupes */
.groupes_qeel {
position: absolute;
top: 115px;
left: 325px;
width: 200px;
text-align: center;
}
/* Mise en forme des liens des groupes */
.groupes_qeel a{
font-family: 'Playfair Display', serif;
text-transform: lowercase;
font-size: 17px;
line-height: 35px;
color:#d8ccbe !important;
}
/*Titre des categories en image*/
.secondarytitle .titre_cate {
display: none;
}
.nav img.titre_cate_img {
display: none;
}
/***************************************** RETIRER LES BORDURES*********************************************/
.row3Right
{
border: none !important;
}
.thHead
{
border: none !important;
}
.thCornerL, .thCornerR, .thTop
{
border: none !important;
}
.thLeft, .thRight
{
border-left: none !important;
border-right: none !important;
}
.catLeft, .catRight
{
border: none! important;
}
.catHead
{
border: none !important;
}
.catBottom
{
border: none !important;
}
/*--------------------------------------------
LIENS
--------------------------------------------*/
a:hover{text-decoration: none !important; color:#18beb2 !important;}
a {text-decoration: none !important; transition:all 1s; color:#fe786d !important;
-moz-transition:all 1s; /* Mozilla Firefox */
-webkit-transition:all 1s; /* Safari et Google Chrome */
-o-transition:all 1s; /* Opera */}
a:link {text-decoration: none;}
a:visited {text-decoration: none; }
/* ONGLETS */
/************************************************ FICHE ************************************************/
/* On met en place la fiche et son image de fond */
.fiche {
position: relative;
margin: auto;
background-color: #f9f3e2;
padding-left:10px;
padding-right:10px;
}
/* On cache les input */
.fiche > input { display: none; }
/* On met les labels au centre */
.fiche .boutons { text-align: center; }
/* Mise en forme des labels/titre des onglets normal */
.fiche .boutons label {
margin-left: 4px;
margin-right: 4px;
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
cursor: pointer;
background:#fdfbef;
padding:10px;
padding-bottom:20px;
transition: all ease 0.5s;
}
/* Effet au survol des labels */
.fiche .boutons label:hover {
color: #1ed8d7;
transition: all ease 0.5s;
}
/* On met en place le bloc qui va contenir le contenu de chaque onglet */
.fiche .interne {
position: relative;
width: 448px;
height: 300px;
margin: auto;
margin-top:-10px;
background:#fdfbef;
}
/* On met en place et en forme le contenu de chaque onglet */
.contenu {
position: absolute;
top: 10px;
left: 10px;
width: 90%;
height: 260px;
padding: 10px;
margin: auto;
overflow: auto;
text-align: justify;
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}
/* Petit effet sur les b: on change la couleur */
.fiche .interne strong { color: #BA2F23; }
/* Fait le changement de style sur les labels sélectionnés */
.fiche #informations:checked ~ .boutons .lab.infos,
.fiche #physique:checked ~ .boutons .lab.phys,
.fiche #caractere:checked ~ .boutons .lab.car,
.fiche #histoire:checked ~ .boutons .lab.hist,
.fiche #ecran:checked ~ .boutons .lab.ecr {
color: #1ed8d7;
}
/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations:checked ~ .interne .contenu.infos,
.fiche #physique:checked ~ .interne .contenu.phys,
.fiche #caractere:checked ~ .interne .contenu.car,
.fiche #histoire:checked ~ .interne .contenu.hist,
.fiche #ecran:checked ~ .interne .contenu.ecr {
opacity: 1;
visibility: visible;
transition: all ease 0.5s;
}
/* Fait apparaitre le contenu de l'onglet sélectionné */
.fiche #informations ~ .interne .contenu.infos,
.fiche #physique ~ .interne .contenu.phys,
.fiche #caractere ~ .interne .contenu.car,
.fiche #histoire ~ .interne .contenu.hist,
.fiche #ecran ~ .interne .contenu.ecr {
opacity: 0;
visibility: hidden;
transition: all ease 0.5s;
}
/*--------------------------------------------
CODES PERSO
--------------------------------------------*/
.titre0 {
background:#1ed8d7;
font-family: 'miniver';
font-size: 35px;
color:#fff;
text-align:center;
letter-spacing:1px;
padding-top:15px;
padding-bottom:20px;
text-shadow: 1px 1px #ff7c74;
}
.soustitre0 {
font-family: 'Playfair Display', serif;
font-size:10px;
text-transform:uppercase;
margin-top:-20px;
text-align:center;
letter-spacing:1px;
}
.titre1 {
font-family: 'miniver';
font-size: 25px;
color:#fe786d;
}
.titre2 {
font-family: 'Playfair Display', serif;
font-size:9px;
text-transform:uppercase;
letter-spacing:1px;
color:#efca00;
margin-top:-5px;
}
.titre3 {
font-family: 'Playfair Display', serif;
font-size:12px;
text-transform:uppercase;
letter-spacing:1px;
margin-bottom:-10px;
border-bottom:1px solid #000;
}
.cadre {
background:#f9f3e2;
padding:10px;
padding-top:20px;
padding-bottom:20px;
border-top: 1px solid #fff;
}
.cadre2 {
background:#fdfbef;
margin-top:-20px;
padding:10px;
}
.cadre_important {
color:#fff;
padding:20px;
padding-left:80px;
background:url('http://icons.iconarchive.com/icons/graphicloads/100-flat/256/warning-icon.png') no-repeat #fe786d;
background-position:10px 20px;
background-size:60px;
text-align:justify;
}
.cadre_important a {
color:#efca00!important;
}
.petite_img {
width: 155px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
}
.petite_img2 {
width: 195px;
height: 105px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
}
.image_circu {
width: 120px;
height: 120px;
border: 6px solid #fff;
-webkit-border-radius: 120px;
-moz-border-radius: 120px;
border-radius: 120px;
background-size: cover !important;
background-repeat: no-repeat;
background-position: center !important;
position: center;
float:left
}
J'espère que vous aurez une réponse ~
Merci d'avance
- le Jeu 1 Juin 2017 - 15:59
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Probleme avec le header de fond aléatoire
- Réponses: 4
- Vues: 6438
Enlever image de fond.
Merci pour votre réponse,C'est fait mais aucun changement.
Est-ce que si je mets ici le contenu complet du CSS quelqu'un peut me dire si c'est quelque chose d'autre qui bloque ?
- Spoiler:
- .secondarytitle, .secondarytitle h2 {font-family:Arista 2.0;}
a.forumlink {font-family:Arista 2.0;}
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 40px;
margin: 0 5px;
border-radius: 10px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
body {
background-image: ( https://2img.net/r/hpimg11/pics/217017fonddcrandepsg31.jpg );
background-position: top center;
background-repeat: no-repeat;
background-attachment: fixed;
}
.mini_ava {
float: left;
}
.mini_ava img {
width: 30px;
height: 40px;
margin: 0 5px;
border-radius: 0px;
transition: all 2s;
-moz-transition: all 2s;
-webkit-transition: all 2s;
-o-transition: all 2s;
}
.mini_ava img:hover
{
width: 80px;
height: 80px;
}
.fa_avatar {
width: 25px;
height: 30px;
position: relative;
top: -3px;
margin-right: 5px;
border-radius: 3px;
margin-bottom: -15px;
}
/* Icônes couleur dans la palette */
.color-option {
display: inline-block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
border: 2px solid #fff !important; /* cadre blanc sur l'icône couleur */
margin: 3px !important; /* espace entre chaque icône */
box-shadow: 0 0 2px #778899; /* ombre */
cursor: pointer !important;
}
.color-option span{
display: block !important;
width: 15px !important; /* largeur de l'icône couleur */
height: 15px !important; /* hauteur de l'icône couleur */
}
.color-option, .color-option span {
border-radius: 0px; /* arrondi */
}
/* Palette complète - la largeur influence le nombre d'icônes affichées */
.sceditor-dropdown.sceditor-color-picker {
width: 200px !important; /* largeur de la palette complète */
height: 100px !important; /* hauteur de la palette complète */
padding: 5px !important;
border-radius: 5px !important;
}
.fpanel { position: fixed; }
.fpclose,.fpopen { cursor: pointer; }
.fpclose { display: none; }
#fp771 { top: 20%; right: -507px; }
#fp771 .fpcontent { width: 500px; }
.linklist
{
display:none;
}
a span[style="color:#0341FC"] strong {
background:url(https://i.servimg.com/u/f58/17/39/00/51/maillo11.png) no-repeat;
padding-left:20px;}
a span[style="color:#E60707"] strong {
background:url(https://i.servimg.com/u/f58/17/39/00/51/maillo11.png) no-repeat;
padding-left:20px;}
#fa_toolbar {
background-color: transparent !important; /* Rend transparent le fond principal */
}
#fa_right {
background-color: #000000; /* Couleur de fond */
border-radius: 0 0 40px 40px; /* Arrondis les bords */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
position: relative; /* Permet de décaler la toolbar */
right: 20px; /* Décale la toolbar de la droite */
}
#fa_left {
background-color: #000000; /* Couleur de fond */
border-radius: 0 0 0 40px; /* Arrondis les bords */
position: relative; /* Permet de décaler la toolbar */
left: 20px; /* Décale la toolbar de la gauche */
margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
}
#fa_search {
background-color: #000000; /* Couleur de fond */
margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
}
#fa_share {
background-color: #000000; /* Couleur de fond */
border-radius: 0 0 40px; /* Arrondis les bords */
position: relative; /* Permet de décaler la toolbar */
left: -20px; /* Décale la toolbar de la gauche */
margin-top: -1px; /* Petite correction d'1px - Peut dépendre de votre forum (peut être retirée) */
padding-left: 10px; /* Règle la marge intérieure gauche */
padding-right: 10px; /* Règle la marge intérieure droite */
}
/*cacher sa présence en ligne*/
input[name=hideonline] {
display: none;
}
- le Ven 30 Déc 2016 - 15:27
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Enlever image de fond.
- Réponses: 5
- Vues: 1291
Widgets simplement sur la page d'accueil du forum
je crois que vous n'avez pas bien compris, JE N"AI AUCUN CODE dans la feuille CSS.tout est passe dans le PA.....
je veux bien que vous m'expliquer comment supprimer une code que le template genera automatiquement quand on coche une option du PA, et je reconfirme : Je n'ai aucun code dans la feuille CSS qui touche a la largeur des colonnes ! (zut edit pas pris, bon je re edite !)
ma feuille CSS
- Spoiler:
- [code]
/* me rappelle plus l\'utilite de ce script */
div#logostrip #logo{
padding: 0px !important;
margin: 0px !important;
}
#site-desc{ margin: 0px; padding: 0px;
}
/* taille et position de l\'imagette nouveau message prive */
#i_icon_mini_new_message {position: fixed;
top: 196px; right: 178px;
width: 170px; height: 170px;
}
/* rajoute, resize et positionne l\'avatar de l\'inscrit dans la Toolbar */
.fa_avatar {
width: 30px;
height: 20px;
position: relative;
top: -6px;
margin-right: 20px;
border-radius: 3px;
margin-bottom: -10px;
}
/* affiche une image de fond (degradee pour suivre la banniere) pour la Toolbar */
#fa_toolbar, #fa_toolbar_hidden {
background-image: url(\'https://i.servimg.com/u/f55/14/18/18/04/toolba12.jpg\');
left: 0px;
}
/* supprime le Bouton icone date dans le panneau message rapide */
a.sceditor-button-date{
display: none;
}
/* supprime le Bouton icone heure dans le panneau message rapide */
a.sceditor-button-time{
display: none;
}
/* rajoute un bouton selection du contenu dans le tableau d\'une balise */
.selectCode { float:right; text-transform: uppercase; cursor:pointer;
}
div.cont_code { clear: right;
}
/* couleur lien visite pour les barres de separation, ce code pour les liens visites eux-memes */
a:visited {
color: #666666;
}
/* augmente la hauteur visible du panneau de la balise [code] sans scroller */
.codebox dd {
overflow: auto;
max-height: 400px;
}
/* permet de regler la hauteur du menu sous la banniere */
#submenu {
background: #bbb;
color: #141317;
padding: .4em 0.45em;
text-align: right;
}
/* coins arrondis sur les avatars */
.postprofile-details.postdetails dt img {
box-shadow: 1px 1px 2px #000;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
-o-border-radius: 5px;
-m-border-radius: 5px;
border-radius: 5px;
}
/* taille maximale visible de la signature */
div.signature_div {
max-width: 100%;
max-height: 90px;
overflow: hidden;
}
.vote-bar{
width:30px !important; height:2px !important;
float:right;
}
.vote-bar-plus{
width: 30px; height:2px !important;
background:#C6CCD4 !important;;
}
/* alignement en hauteur du widget derners sujets par rapport a l'index */
#content-container div#right {
margin-top: 28px;
}
/* Position du bouton Merci + */
.vote {
margin-right: 70px;
margin-top: 17px;
}
/* supprime les widgets des autres pages que l'index */
#right,#left{
display:none;
}
[/code]
.
- le Mer 2 Mar 2016 - 13:14
- Rechercher dans: Archives des problèmes avec l'apparence du forum
- Sujet: Widgets simplement sur la page d'accueil du forum
- Réponses: 24
- Vues: 3691
Soucis avec la barre de navigation flottante au dessus de la toolbar
Bonsoir,J'ai réussi à résoudre le 1er probléme :
Quelqu'un aurait une solution s'il vous plaît ?
Probléme visible sur http://forumessai.superforum.fr/ en enlevant la barre de navigation flottante et remontant au max..
Merci à vous, cordialement.
- le Mer 21 Oct 2015 - 20:03
- Rechercher dans: Archives des problèmes avec un code
- Sujet: Soucis avec la barre de navigation flottante au dessus de la toolbar
- Réponses: 11
- Vues: 1517
L'ouverture de la toolbar décale la barre de navigation
Détails techniques
Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : 7 septembre 2015
Lien du forum : http://huhugaf.forumactif.fr/
Description du problème
Bonjour ! D'avance merci aux personnes qui sauront m'aider dans la résolution de mon problème. Je pense que ce n'est pas quelque chose de sorcier, mais comme je galère... Je préfère autant faire appel à vous !Je prépare actuellement la future version de mon forum. Ce matin, je me suis rendu compte que j'avais oublié d'activer la Toolbar sur mon forum de test afin de l'assortir au reste du thème. Et là, patatra ! Lorsque la toolbar s'ouvre, la barre de navigation est décalée vers le bas et sort du cadre qui lui est assigné (cf capture d'écran). L'ennui, c'est que cela ne le fait pas sur mon "vrai" forum (où figure ancienne version), où la navigation est présentée de la même façon (http://yuck-it-up.forumactif.com). Les deux codes propres à la barre de navigation et à la toolbar sont identiques (à part pour les couleurs et les margin), donc je ne comprends pas pourquoi dans un cas ça décale et pas dans l'autre... Je vous donne mes codes, sait-on jamais. Ils sont sous balise hide !
- le Lun 7 Sep 2015 - 11:54
- Rechercher dans: Archives des problèmes avec un code
- Sujet: L'ouverture de la toolbar décale la barre de navigation
- Réponses: 2
- Vues: 1403