Problème de boutons qui flottent horizontalement
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Problème de boutons qui flottent horizontalement
Bonjour, j'ai modifié le template de haut de page et ajouté un eu de CSS pour créer des boutons au dessus de ma barre de navigation.
J'ai dû définir un position "absolute" pour les placer verticalement à ce niveau, du coup ils flottent horizontalement quand on élargit la fenêtre de navigation.
Est-ce que quelqu'un saurait comment y remédier?
Voici le lien pour visualiser le problème:
http://bordercolliemonamour.forumdediscussions.com/?tt=1
MERCI!
J'ai dû définir un position "absolute" pour les placer verticalement à ce niveau, du coup ils flottent horizontalement quand on élargit la fenêtre de navigation.
Est-ce que quelqu'un saurait comment y remédier?
Voici le lien pour visualiser le problème:
http://bordercolliemonamour.forumdediscussions.com/?tt=1
MERCI!
Dernière édition par kaki10 le Mer 07 Sep 2011, 23:43, édité 1 fois
Re: Problème de boutons qui flottent horizontalement
Bonjour ,
Puis-je voir le template ou vous avez ajouter ces boutons ?
Puis-je voir le template ou vous avez ajouter ces boutons ?
Re: Problème de boutons qui flottent horizontalement
c'est la div suivante : <div id="forumsite">
voici la template:
voici la 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>
<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 -->
{HOSTING_JS}
<!-- 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>
<div id="forumsite">
<a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
<a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
</div>
<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 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>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</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 -->
Re: Problème de boutons qui flottent horizontalement
ligne 196 à 200
Re: Problème de boutons qui flottent horizontalement
Mettez ce code :
Entre ces balises :
- Code:
<div id="forumsite">
<a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
<a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
</div>
Entre ces balises :
- Code:
<center> code </center>
Re: Problème de boutons qui flottent horizontalement
Merci beaucoup, mais ça ne marche pas: il y a du CSS associé. Il faut peut-être que je vire aussi certaines commandes que j'y ai mises et qui prévalent.
Je vais essayer.
Je vais essayer.
Re: Problème de boutons qui flottent horizontalement
ça ne marche pas.
Si j'enlève les commandes de css sur le positionnement horizontal, avec de simples balises <center> dans la template mes boutons se décalent complètement à gauche.
Si j'enlève les commandes de css sur le positionnement horizontal, avec de simples balises <center> dans la template mes boutons se décalent complètement à gauche.
Re: Problème de boutons qui flottent horizontalement
... et ils flottent toujours...
Re: Problème de boutons qui flottent horizontalement
Bonsoir
Merci de me fournir la css que vous aviez mis à votre barre de navigation. Ainsi que de remettre votre template overall_header au départ.
Cordialement.
Merci de me fournir la css que vous aviez mis à votre barre de navigation. Ainsi que de remettre votre template overall_header au départ.
Cordialement.
Bonjour, Je vous rappelle qu'il est autorisé un seul UP par tranche de 24 heures, à partir de votre dernier message posté dans le sujet concerné. Je vous invite à lire : A bientôt sur ForumActif |
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
Merci, mais je n'ai pas uppé du tout: j'ai juste apporté une précision qui me semblait importante. J'espère que c'est autorisé!
mon CSS:
mon CSS:
- Code:
#forumsite {
position:absolute;
text-align: center!important;
margin-left:15%;
width: 50em;
top: 240px;
}
Re: Problème de boutons qui flottent horizontalement
^^ La prochaine fois, éditez plutot votre message précédent. Sinon c'est considéré comme un up.
Où doivent exactement apparaitre ces boutons ?
Où doivent exactement apparaitre ces boutons ?
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
bon, ok.
J'ai pas édité car je me disais que si la personne avait déjà lu le message elle allait pas le relire, et donc passerait à côté de l'information que je voulais ajouter.
Faut donc surtout pas oublier d'information avec votre règle! Sinon on est mal
Mes boutons, je souhaitent qu'ils soient à peu près là où ils sont quand la fenêtre est au minimum de largeur, c'est-à-dire centrés horizontalement, et grosso modo avec une marge supérieure de 240 comme j'ai mis.
J'ai pas édité car je me disais que si la personne avait déjà lu le message elle allait pas le relire, et donc passerait à côté de l'information que je voulais ajouter.
Faut donc surtout pas oublier d'information avec votre règle! Sinon on est mal
Mes boutons, je souhaitent qu'ils soient à peu près là où ils sont quand la fenêtre est au minimum de largeur, c'est-à-dire centrés horizontalement, et grosso modo avec une marge supérieure de 240 comme j'ai mis.
Re: Problème de boutons qui flottent horizontalement
Remplacez dans votre template :
Puis repérez :
Vous pouvez supprimer votre css, sauf si vous désirez changer quelquechose à vos boutons. Mais le positionnement n'est plus nécessaire.
Cordialement.
- Code:
</head>
<div id="forumsite">
<a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
<a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
</div>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
- Code:
</head>
<body background="{T_BODY_BACKGROUND}" bgcolor="{T_BODY_BGCOLOR}" text="{T_BODY_TEXT}" link="{T_BODY_LINK}" vlink="{T_BODY_VLINK}">
Puis repérez :
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
{GENERATED_NAV_BAR}</td>
</tr>
</table>
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
<div id="forumsite">
<a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
<a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
</div><br/>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Vous pouvez supprimer votre css, sauf si vous désirez changer quelquechose à vos boutons. Mais le positionnement n'est plus nécessaire.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
Merci, mais ça ne va pas: avec ces modifs mes boutons ont disparu et surtout, mon forum s'étend en largeur à l'infini!!!
Re: Problème de boutons qui flottent horizontalement
Donnez moi votre template vous avez du faire une erreur ^^
Voici pour ma part ce que j'obtiens sur mon forum test
Voici pour ma part ce que j'obtiens sur mon forum test
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
heu, ce n'est pas pour upper, mais je suppose que vous êtes en ligne et que vous n'aurez pas accès à l'info si j'édite mon précédent message.
Voilà: je viens de voir que quand j'enregistre tous les symboles " deviennent des &
Je suppose que ça doit jouer dans le bug.... ça tient à quoi? j'ai essayé de changer de navigateur, mais avec firefox ça le fait aussi.
Voilà: je viens de voir que quand j'enregistre tous les symboles " deviennent des &
Je suppose que ça doit jouer dans le bug.... ça tient à quoi? j'ai essayé de changer de navigateur, mais avec firefox ça le fait aussi.
Re: Problème de boutons qui flottent horizontalement
^^ a partir du moment ou un autre message a été posté par une autre personne que vous, ce n'est pas du up.
Le problème que vous décrivez arrive parfois. Voici votre overall_header. Vous n'avez qu'à le copier collé ^^
N'oubliez pas d'enlever la partie css.
Cordialement.
Le problème que vous décrivez arrive parfois. Voici votre overall_header. Vous n'avez qu'à le copier collé ^^
N'oubliez pas d'enlever la partie css.
- 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>
<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 -->
{HOSTING_JS}
<!-- 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 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>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
<div id="forumsite">
<a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
<a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
</div><br/>{GENERATED_NAV_BAR}</td>
</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 -->
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
Oui, mais quand j'ai rédigé le post je ne savais pas encore que vous aviez posté
Bon, j'ai fait un copié-collé manuel et c'est la cata: les numéros des lignes sont dle collé et du coup y'en a partout plein mon forum ( 330 numéros qui se baladent , quand même! )
Mes boutons sont bien là, un peu trop haut et surtout ils flottet toujours
J'aimerais donc récupérer le template par défaut avant toute autre chose. Comment dois-je faire? Lorsque je clique sur "template par défaut" je n'ai pas la possibilité d'enregistrer. Je dois donc faire une copie puis retourner dans ma fenêtre d'édition et le coller, c'est bien ça? ( j'ai peur de faire une bêtise)
Désolée, mais en tous cas merci pour votre intérêt.
Bon, j'ai fait un copié-collé manuel et c'est la cata: les numéros des lignes sont dle collé et du coup y'en a partout plein mon forum ( 330 numéros qui se baladent , quand même! )
Mes boutons sont bien là, un peu trop haut et surtout ils flottet toujours
J'aimerais donc récupérer le template par défaut avant toute autre chose. Comment dois-je faire? Lorsque je clique sur "template par défaut" je n'ai pas la possibilité d'enregistrer. Je dois donc faire une copie puis retourner dans ma fenêtre d'édition et le coller, c'est bien ça? ( j'ai peur de faire une bêtise)
Désolée, mais en tous cas merci pour votre intérêt.
Re: Problème de boutons qui flottent horizontalement
Pour récupérer le template par défaut cliquez sur ^^
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
c'est bon, j'ai récupéré et remis comme c'était.
Vous m'avez l'air super balaise en codes.
C'est très gentil à vous d'avoir essayé de m'aider alors je suis désolée de n'avoir pas pu vous faire le plaisir de réussir à me démouiser, mais c'est pas si grave.
En passant par le CSS, y'a pas moyen non plus?
Pourquoi il mes boutons ne sont-ils pas relatifs au cadre du forum?
Vous m'avez l'air super balaise en codes.
C'est très gentil à vous d'avoir essayé de m'aider alors je suis désolée de n'avoir pas pu vous faire le plaisir de réussir à me démouiser, mais c'est pas si grave.
En passant par le CSS, y'a pas moyen non plus?
Pourquoi il mes boutons ne sont-ils pas relatifs au cadre du forum?
Re: Problème de boutons qui flottent horizontalement
Merci du compliment
Les boutons ne sont pas relatifs parce que vous les aviez placé au niveau de head. Or c'est une fonction où il faut mettre toutes les parties cachées. Les parties visibles en HTML sont dans le body. Dans votre cas, le mieux est de les mettre au dessus de la barre de navigation
Cela donne dans un template par défaut :
Ainsi ils obtiennent le même alignement que la barre de navigation en dessous. ^^
Essayez voir si cela marche. PS : Si vous avez les numéros avec effacez les à la main, il ne devrait pas en avoir beaucoup cette fois. Vous utilisez Internet explorer ? nous avons ce problème que sur IE. Essayez sinon à partir d'un autre navigateur.
Cordialement.
Les boutons ne sont pas relatifs parce que vous les aviez placé au niveau de head. Or c'est une fonction où il faut mettre toutes les parties cachées. Les parties visibles en HTML sont dans le body. Dans votre cas, le mieux est de les mettre au dessus de la barre de navigation
Cela donne dans un template par défaut :
- Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
{GENERATED_NAV_BAR}</td>
- Code:
<td align="{MENU_POSITION}"{MENU_NOWRAP}>
<div><a href="http://bordercolliemonamour.forumdediscussions.com/forum"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton29.png"></a>
<a href="http://bordercolliemonamour.forumdediscussions.com/sommaire-TEST2-h6.htm?tt=1"><img src="http://i46.servimg.com/u/f46/11/16/75/34/bouton27.png"></a>
</div><br/>{GENERATED_NAV_BAR}</td>
Ainsi ils obtiennent le même alignement que la barre de navigation en dessous. ^^
Essayez voir si cela marche. PS : Si vous avez les numéros avec effacez les à la main, il ne devrait pas en avoir beaucoup cette fois. Vous utilisez Internet explorer ? nous avons ce problème que sur IE. Essayez sinon à partir d'un autre navigateur.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
Je n'ose pas répondre avant d'avoir exécuté vos indications, parce qu'après il faudra que je revienne vous dire si ça a marché ou pas et si entre-temps vous n'avez pas répondu ça sera du uppage intempestif
Juste pour répondre : je suis sous FF et tout à l'heure j'étais sous Safari.
je vais essayer encore avec vos nouveaux codes.
Ce que vous avez fait sur votre forum-test est magnifique.
Je veux la même chose!!!
Juste pour répondre : je suis sous FF et tout à l'heure j'étais sous Safari.
je vais essayer encore avec vos nouveaux codes.
Ce que vous avez fait sur votre forum-test est magnifique.
Je veux la même chose!!!
Re: Problème de boutons qui flottent horizontalement
^^ je vous rassure, je regarde régulièrement mes anciens sujets pour voir justement s'il y a des éditions. Donc vous pouvez éditer sans problème.
Répondez sinon que lorsque vous avez tester les codes... Cela évite justement les édition :p.
Cordialement.
Répondez sinon que lorsque vous avez tester les codes... Cela évite justement les édition :p.
Cordialement.
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
Youpi, ça marche!!!
C'était tellement simple, finalement, mais encore fallait-il comprendre le sens des codes du template.
Bref je suis super contente et finalement je vous l'aurai apportée, j'espère, cette satisfaction d'avoir été efficace
BRAVO et surtout MERCI.
Vous avez beaucoup de talent.
C'était tellement simple, finalement, mais encore fallait-il comprendre le sens des codes du template.
Bref je suis super contente et finalement je vous l'aurai apportée, j'espère, cette satisfaction d'avoir été efficace
BRAVO et surtout MERCI.
Vous avez beaucoup de talent.
Re: Problème de boutons qui flottent horizontalement
Je vous en prie
Bonne soirée
Bonne soirée
SoraNoHime- Membre actif
-
Messages : 6218
Inscrit(e) le : 10/06/2010
Re: Problème de boutons qui flottent horizontalement
Ce n'est pas pour upper, encore, mais je viens de voir que vous avez posté et, puis, comme il n'y a plus de problème, vous ne relirez pas le précédent message
Bref, je voulais dire que j'ai bien reçu les messages.
Et vous remercier aussi pour vos explications ( j'aime bien comprendre )
Bonne soirée et merci encore.
Bref, je voulais dire que j'ai bien reçu les messages.
Et vous remercier aussi pour vos explications ( j'aime bien comprendre )
Bonne soirée et merci encore.
Sujets similaires
» Faire que les parties des forums flottent
» Problème de boutons.
» Décaler horizontalement le texte du QEEL
» aligner horizontalement les photos dans les posts
» Centrer verticalement et horizontalement, des éléments dans un tableau.
» Problème de boutons.
» Décaler horizontalement le texte du QEEL
» aligner horizontalement les photos dans les posts
» Centrer verticalement et horizontalement, des éléments dans un tableau.
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum