Fond des menus du thème Oxygen pas de blanc [Réglé]
chulukai Membre non connecté
Booster Roquette
- Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
J'ai installer le thème Oxygen v2 sur le noyau 4.1.1 le fond des menus à gauche et news au centre n'est pas blanc comme montré en Prévisualisation: sur l'image. Il n'y a pas de boutons textes "Menu horizontal dans le top-header " (accueil, articles, documentation,forum) dans le haut de la page.
vous pouvez vérifier sur mon site http://gratiweb.info en bas à gauche "changer le thème"
Merci
Édité par chulukai Le 10/08/2014 à 23h51
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
chulukai Membre non connecté
Booster Roquette
- Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
ElenWii :
Le global se ferme trop tôt, Tu as modifié un élément dans le tpl ?
Aucune modification... pas doué pour ça Je n'ai qu'ajouté un Copyright © dans body.tpl. et le problème y était avant que j'ajoute le Copyright ©
Voici le global.tpl
Caché :
Code TPL :
/* -------------------------------------- global.css Contient les classes globales au site, peuvent etre utilisees partout. --------------------------------------*/ /* La mise en forme du texte -------------------------------------------*/ /* --- Les liens du site --- */ a { color: #333333; text-decoration: none; font-weight: bold; } a:hover { color: #222222; text-decoration: underline; } /* --- Les liens des utilisateurs --- */ a.admin { color: #FFA34F; } a.modo { color: #006699; } a.member { color: #000000; } /* --- Les differentes tailles de polices --- */ .smaller { font-size: 10px; } .small { font-size: 12px; } .big { font-size: 16px; } .bigger { font-size: 18px; } .biggest { font-size: 20px; } /* --- Les titres (balise h) --- */ h1 { font-size: 21px; } h2 { font-size: 19px; } h3 { font-size: 18px; } h4 { font-size: 17px; } h5 { font-size: 16px; } h6 { font-size: 15px; } /* --- Les Titres bbcode --- */ .formatter-title { display: inline; } h3.formatter-title, h4.formatter-title { border-bottom: 1px solid #366393; } /* Titre 1 */ h1.formatter-title { } /* Titre 2 */ h2.formatter-title { margin-left: 20px; } /* Sous titre 1 */ h3.formatter-title { margin-left: 40px; } /* Sous titre 2 */ h4.formatter-title { margin-left: 60px; } /* --- Les liens vers wikipedia --- */ a.wikipedia-link:before { content: url('../../default/images/wikipedia_icon.png'); vertical-align: middle; padding-right: 2px; } a.wikipedia-link { border-bottom: 1px dotted; } /* -- Mise en forme du contenu -- --------------------------------------*/ /* --- Affichage du mini calendrier --- */ .calendar-block { position: absolute; border: 1px solid #999999; bottom: 0; left: 100px; z-index: 100; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); border-radius: 3px; } .calendar-block .date-picker { margin: 0px; width: 172px; table-layout: fixed; } .calendar-block .date-picker select { border: none; font-size: 10px; padding: 3px 0px; } .calendar-block .date-picker select, .calendar-block .date-picker select:focus { box-shadow: none; max-width: 75px; } .calendar-block .date-picker th { padding: 1px 0px; background: #FFFFFF; } .calendar-block .date-picker th a { color: #666666; } .calendar-block .date-picker tbody tr { text-align: center; padding: 0px; } .calendar-block .date-picker td { height: 23px; padding: 1px 2px; } .calendar-block .date-picker tbody tr:first-child { font-weight: bold; } .calendar-block .date-picker tbody tr:last-child { border-bottom: none; } .calendar-block .date-picker tbody tr:first-child td { border-top: 1px solid #999999; } .calendar-block .date-picker tbody tr td:first-child { border-left: none; } .calendar-block .date-picker tbody tr td:last-child { border-right: none; } .calendar-block .date-picker tbody tr td.calendar-none { background: #FFFFFF; } .calendar-block .date-picker tbody tr td.calendar-today { background: #B5E5B9; } .calendar-block .date-picker tbody tr td.calendar-event { background: #DBE5EE; } .calendar-block .date-picker tbody tr td.calendar-weekend { background: #FFE3B6; } /* --- les blocs bbcode --- */ .bbcode-block { position: absolute; text-align: center; padding: 6px 4px; bottom: 2px; z-index: 100; background: #F3F3F3; border-radius: 3px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid #AAAAAA; } .bbcode-block a { cursor: pointer; text-decoration: none; } /* --- Le selecteur de couleur --- */ .color-picker { position: absolute; z-index: 100; } .color-picker .bbcode-block { left: 80px; } .color-picker .bbcode-block table { border-collapse: collapse; margin: auto; border: none; } .color-picker td { padding: 0px; border: 1px solid #F3F3F3; } .color-picker td a { display: block; width: 14px; height: 14px; } /* --- les blocs de quote, de code ou caches --- */ .text-blockquote, .text-code, .text-hide { display: block; width: 93%; padding: 2px 0px; font-weight: bold; margin: auto; } .blockquote, .code, .hide { overflow: auto; max-height: 500px; background: #FAFAFA; border: 1px solid #DDDDDD; border-radius: 3px; color: #444444; padding: 8px; margin: 0px 25px; } .hide { cursor: pointer; height: 10px; overflow: hidden; } .hide2 { visibility: hidden; overflow: auto; } /* --- les autres element bbcode --- */ .indent { margin-left: 30px; } .formatter-acronym { cursor: help; } .formatter-block { margin: 5px 20px; padding: 5px; border: 1px solid #C4CED6; display: block; overflow: hidden; } .formatter-fieldset { margin: 10px; } .formatter-ul { text-align: left; } /* --- les listes numerotees --- */ .code ol { margin-left: 3em; } /* --- La recherche de membre (AJAX) --- */ .xmlhttprequest-result-search { overflow: auto; min-height: 40px; width: 100px; overflow: auto; background-color: #FFFFFF; border: 1px solid #CCCCCC; padding: 2px; margin: 2px 0px 0px 0px; border-radius: 4px; box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.01); } /* --- La barre de progression --- */ .progressbar-container { background: #F5F5F5; margin: 4px 0px 10px; border-radius: 3px; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1); position: relative; } .progressbar-container .progressbar-infos { line-height: 13px; font-size: 11px; text-align: center; width: 100%; position: absolute; } .progressbar { border-top-left-radius: 3px; border-bottom-left-radius: 3px; box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.1); } .progressbar[style*="width: 100"] { border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .progressbar-container .progressbar { height: 13px; background-color: #4BA9A1; transition: width .6s ease; } /* --- Le systeme de notation --- */ .notation, .static-notation { display: inline-block; } .notation .star, .static-notation .star { color: #E3CF7A; font-size: 14px; padding-right: 5px; text-decoration: none; } /* -- Les Icones specifiques PHPBoost de FontAwesome -- -------------------------------------------*/ .fa-syndication:before { color: #F57900; } .fa-success:before { color: #478948; } .fa-forbidden:before { color: #BA4B49; } .fa-error:before { color: #4BA9A1; } .fa-warning:before { color: #B38742; } .fa-ban:before { color: #BA4B49; } .fa-unban:before { color: #418041; } .fa-male:before { color: #8DC3E9; } .fa-female:before { color: #F49CC4; } .fa-online:before { color: #52D132; } .fa-offline:before { color: #E05759; } li.small-block .fa-stack { height: 2.34em; } .fa-circle-alert { z-index: 1; position: absolute; top: -3px; left: 20px; font-size: 1.32em; } .fa-circle-alert span { display: block; position: absolute; top: 4px; width: 100%; margin: 0 auto; color: white; font-size: 0.7em; text-align: center; } /* -- Les differents menus -- --------------------------------------*/ .dynamic-menu { position: relative; } /* --- Niveau 1 --- */ .dynamic-menu ul { margin: 0; padding: 0; border: none; list-style-type: none; z-index: 101; } .dynamic-menu > ul > li { position: relative; display: inline-block !important; } .dynamic-menu li a, .dynamic-menu li span { text-decoration: none; display: block; white-space: nowrap; padding: 6px 12px; font-size: 11px; } .dynamic-menu > ul > li:hover { background-color: #EEEEEE; } .dynamic-menu > ul > li > a, .dynamic-menu > ul > li > a:hover { color: inherit; text-decoration: none; font-weight: 300; } /* --- Niveau 2 --- */ .dynamic-menu li ul { position: absolute; top: -99999em; opacity: 0; margin: 0 !important; transition: opacity .2s ease-in-out,top 0 ease-in 0.2s; padding: 5px 0; color: #333333; font-size: 11px; background: #FFFFFF; border-radius: 3px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.2); border: 1px solid #AAAAAA; z-index: 102; } .dynamic-menu li:hover > ul { opacity: 1; top: 100%; transition: opacity .2s ease-in-out, top 0s ease-in 0s; } .dynamic-menu li li { clear: both; display: block; width: 100%; margin: 0; padding: 0; white-space: nowrap; text-align: left; position: relative; } .dynamic-menu li li a, .dynamic-menu li li span { font-size: 10px; display: block; text-decoration: none; padding: 5px 15px; outline: none; } .dynamic-menu li li a:hover, .dynamic-menu li li span:hover { cursor: pointer; background-color: #F0F0F0; text-decoration: none; } .dynamic-menu ul li.extend > a, .dynamic-menu ul li.extend > span { padding-right: 18px; } .dynamic-menu ul li.extend > a:after, .dynamic-menu ul li.extend > span:after { position: absolute; display: block; right: 7px; top: 50%; margin-top: -5px; font-family: FontAwesome; content: "F0DA"; color: #CCCCCC; font-size: 11px; font-weight: 300; } .dynamic-menu a img, .dynamic-menu span img { max-width: none; padding-right: 6px; vertical-align: -4px; } /* --- Niveau 3 --- */ .dynamic-menu li li ul { left: 100%; z-index: 101; } .dynamic-menu li li:hover > ul { top: -6px; } /* --- Menus groupes --- */ .dynamic-menu.group > ul { font-size: 0; } .dynamic-menu.group > ul > li { border-radius: 0; border-right: 1px solid #F9F9F9; border-left: 1px solid #BBBBBB; } .dynamic-menu.group > ul > li:first-child { border-top-left-radius: 4px; border-bottom-left-radius: 4px; border-left: 1px solid rgba(0, 0, 0, 0.1) } .dynamic-menu.group > ul > li:last-child { border-top-right-radius: 4px; border-bottom-right-radius: 4px; border-right: 1px solid rgba(0, 0, 0, 0.1) } /* --- Menus de navigation --- */ nav.dynamic-menu h5 { text-align: center; padding: 4px 6px; font-weight: bold; font-size: 12px; color: #515C68; background: #F2F7FB; border: 1px solid #C4CED6; margin-right: 2px; } nav.dynamic-menu h5:hover { color: #01528D; background: #EAEDEE; cursor: default; } nav.dynamic-menu li ul { min-width: 160px; } nav.dynamic-menu li ul li a, nav.dynamic-menu li ul li span { color: #0578CC; } /* --- Menus des modules --- */ menu.dynamic-menu { margin: 5px; } menu.dynamic-menu ul li ul { margin-left: 0 !important; margin-top: 1px !important; } menu.dynamic-menu > ul > li { position: relative; display: inline-block !important; display: inline; padding: 0; color: #444444; background-image: linear-gradient(to bottom, rgba(255,255,255,0.18) 0%, rgba(56,56,56,0.18) 100%); background-color: #FFFFFF; border: 1px solid #999999; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #B3B3B3; border-radius: 4px; cursor: pointer; text-align: center; } menu.dynamic-menu > ul > li:hover { background-color: #EEEEEE; } menu.dynamic-menu > ul > li.current { background-image: linear-gradient(to top, rgba(255,255,255,0.18) 0%, rgba(56,56,56,0.18) 100%); background-color: #F0F0F0; border-top-color: #B3B3B3; } menu.dynamic-menu > ul > li > a { padding: 4px 12px; } menu.dynamic-menu > ul > li > a > i { font-size: 1.1em; } menu.dynamic-menu li li:hover > ul { top: -7px; } menu.dynamic-menu li ul li a, menu.dynamic-menu li ul li span { color: #666666; font-size: 11px; padding: 3px 12px; } menu.dynamic-menu li ul li a i, menu.dynamic-menu li ul li span i { font-size: 14px; vertical-align: -2px; width: 16px; display: inline-block; margin-right: 4px; text-align: center; } menu.dynamic-menu li ul li a i:before, menu.dynamic-menu li ul li span i:before { display: block; width: 16px; } menu.dynamic-menu ul li.extend > a:after, menu.dynamic-menu ul li.extend > span:after { margin-top: -6px; } /* --- Menu de droite --- */ .dynamic-menu.right ul { right: -1px; left: auto; } .dynamic-menu.right li li ul { right: 100%; left: auto; } /* --- Separateur --- */ .dynamic-menu ul li.separator { background: #E8EDF3; height: 1px; } /* --- Menu Vertical - Scrolling ---*/ ul.vertical-scrolling-menu li { padding: 0px 5px 0px 5px; } ul.vertical-scrolling-menu li ul { margin-left: 155px; } ul.vertical-scrolling-menu li.first-level { padding-left: 20px; } /* --- Menu Horizontal - Scrolling --- */ ul.horizontal-scrolling-menu li { display: block; padding: 0; } /* --- Menu Horizontal --- */ nav.menu-horizontal { padding: 10px; } nav.menu-horizontal ul li { display: inline; margin-right: 8px; } nav.menu-horizontal ul img { margin-right: 5px; } /* --- Menu Vertical --- */ h3.menu-vertical-0 { text-align: center; font-size: 12px; font-weight: bold; margin-top: -2px; padding-bottom: 2px; } ul.menu-vertical a, ul.menu-vertical span { color: #445766; } ul.menu-vertical { text-align: left; margin: 0 !important; } ul.menu-vertical li { list-style-type: none; } ul.menu-vertical img { margin-right: 5px; } ul.menu-vertical li a, ul.menu-vertical li span { margin-top: 3px; margin-left: 10px; list-style-type: none; margin-left: 10px; } ul.menu-vertical-0 li a,ul.menu-vertical-0 li span { color: #334455; } ul.menu-vertical-1 li a,ul.menu-vertical-1 li span { color: #445566; } ul.menu-vertical-2 li a,ul.menu-vertical-2 li span { color: #556677; font-style: italic; } ul.menu-vertical-3 li { font-style: normal; } ul.menu-vertical-3 li a,ul.menu-vertical-3 li span { color: #778899; font-size: 80%; } /* --- menu de flux --- */ .feed-list { list-style-type: none; text-align: left; margin: 5px 0px; } /* -- Les message d erreurs -- --------------------------------------*/ div.message-helper-small { width: 50% } .error, .notice, .warning, .success, .question { height: auto; padding: 10px 10px 10px 40px; margin: 5px auto 15px auto; line-height: 20px; border-left: 5px solid; position: relative; display: block; text-align: left; overflow: hidden; } .error:before, .notice:before, .warning:before, .success:before, .question:before { font-family: FontAwesome; font-style: normal; font-weight: normal; line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-size: 2em; position: absolute; left: 6px; top: 7px; width: 28px; text-align: center; } .error:before { content: "f057"; } .error, .error:before { color: #555555; } .notice:before { content: "f05a"; } .notice, .notice:before { color: #555555; } .warning:before { content: "f06a"; } .warning, .warning:before { color: #555555; } .success:before { content: "f058"; } .success, .success:before { color: #555555; } .question:before { content: "f059"; } .question, .question:before { color: #555555; } .question { border-color: #7796B8; } .notice { border-color: #AAAEB3; } .warning { border-color: #B38742; } .error { border-color: #802722; } .success { border-color: #418041; } /* -- Le maintenance -- --------------------------------------*/ div#message-maintain { top: 5px; width: 100%; position: absolute; opacity: 0.98; text-align: center; } div#message-maintain > div { margin: 0px auto;} div#release { margin-top: 20px; } /* -- Systeme d Upload -- --------------------------------------*/ .upload-address-bar { background: #FAFAFA; border: 1px solid #DDDDDD; border-radius: 3px; color: #444444; margin: 0px 25px; padding: 6px; } .upload-address-bar-links { float: right; margin: 0 25px 25px 25px; } .upload-address-bar-links a { margin-left: 10px; } #empty-folder { width: 70%; } .upload-elements-container { margin: 0 0 0 20px; } .upload-elements-file, .upload-elements-repertory { float: left; margin: 10px; } .upload-elements-repertory { height: 60px; } /* --- Deplacement des fichiers --- */ .upload-selected-cat { background: #F5FBFF; border: 1px solid #2C5169; }
Merci
Édité par chulukai Le 10/08/2014 à 20h55
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
Sur ton site il est situé après le global, tu dois donc avoir un soucis dans un des menu html que tu as ajouté. Est-ce que tu peux me fournir un acces admin que je regarde ton code html ?
chulukai Membre non connecté
Booster Roquette
- Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
ElenWii :Le code original du theme inclu un clear à la fin du global donc cela doit fonctionner : http://prntscr.com/4bizg6
Sur ton site il est situé après le global, tu dois donc avoir un soucis dans un des menu html que tu as ajouté. Est-ce que tu peux me fournir un acces admin que je regarde ton code html ?
Envoyer un MP
Merci
ElenWii Membre non connecté
- Administrateur
- Voir le profil du membre ElenWii
- Inscrit le : 14/08/2009
- Site internet
- Groupes :
- Equipe Graphique
chulukai Membre non connecté
Booster Roquette
- Booster Roquette
- Voir le profil du membre chulukai
- Inscrit le : 30/12/2008
- Site internet
ElenWii :
en trop dans ton menu "image aléatoire"</div>Tu avais un
Ok Merci
Répondre
Vous n'êtes pas autorisé à écrire dans cette catégorie