CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur: Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus! |
| aide pour résoudre un souci de codage | |
| |
xodramm
{ Membre }
Messages : 254
| Coucou tout le monde, voilà j'ai voulu avoir une barre de navigation fixe dans le haut de ma page afin d'avoir le résultat suivant : - Spoiler:
* L'adresse de votre forum : http://annuaire-rn.forumactif.org/forum * Explications du problème : Ma barre de navigation est dans le haut du forum oui, mais on ne voit pas l'effet voulu et en fait il a zéro effet tout cours. * Le navigateur utilisé : Firefox * Les codes ajoutés avant le problème : Aucun codes mise à part pour la PA. Je ne pense pas que cela est un lien avec la barre de navigation vu que ce n'est pas du tout dans le même template. * La version du forum : PHPBB2 * Problème de CSS ou HTML : Voici les codes en questions : HTML : - 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}> <head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <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_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> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login --> <script src="http://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="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/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 �l�ments */ 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 contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des �l�ments 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'); 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}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {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 -->
<!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']);
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </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="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW}
<span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <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> </table> </div> <!-- END switch_login_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 cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img 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 src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a>
<!-- END switch_logo_center --> <div class="maintitle">{MAIN_SITENAME}</div>
<span class="gen">{SITE_DESCRIPTION} </span> </td> <!-- BEGIN switch_logo_right --> <td><a href="{U_INDEX}"><img src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr> </table>
<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 {CLASS_TABLE_TYPE} 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 {CLASS_TABLE_TYPE} 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 --> CSS : - Code:
-
.navi { position: fixed; left: 0px; top: 0px; right: 0px; z-index: 999; width: 100%; background-color: #1e3245; /*couleur de fond*/ border-bottom: 2px solid #0B151F; border-left: 2px solid #0B151F; border-right: 2px solid #0B151F; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; } * Une capture d'écran : Voici donc le résultat qui je en pense pas soit similaire à ce que je voulais obtenir : - Spoiler:
Merci d'avance, j'aimerais vraiment régler ce souci pour pouvoir continuer de travailler sur mon prochain thème. bizou |
Dernière édition par xodramm le Sam 05 Mar 2011, 08:33, édité 1 fois | |
| | | 'Christa
Lostmindy
Messages : 2856
| Il n'y a pas d'effet parce que tu n'as pas modifié ton HTML... Cherche ça dans ton code : - Code:
-
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}"> <tr> <td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td> </tr> </table> Et remplace le par ça : - Code:
-
<div class="navi">{GENERATED_NAV_BAR}</div> | | |
| | | xodramm
{ Membre }
Messages : 254
| Merci beaucoup juste une petite question si je veux un encadrement arrondit autour des mots et augmenter la largeur de la bande comment je fais.
biz
xo | | |
| | | Oyoken
{ Membre }
Messages : 34
| Bonjour, Pour augmenter la largeur de ta bande : Tu ajoutes : - Code:
-
height:????px; Dans le css .navi Pour faire un arrondi sur tes mots : Tu ajoutes une class : - Code:
-
.mainmenu{ border:?px ?(style de la bordure) ?(couleur); -moz-border-radius:?px ?px ?px ?px; -webkit-border-radius:?px ?px ?px ?px; border-radius:?px ?px ?px ?px; } Évidemment tous les -?- sont à remplacer par des valeurs de ton choix. (Sauf pour style de la bordure et couleur bien sûr ) Je ne sais plus exactement à quoi correspondent les valeurs pour les arrondis mais chaque -?- corresponds à -top- ; -bottom- ; -right- ; -left- | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Rectification, ça tourne dans les aiguilles d'une montre en partant du haut, donc top, right, bottom, left. Haut, droite, bas, gauche. | | |
| | | Oyoken
{ Membre }
Messages : 34
| Bien le moyen mnémotechnique je m'en souviendrais pour de prochaines fois Merci | | |
| | | xodramm
{ Membre }
Messages : 254
| Heum j'ai aucun encadré autour de mes mots et j'ai le soulignement quand je passe ma sourie dessus Voici le code css : - Code:
-
.navi { position: fixed; left: 0px; top: 0px; height:25px; right: 0px; z-index: 999; width: 100%; background-color: #0B151F; /*couleur de fond*/ border-bottom: 2px solid #0B151F; border-left: 2px solid #0B151F; border-right: 2px solid #0B151F; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; }
.mainmenu{ border:2px #1e3b42; -moz-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; } Pour avoir une ombrage légère sous la barre de navigation et un petit glow fin je fais comment ? Je voudrais aussi mes mots en petit majuscule. C'est possible encore merci pour l'aide | | |
| | | Oyoken
{ Membre }
Messages : 34
| Yop, Il manque une valeur à ton mainmenu au niveau de border : - Code:
-
.mainmenu{ border:2px solid #1e3b42; -moz-border-radius:2px 2px 2px 2px; -webkit-border-radius:2px 2px 2px 2px; border-radius:2px 2px 2px 2px; font-variant:small-caps; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; } J'ai ajouté "solid" pour le border mais tu as un large choix de panel. De mon propre avis je dirais qu'avec 2px pour tes arrondis tu ne vas pas forcément bien les voir mais c'est ton choix bien sûr "font-variant" sert pour tes petites majuscules. Pour l'ombrage léger je suppose que c'est comme pour ta barre de navigation donc j'ai juste repris le code que tu avais mis ^^ Un glow fin ? Oo" Connais pas ce terme \o/ Edit : Ah mince j'oubliais le soulignement des liens - Code:
-
a { text-decoration: none; }
a:hover { text-decoration: none!important; }
a:link { text-decoration: none!important; }
A rajouter dans ton css Ca enlève tous les les soulignements et décorations des liens ^^ A toi de tester lequel tu souhaites garder ou pas | | |
| | | xodramm
{ Membre }
Messages : 254
| wow cela commence vraiment à être sympa, tu es un amour ^^ Je voudrais savoir comment je centre on texte dans ma navigation, car présentement il est à droite dans la petite bulle et je voudrais vraiment l'avoir centre. Aussi je sais que l'ont put changer les mots de notre barre de navigation serait-ce possible de savoir où hihi ! Voilà j'avais essayer de centrer le texte mais en vain : - Code:
-
.mainmenu{ border:5px solid #1e3b42; -moz-border-radius:5px 2px 5px 2px; -webkit-border-radius:5px 2px 5px 2px; border-radius:5px 2px 5px 2px; font-variant:small-caps; text-align: center; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; } Pour le reste je pense que tout est parfait : http://zorahh2.forumactif.org/ | | |
| | | Oyoken
{ Membre }
Messages : 34
| Ton code est déjà centré ^^ Là en fait tu as laissé les petites images mais comme tu as du mettre rien il affiche un carré blanc en plus du texte... Rien de dramatique : Panneau d'administration => Affichage => En-tête & Navigation => Afficher seulement des images dans la barre des liens : [ ] Oui [X] Non En gros tu coches "non" à cette question Pour changer les mots je ne saurais te dire comme ça :/ | | |
| | | xodramm
{ Membre }
Messages : 254
| Pourtant c'est ce que j'ai fait : Du coup je ne comprends pas | | |
| | | Oyoken
{ Membre }
Messages : 34
| Voici ce que je vois pour ma part : - Spoiler:
Comme tu peux le remarquer, j'ai "sélectionné" avec ma souris de manière à ce que tu voies que l'image est bien présente... La solution serait peut-être d'aller voir dans ton panneau d'admin dans la catégorie affichage => Gestion des images => Mode simple Vérifie pour chaque mots de la barre de navigation que tu n'as rien dans le champ de l'image. Attention ne pas cliquer masquer. Juste supprime le lien de l'image et enregistre.. | | |
| | | xodramm
{ Membre }
Messages : 254
| J'ai été voir et voilà je n'ai pas d'image : - Spoiler:
| | |
| | | Oyoken
{ Membre }
Messages : 34
| Lorsque tu vas dans le panneau d'admin => Affichage => Image => Tu cliques sur index
Peux-tu me faire un screen de ce que tu as ? | | |
| | | xodramm
{ Membre }
Messages : 254
| heum j'ai pas ce chemin là moi .... Dans affichage j'ai gestion des images mais je n'ai pas index .... Donc, je ne vois pas où je dois aller voir du tout | | |
| | | Oyoken
{ Membre }
Messages : 34
| J'ai pas assez décortiqué mea culpa ^^ Panneau d'admin => Affichage => Gestion des images => Mode Simple Là la page affiche les images de ton forum d'une manière simple. Tu dois avoir "index" ; "portail" ; "calendrier" etc etc Tu cliques sur un de ceux là et tu me fais un screen de ce que tu vois | | |
| | | xodramm
{ Membre }
Messages : 254
| Voilà j'ai fait des captures d'écran et j'ai aucune image dans ma barre de navigation : Du coup je ne comprends pas pourquoi ca bug ainsi snif Voici à nouveau mon css au cas ou. J'ai mit celui de ma PA au cas où de quoi viendrait faire buguer le css pour ma navigation : - Code:
-
/*------------------------------------ css PA --------------------------------------*/
a img{ border:none; } .home-page{ width:900px; height:600px; margin:0 auto; padding:10px; } .clear{ clear:both;} .left{ float:left;} .right{ float:right;} .menu{ height:240px; width:245px; } .menu div{ position:relative; height:32px; width:245px; margin-bottom:10px; } .menu div h3{ position:absolute; top:0; left:0; z-index:5; cursor:pointer; background:#0B151F; height:30px; width:235px; margin:0; padding:0 5px; line-height:30px; font-size:14px; font-family:verdana, sans-sherif; font-weight:normal; color:#788098; text-transform:uppercase; border:1px solid #193E47; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 1px 5px #788098; -webkit-box-shadow:0 1px 5px #788098; } .menu div:hover h3{ -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } .menu div span{ position:absolute; top:32px; left:0; z-index:10; display:none; background:#0B151F; width:245px; font-size:12px; font-family:verdana, sans-sherif; text-transform:uppercase; border:1px solid #193E47; border-top:none; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; } .menu div span a{ display:block; height:25px; width:235px; padding:0 5px; line-height:25px; color:#788098; text-decoration:none; border-bottom:1px solid #193E47; } .menu div span a.last{ border-bottom:none; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; } .menu div span a:hover{ background:#0B151F; text-shadow:1px 1px 0 #000; } .menu div:hover span{ display:block; } .module-presentation, .module-news, .module-staff, .module-cadeaux, .module-top-part, .module-top-sites{ background:#0B151F; margin:0; margin-bottom:15px; padding:5px; border:1px solid #193E47; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 1px 5px #788098; -webkit-box-shadow:0 1px 5px #788098; } .module-presentation{ height:230px; width:625px; text-align:justify;} .module-news{ height:205px; width:375px; text-align:justify;} .module-staff{ height:145px; width:375px; text-align:center;} .module-cadeaux{ height:122px; width:490px; text-align:center;} .module-top-part{ height:115px; width:490px; text-align:center;} .module-top-site{ height:65px; width:490px; text-align:center;} .module-presentation{ line-height:18px; font-size:12px; font-family:verdana, sans-sherif; color:#788098; } .module-presentation p{ height:220px; width:615px; margin:0; padding:5px; overflow:auto; } .module-news{ line-height:18px; font-size:12px; font-family:verdana, sans-sherif; color:#788098; } .module-news p{ height:195px; width:365px; margin:0; padding:5px; overflow:auto; } .module-staff h3{ margin:5px auto 10px; font-size:14px; font-family:verdana, sans-sherif; font-weight:normal; color:#788098; text-transform:uppercase; text-align:center; } .module-staff div{ position:relative; display:inline-block; height:100px; width:40px; margin:0 2px; } .module-staff div img.thumbs{ position:absolute; top:0; left:0; z-index:5; } .module-staff div:hover img.thumbs{ -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; } .module-staff div span{ position:absolute; top:75px; left:25px; z-index:10; display:none; background:#0B151F; height:360px; width:170px; margin:0; padding:0 5px; text-align:center; border:1px solid #193E47; -moz-border-radius:10px; -webkit-border-radius:10px; } .module-staff div span p, .module-staff div span p a{ margin:0; padding:5px 0; line-height:18px; font-size:12px; font-family:verdana, sans-sherif; color:#788098; text-align:center; text-decoration:none; } .module-staff div span p a:hover{ color:#788098; } .module-staff div:hover span{ display:block; } .module-cadeaux h3, .module-top-part h3, .module-top-sites h3{ margin:5px auto 10px; font-size:14px; font-family:verdana, sans-sherif; font-weight:normal; color:#788098; text-transform:uppercase; text-align:center; } .module-cadeaux p, .module-top-part p, .module-top-sites p{ margin:0; padding:0; text-align:center; } .module-cadeaux img, .module-top-part img, .module-top-sites img{ padding:2px; } .module-cadeaux a:hover img, .module-top-part a:hover img, .module-top-sites a:hover img{ -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; }
.actif { /*Onglet survolé*/ background-color : #1e3245; }
/*------------------------------------ css navigation --------------------------------------*/ .navi { position: fixed; left: 0px; top: 0px; height:30px; right: 0px; z-index: 999; width: 100%; background-color: #0B151F; /*couleur de fond*/ border-bottom: 2px solid #0B151F; border-left: 2px solid #0B151F; border-right: 2px solid #0B151F; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; }
.mainmenu{ border:5px solid #1e3b42; -moz-border-radius:5px 2px 5px 2px; -webkit-border-radius:5px 2px 5px 2px; border-radius:5px 2px 5px 2px; font-variant:small-caps; text-align: center; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; }
a { text-decoration: none; }
a:hover { text-decoration: none!important; }
a:link { text-decoration: none!important; }
| | |
| | | Oyoken
{ Membre }
Messages : 34
| Et bien là je ne vois plus du tout :/ Vraiment désolé ... | | |
| | | Haribot' ♪
{ Membre hyper-actif }
Messages : 5163
| Coucou! Vas dans Affichage » En-tête & Navigation et clique ensuite le bouton pour éditer le champ de navigation que tu veux Une fois que tu as cliqué sur ce bouton, tu as cette fenêtre qui t'apparaît : Il suffit donc juste de modifier l'image Voilà | | |
| | | xodramm
{ Membre }
Messages : 254
| L'ennuie c'est que je n'ai plus d'image pour ma barre de navigation | | |
| | | Psycho
Psychopathe
Messages : 3407
| Bonjour (: Votre problème est-il toujours d'actualité ? S'il est maintenant résolu, merci de cocher l'icône en éditant votre premier message (: | | |
| | | xodramm
{ Membre }
Messages : 254
| Oui j'attends toujours une réponse pour savoir comment centrer mes mots dans mes bulles de ma barre de navigation. Car j'ai tout essayer et rien ne semble fonctionner. | | |
| | | 'Christa
Lostmindy
Messages : 2856
| Hum, tu n'as probablement pas "tout essayé", non (On m'a rapporté que tu t'étais plainte d'être 'maudite' quand je t'avais répondu, désolée de faire mon boulot ¬_¬) J'ai besoin de ton code CSS ENTIER et de ton template overall_header. Et sinon, on ne peut pas changer les mots de la barre de navigation à moins de faire des manipulations compliquées, te connaissant, je préfère le déconseiller. Accessoirement : j'aurais tendance à penser que si tu avais choisi de sélectionner "position du menu : center", ça marcherait mieux. | | |
| | | Phantasmagoria
{ Membre hyper-actif }
Messages : 1636
| Bonjour ^^ Ton problème est-il toujours d'actualité? S'il a été résolu, je te prie d'éditer ton premier message et de cocher l'icône Merci | | |
| | | xodramm
{ Membre }
Messages : 254
| Voici une capture d'écran de ma navigation : - Spoiler:
Voici le HTML : - Spoiler:
- 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}> <head> <!-- BEGIN meta_emulate_ie7 --> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <!-- END meta_emulate_ie7 --> <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_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> <script src="{JS_DIR}{L_LANG}.js" type="text/javascript"></script>
<!-- BEGIN switch_fb_login --> <script src="http://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="{JS_DIR}jquery/ticker/ticker.css" /> <script src="{JS_DIR}jquery/ticker/ticker.js" type="text/javascript"></script> <!-- END switch_ticker -->
<!-- BEGIN switch_ticker_new --> <script src="{JS_DIR}jquery/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 �l�ments */ 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 contenur en fonction des �l�ments et de la hauteur personnalis�e dans l'admin */ $('ul#fa_ticker_content li').each( function () { if ($(this).height() > height_max) { height_max = $(this).height(); } } );
/* Redimensionnement des �l�ments 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'); 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}'); report.focus(); <!-- END switch_report_popup --> <!-- BEGIN switch_ticker --> ticker_start({switch_ticker.HEIGHT}, {switch_ticker.SPACING}, {switch_ticker.SPEED}, '{switch_ticker.DIRECTION}', {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 -->
<!-- BEGIN google_analytics_code --> <script type="text/javascript"> //<![CDATA[ var _gaq = _gaq || []; _gaq.push(['_setAccount', '{G_ANALYTICS_ID}']); _gaq.push(['_trackPageview']);
(function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); //]]> </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="http://2img.net/i/fa/hitskin/hitskin_logo.png" alt="" /> Hit<em>skin</em>.com</h1> <div class="content"> <p> {hitskin_preview.L_THEME_SITE_PREVIEW} <br /> <span>{hitskin_preview.U_INSTALL_THEME}<a href="http://{hitskin_preview.U_RETURN_THEME}">{hitskin_preview.L_RETURN_THEME}</a></span> </p> </div> </div> <!-- END hitskin_preview -->
<!-- BEGIN switch_login_popup --> <div id="login_popup"> <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> </table> </div> <!-- END switch_login_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"> <div class="navi">{GENERATED_NAV_BAR}</div><br> <table width="100%" cellspacing="0" cellpadding="0" border="0"> <tr> <!-- BEGIN switch_logo_left --> <td><a href="{U_INDEX}"><img 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 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 src="{LOGO}" id="i_logo" border="0" alt="{L_INDEX}" vspace="1" /></a></td> <!-- END switch_logo_right --> </tr> </table>
<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 {CLASS_TABLE_TYPE} 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 {CLASS_TABLE_TYPE} 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 -->
Voici le CSS entier : - Spoiler:
- Code:
-
/*------------------------------------ css PA --------------------------------------*/
a img{ border:none; } .home-page{ width:900px; height:500px; margin:0 auto; padding:10px; } .clear{ clear:both;} .left{ float:left;} .right{ float:right;} .menu{ height:240px; width:245px; } .menu div{ position:relative; height:32px; width:245px; margin-bottom:10px; } .menu div h3{ position:absolute; top:0; left:0; z-index:5; cursor:pointer; background:#0B151F; height:30px; width:235px; margin:0; padding:0 5px; line-height:30px; font-size:14px; font-family:verdana, sans-sherif; font-weight:normal; color:#788098; text-transform:uppercase; border:1px solid #193E47; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 1px 5px #788098; -webkit-box-shadow:0 1px 5px #788098; } .menu div:hover h3{ -moz-border-radius:10px 10px 0 0; -webkit-border-radius:10px 10px 0 0; } .menu div span{ position:absolute; top:32px; left:0; z-index:10; display:none; background:#0B151F; width:245px; font-size:12px; font-family:verdana, sans-sherif; text-transform:uppercase; border:1px solid #193E47; border-top:none; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; } .menu div span a{ display:block; height:25px; width:235px; padding:0 5px; line-height:25px; color:#788098; text-decoration:none; border-bottom:1px solid #193E47; } .menu div span a.last{ border-bottom:none; -moz-border-radius:0 0 10px 10px; -webkit-border-radius:0 0 10px 10px; } .menu div span a:hover{ background:#0B151F; text-shadow:1px 1px 0 #000; } .menu div:hover span{ display:block; } .module-presentation, .module-news, .module-staff, .module-cadeaux, .module-top-part, .module-top-sites{ background:#0B151F; margin:0; margin-bottom:15px; padding:5px; border:1px solid #193E47; -moz-border-radius:10px; -webkit-border-radius:10px; -moz-box-shadow:0 1px 5px #788098; -webkit-box-shadow:0 1px 5px #788098; } .module-presentation{ height:270px; width:625px; text-align:justify;} .module-news{ height:240px; width:375px; text-align:justify;} .module-staff{ height:145px; width:375px; text-align:center;} .module-cadeaux{ height:105px; width:490px; text-align:center;} .module-top-part{ height:105px; width:490px; text-align:center;} .module-top-site{ height:65px; width:490px; text-align:center;} .module-presentation{ line-height:18px; font-size:12px; font-family:verdana, sans-sherif; color:#788098; } .module-presentation p{ height:260px; width:615px; margin:0; padding:5px; overflow:auto; } .module-news{ line-height:18px; font-size:12px; font-family:verdana, sans-sherif; color:#788098; } .module-news p{ height:230px; width:365px; margin:0; padding:5px; overflow:auto; } .module-staff h3{ margin:5px auto 10px; font-size:14px; font-family:verdana, sans-sherif; font-weight:normal; color:#788098; text-transform:uppercase; text-align:center; } .module-staff div{ position:relative; display:inline-block; height:100px; width:40px; margin:0 2px; } .module-staff div img.thumbs{ position:absolute; top:0; left:0; z-index:5; } .module-staff div:hover img.thumbs{ -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; } .module-staff div span{ position:absolute; top:75px; left:25px; z-index:10; display:none; background:#0B151F; height:360px; width:170px; margin:0; padding:0 5px; text-align:center; border:1px solid #193E47; -moz-border-radius:10px; -webkit-border-radius:10px; } .module-staff div span p, .module-staff div span p a{ margin:0; padding:5px 0; line-height:18px; font-size:12px; font-family:verdana, sans-sherif; color:#788098; text-align:center; text-decoration:none; } .module-staff div span p a:hover{ color:#788098; } .module-staff div:hover span{ display:block; } .module-cadeaux h3, .module-top-part h3, .module-top-sites h3{ margin:5px auto 10px; font-size:14px; font-family:verdana, sans-sherif; font-weight:normal; color:#788098; text-transform:uppercase; text-align:center; } .module-cadeaux p, .module-top-part p, .module-top-sites p{ margin:0; padding:0; text-align:center; } .module-cadeaux img, .module-top-part img, .module-top-sites img{ padding:2px; } .module-cadeaux a:hover img, .module-top-part a:hover img, .module-top-sites a:hover img{ -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; }
.actif { /*Onglet survolé*/ background-color : #1e3245; }
/*------------------------------------ css navigation --------------------------------------*/ .navi { position: fixed; left: 0px; top: 0px; height:30px; right: 0px; z-index: 999; width: 100%; background-color: #0B151F; /*couleur de fond*/ border-bottom: 2px solid #0B151F; border-left: 2px solid #0B151F; border-right: 2px solid #0B151F; border-radius: 0px 0px 10px 10px; -moz-border-radius: 0px 0px 10px 10px; -webkit-border-radius: 0px 0px 10px 10px; -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; }
.mainmenu{ text-align: center; border:5px solid #1e3b42; -moz-border-radius:5px 2px 5px 2px; -webkit-border-radius:5px 2px 5px 2px; border-radius:5px 2px 5px 2px; font-variant:small-caps; text-align: center; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; }
a { text-decoration: none; }
a:hover { text-decoration: none!important; }
a:link { text-decoration: none!important; } /* -------------------------------------- Css tableaux ------------------------------------------*/
.titrespecial { width : 400px; margin : auto; padding : 2px; -moz-border-radius:15px 05px 15px 05px; -webkit-border-radius:15px 05px 15px 05px; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; color : #788098; background : #0B151F; border : 3px double #193E47; text-align : center; font-weight : bold; } .boitespe .titrespe { font-variant : small-caps; font-size : 120%; font-weight : bold; color : #788098; background : #193E47; padding : 2px 10px; font-family : arial; letter-spacing : 2px; } .boitespe { margin : 0 50px; color : #788098; background : #0B151F; padding : 10px; -moz-border-radius:15px 05px 15px 05px; -webkit-border-radius:15px 05px 15px 05px; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; text-align : justify; }
div, table { -moz-border-radius:15px 05px 15px 05px; -webkit-border-radius:15px 05px 15px 05px; }
/* -------------------------------------- Aperçu du forum ------------------------------------------*/ u { border-bottom : 1px double; border-color : #0b151f; -moz-border-radius: 14px 14px 14px 14px; } I { border-bottom : none; color : #788098; text-decoration : none; } a { font-variant : small-caps; } .forumline { color : #788098; border-bottom : 2px solid; border-top : 2px solid; border-right : 2px solid; border-left : 2px solid; -moz-border-radius: 14px 14px 14px 14px; } input, textarea, select { padding-left : 2px; border : 1px dashed #0b151f; -moz-border-radius: 14px 14px 14px 14px; } .bodyline { border : 3px radius #1f1515; -moz-border-radius: 14px 14px 14px 14px; } .postbody, td.row1 span.gensmall { text-align : justify !important ; display : block; } a.imginfo:hover span { display : inline; position : absolute; white-space : nowrap; top : 5px; left : 7px; background : #0b151f; color : #788098; padding : 3px; border-left : 5px solid #0b151f; border-right : 3px solid #0b151f; border-top : 3px solid #0b151f; border-bottom : 5px solid #0b151f; -moz-border-radius: 14px 14px 14px 14px; } .abc { border-bottom : 5px solid #0b151f; -moz-border-radius: 14px 14px 14px 14px; } .def { background-color : #788098; font-size : 10px; padding-right : 10px; padding-left : 10px; padding-bottom : 3px; } .bodyline { border : 5px solid #0b151f; -moz-border-radius: 14px 14px 14px 14px; } tr.post span.gensmall { display : none; }
/*------------------------------------- Profil --------------------------------------*/
.profilentour { text-align:center; padding:9px; background-color:#0b151f; -moz-border-radius:7px 10px 10px 7px; -moz-box-shadow:0 1px 5px #000000; -webkit-box-shadow:0 1px 5px #000000; }
.name { text-decoration: none !important; display:block; background-color:#193E47; text-transform:uppercase; -moz-border-radius:10px 7px 10px 7px }
th { -moz-border-radius-topleft: 20%; -moz-border-radius-topright: 20%; border-top-left-radius: 20%; border-top-right-radius: 20%; }
/*------------------------------------ css ascenseur --------------------------------------*/
.ascenseur { position: fixed; /*--- Cette ligne permet de toujours afficher l'ascenseur à l'écran ---*/ top: 50px; /*--- On le place à 50 px du haut de l'écran ---*/ left: 0px; /*--- On le place à 0px de la gauche de l'écran ---*/ background-color: #0b151f; /*--- On donne une couleur au fond ---*/ -moz-border-radius: 0px 35px 35px 0px; /*--- On arrondit les bords ---*/ -webkit-border-radius: 0px 35px 35px 0px; border-radius: 0px 35px 35px 0px; }
/*------------------------------------ css qeel --------------------------------------*/
.tableauqueel{ background-color : #0b151f ; border : solid Xpx #788098 ; -moz-border-radius : 20px 0px 20px 0px; -webkit-border-radius: 20px 0px 20px 0px; -moz-box-shadow:0 1px 10px #000000; -webkit-box-shadow:0 1px 10px #000000;}
.partiedroite { font-size : 12px ; border-left : 5px dotted #788098 ; padding-left : 10px; height:150px; overflow:auto; }
.groupes{ background-color:#193E47; border: 5px color #788098; -moz-border-radius : 10px 0px 10px 0px; -webkit-border-radius: 10px 0px 10px 0px; -moz-box-shadow:0 1px 10px #000000; -webkit-box-shadow:0 1px 10px #000000; height:40px; padding-right:12px; padding-left:14px; padding-bottom:3px; font-size:14px; ;font-weight: bold; text-align:center; font-color : #788098 ; text-decoration: none !important; }
/*------------------------------------ css Citation, Code & Spoiler --------------------------------------*/
.code { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; border : 1px solid #788098; color : #788098; background: #0b151f; padding:10px; } .spoiler { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; border : 1px solid #788098; color : #788098; background: #0b151f; padding:10px; } .quote { -moz-border-radius-bottomleft:5px; -moz-border-radius-bottomright:20px; -moz-border-radius-topleft:20px; -moz-border-radius-topright:5px; -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; border : 1px solid #788098; color : #788098; background: #0b151f; padding:10px; }
/*------------------------------------ css Référencements --------------------------------------*/ .boite{ position: absolute; /* position de boite */ top: 50px; /* position à partir du haut */ right: 10px; /* position à partir de la droite */ width: 110px; /* largueur de la boite */ background-color: #0B151F; /* couleur de fond */ padding: 5px; /* marge intérieure */ -moz-border-radius:15px 0px 15px 0px; -webkit-border-radius:15px 0px 15px 0px; border-radius:6px; /* coins arrondis */ -moz-box-shadow:0 1px 5px #788098; -webkit-box-shadow:0 1px 5px #788098; }
.titre{ background-color: #0B151F; /* couleur de fond */ color:#b2cbe0; /* couleur de la police */ font-weight:bold; /* épaisseur de la police en gras */ font-size:11px; /* taille de la police */ text-align : center; /* alignement du texte */ padding: 6px; /* marge intérieur */ margin-bottom: 5px; /* marge extérieure pour moi 5px en bas */ -moz-border-radius:15px 0px 15px 0px; -webkit-border-radius:15px 0px 15px 0px; border-radius:6px; /* coins arrondis */ }
.cadre{ text-align: left; /* alignement du texte */ color:#788098; /* couleur du texte */ font-variant:small-caps; font-size:11px; /* taille du texte */ background-color: #193E47; /* couleur du fond */ padding: 6px; /* marge intérieur */ -moz-border-radius:15px 0px 15px 0px; -webkit-border-radius:15px 0px 15px 0px; border-radius:6px; /* coins arrondis */ -moz-box-shadow:0 0 8px #000; -webkit-box-shadow:0 0 8px #000; }
/*------------------------------------- forums --------------------------------------*/
.hihi{background-color: #0B151F; -moz-border-radius: 20px 1px 20px 1px; border : 2px dotted #788098; -moz-border-radius:15px 0px 15px 0px; -webkit-border-radius:15px 0px 15px 0px; color : #788098 font-family:Pristina; width:920px;}
.tigidou{ background-color:#0B151F; border-right: 2px dotted #788098; border-top: 1px dotted #788098; border-left: 2px dotted #788098; border-bottom: 1px dotted #788098; -moz-border-radius:15px 0px 15px 0px; -webkit-border-radius:15px 0px 15px 0px; -webkit-box-shadow: 0px 0px 10px #000; -moz-box-shadow: 0px 0px 10px #000; box-shadow: 0px 0px 10px #000; font-family: verdana; font-size:12px; color:#788098; text-align: center; margin : 8px; padding : 8px; }
a.forumlink:link, a.forumlink:visited { font-family: serif; background-color:#0B151F; text-transform : uppercase; text-align: center; font-size: 100%; border-top: 3px solid #788098; border-bottom: 3px double #788098; color: #788098; letter-spacing: 3px; display: block; } a.forumlink:hover, a.forumlink:hover:visited { background-image: url("http://i221.photobucket.com/albums/dd52/xodramm/arnprintemps/papierpeintc.jpg"); color: #788098; text-align: center; display: block; border-top: 3px solid #788098; border-bottom: 3px double #788098; -moz-border-radius:10px; }
Voilà ^^ | | |
| | | Contenu sponsorisé
| | | | | aide pour résoudre un souci de codage | |
|
Sujets similaires | |
|
| Permission de ce forum: | Vous ne pouvez pas répondre aux sujets dans ce forum
| |
| |
| |
|
| Partenaires Or
|