Template modifié, affichage uniquement sur le page d'accueil
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
Template modifié, affichage uniquement sur le page d'accueil
Détails techniques
Version du forum : phpBB2
Poste occupé : Administrateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :
- Voir l'image:
Personnes concernées par le problème : Moi uniquement
Problème apparu depuis : depuis la modification du template et du css
Lien du forum : http://testpourbloodthirsty.bb-fr.com/?tt=1
Description du problème
Bonjour, je veux refaire intégralement le design de mon forum et pour ce faire j'en ai crée un pour tester les différents templates et css.Je suis toujours sur la page d'accueil qui me prend beaucoup de temps mais passons au problème.
J'ai voulu mettre en avant des informations/des évènements qui seront répartis dans des cases/tableaux et ceux-ci affichés sur la page d'accueil ainsi qu'un bloc d'annonce officielle. Cependant j'ai un soucis, j'ai modifié le template overall_header (pour le haut de page) ainsi que le css.
Sauf que je voudrais que la partie encadrée en rouge sur le screen (soit la partie annonce et la partie informations) que j'ai fournie n'apparaisse QUE sur la page d'accueil et non pas sur les autres pages lorsque l'on rentre dans les divers sujets, etc. Hors, le css s'affiche partout, ce qui peut gêner au niveau ergonomie.
Est-ce possible de modifier celà ? Dois-je transféré le partie du code du template concerné dans le index_body pour la page d'accueil?
J'ai déjà essayé et je ne suis pas une pro.
Quelqu'un peut-il m'aider svp ? C'est un cas particulier et je risque de revenir assez souvent vers vous car le code me prend trop la tête.
Dernière édition par Chlirr le Sam 14 Nov 2015 - 18:34, édité 1 fois
Re: Template modifié, affichage uniquement sur le page d'accueil
bonsoir , si vous n'utilisé pas la partie message d'accueil , vous pouvez mettre votre codage dedans ,
PA>AFFICHAGE>GENERALITE>MESSAGE SUR LA PAGE D'ACCUEIL.
sauvegardé votre codage avant la mise en place dans message sur la page d'accueil , quelques fois il est formaté ,et quand ont veut l’éditer ça pause problème
ou crée une page html et la placé dans le message d'accueil avec un iframe ....
PA>AFFICHAGE>GENERALITE>MESSAGE SUR LA PAGE D'ACCUEIL.
sauvegardé votre codage avant la mise en place dans message sur la page d'accueil , quelques fois il est formaté ,et quand ont veut l’éditer ça pause problème
ou crée une page html et la placé dans le message d'accueil avec un iframe ....
Invité- Invité
Re: Template modifié, affichage uniquement sur le page d'accueil
ça pose quel genre de problème exactement ?
J'ai déjà mis des annonces sur la page d'accueil mais vu que la div "class" de mes annonces a du css, celà me l'affiche partout.
Je vais essayer la premiere option dans un premier temps et je rééditerai ce post.
Pourquoi créer une page html alors que tout est bien séparer par des templates ? après je ne saurait pas faire l'intégration du forum en dessous de cette page... je suis trop nul en code pour celà.
Donc j'en reviens à mon point de départ... .
Edit:
alors c'est niquel pour la partie que j'ai demandé, c'est à dire faire apparaitre le css de mes tableaux que sur la page d'accueil avec ce que tu m'avais conseiller (en mettant le code dans la page d'accueil)
Maintenant j'ai un autre soucis, je n'ai plus les annonces défilantes du coup... . J'ai bien le cadre css pour les contenir mais elles ne s'affichent plus.
Pouvez vous m'aider svp?
J'ai déjà mis des annonces sur la page d'accueil mais vu que la div "class" de mes annonces a du css, celà me l'affiche partout.
Je vais essayer la premiere option dans un premier temps et je rééditerai ce post.
Pourquoi créer une page html alors que tout est bien séparer par des templates ? après je ne saurait pas faire l'intégration du forum en dessous de cette page... je suis trop nul en code pour celà.
Donc j'en reviens à mon point de départ... .
Edit:
alors c'est niquel pour la partie que j'ai demandé, c'est à dire faire apparaitre le css de mes tableaux que sur la page d'accueil avec ce que tu m'avais conseiller (en mettant le code dans la page d'accueil)
Maintenant j'ai un autre soucis, je n'ai plus les annonces défilantes du coup... . J'ai bien le cadre css pour les contenir mais elles ne s'affichent plus.
Pouvez vous m'aider svp?
Re: Template modifié, affichage uniquement sur le page d'accueil
Bonjour les anonces sont gérer par java script ? .
Invité- Invité
Re: Template modifié, affichage uniquement sur le page d'accueil
Bonjour,
oui je pense qu'elles le sont
une partie en tout cas puisque ce sont des annonces défilantes de bas en haut.
Et j'ai une partie html contenu dans une balise <table>
c'est le code qu'il y a dans le template overall_header mais j'avoue ne pas trop savoir où il commence et où il s'arrête.
Je poste le code pour mieux vous montrer.
oui je pense qu'elles le sont
une partie en tout cas puisque ce sont des annonces défilantes de bas en haut.
Et j'ai une partie html contenu dans une balise <table>
c'est le code qu'il y a dans le template overall_header mais j'avoue ne pas trop savoir où il commence et où il s'arrête.
Je poste le code pour mieux vous montrer.
- 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 elements */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des elements et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(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="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="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" style="z-index: 10000 !important;">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</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>
<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 class:"navigation">
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
</div>
<div class="module borderwrap">
<div class="box-content">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
<table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="row1" align="left">
<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>
</tbody>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
<table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="row1" align="left">
<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>
</tbody>
</table>
</div>
<!-- END switch_ticker -->
</div>
</div>
<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: Template modifié, affichage uniquement sur le page d'accueil
bonsoir quand vous avez placé votre code PA dans generalité (page d'accueil), y'avait t'il vos annonces dedans ,ou c’était vide ?
Invité- Invité
Re: Template modifié, affichage uniquement sur le page d'accueil
Bonsoir,
c'était vide
les annonces sont plus haut
justement je voulais bien séparer les annonces, du reste.
c'était vide
les annonces sont plus haut
justement je voulais bien séparer les annonces, du reste.
Re: Template modifié, affichage uniquement sur le page d'accueil
et bien coment se fait t'il qu'il ne s'affiche plus : !
Invité- Invité
Re: Template modifié, affichage uniquement sur le page d'accueil
A l'instant ? Si tu check à cet instant j'ai du les désactivés surement.
Je les remets désolée
(Vu que je bosse dessus aussi j'ai du les désactivés hier et oublier de les remettre.)
Donc là si je les remet, je n'ai toujours pas réussi à mettre le cadre gris qui entoure les annonces uniquement sur la page d'accueil.
D 'ailleurs, j'ai l'impression que les annonces bug un peu quand elles défilent.
Je les remets désolée
(Vu que je bosse dessus aussi j'ai du les désactivés hier et oublier de les remettre.)
Donc là si je les remet, je n'ai toujours pas réussi à mettre le cadre gris qui entoure les annonces uniquement sur la page d'accueil.
D 'ailleurs, j'ai l'impression que les annonces bug un peu quand elles défilent.
Re: Template modifié, affichage uniquement sur le page d'accueil
Bonjour,
je te montre les screens et le code css que jutilise pour essayer de comprendre: attention ça sera long
Pour la page d'accueil > Généralités
Ensuite le code css pour le pa et les infos dedans :
Code Html/template overall_header pour les annonces défilantes:
le css pour les annonces défilantes :
et le screenschot pour les annonces
dans les annonces :
J'ai essayé de mettre le code des annonces et la class pour le css dans les annonces mais ça fait planté les annonces...
je te montre les screens et le code css que jutilise pour essayer de comprendre: attention ça sera long
Pour la page d'accueil > Généralités
- Code:
<div style="clear: both;">
</div>
<div class="pa">
</div>
<div class="pa2">
<div class="ongletnews">
Présentez vous !
<div class="news">
<div align="center">
Venez vous présentez, anciens comme nouveaux membres !
</div>
<div class="liennews">
<div align="center">
<a href="http://btmg.forumactif.com/f14-presentez-vous">Présentez vous</a>
</div>
</div>
</div>
<div class="ongletnews">
Présentez vous !
<div class="news">
<div align="center">
Venez vous présentez, anciens comme nouveaux membres !
</div>
<div class="liennews">
<div align="center">
<a href="http://btmg.forumactif.com/f14-presentez-vous">Présentez vous</a>
</div>
</div>
</div>
</div>
</div>
</div>
Ensuite le code css pour le pa et les infos dedans :
- Code:
/*TABLEAU NEWS*/
.pa {
width: 98%;
height: 100px;
background: transparent url("http://nsa37.casimages.com/img/2015/11/13/151113080034966382.png") no-repeat scroll center center;
margin-top: 5px;
}
.pa2 {
width: 98%;
height: 400px;
margin: auto;
margin-bottom: 30px;
}
.ongletnews
{
font-size: 15px;
color: #ffffff;
text-align: center;
background: #c32f2f;
display: block;
margin : auto;
margin-left: 10px;
width : 550px;
height : 150px;
padding: auto;
overflow: hidden;
}
.news
{
font-size: 15px;
color: #000000;
text-align: justify;
display: block;
background: #f3f3f3;
height:150px;
margin: auto;
padding: 1px;
}
.titrenews
{
clear: both;
background: #3AB17F none repeat scroll 0% 0%;
text-align: center;
padding: 3px;
color: #858685;
font-family: "Megrim",cursive;
font-size: 18px;
letter-spacing: 1px;
}
.contenunews
{
margin: 5px 5px 10px;
text-align: justify;
font-size: 14px;
line-height: 14px;
}
.liennews
{
float: center;
padding: 1px;
margin: auto;
margin-top: 50px;
font-size: 15px;
text-align: center;
display: block;
width: 150px;
height: 30px;
background: #d8d7d6;
}
.liennews a
{
color: #000000;
}
a:link, a:link hover
{
text-decoration: none !important;
}
.liennews a:hover
{
color: #ef0000 !important;
background: #ffffff !important;
}
Code Html/template overall_header pour les annonces défilantes:
- 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 elements */
var width_max = $('ul#fa_ticker_content').width();
var width_item = Math.floor(width_max / {switch_ticker.SIZE});
var height_max = h_perso;
/* Calcul de la hauteur maximale du conteneur en fonction des elements et de la hauteur personnalisee dans l'admin */
$('ul#fa_ticker_content li').each( function () {
if ($(this).height() > height_max)
{
height_max = $(this).height();
}
} );
/* Redimensionnement des elements et des images trop larges */
$('ul#fa_ticker_content li').width(width_item).height(height_max).find('img').each(function () {
if ($(this).width() > width_item)
{
var ratio = $(this).width() / width_item;
var new_height = Math.round($(this).height() / ratio);
$(this).height(new_height).width(width_item);
}
});
/* Redimensionnement et centrage du conteneur en mode vertical */
if (slid_vert)
{
$('ul#fa_ticker_content').width(width_item).height(height_max).css('marginLeft','auto').css('marginRight','auto');
}
/* Initialisation du caroussel */
$('#fa_ticker_content').jcarousel({
vertical: slid_vert,
wrap: 'circular',
auto: {switch_ticker.STOP_TIME},
auto_direction: auto_dir,
scroll: 1,
size: {switch_ticker.SIZE},
height_max: height_max,
animation: {switch_ticker.SPEED}
});
}
else
{
$('ul#fa_ticker_content li:not(:first)').css('display','none');
$('ul#fa_ticker_content li:first').css('list-style','none').css('text-align','center');
}
});
//]]>
</script>
<!-- END switch_ticker_new -->
<script type="text/javascript">//<![CDATA[
$(document).ready(function(){
<!-- BEGIN switch_enable_pm_popup -->
pm = window.open('{U_PRIVATEMSGS_POPUP}', '_faprivmsg', 'HEIGHT=225,resizable=yes,WIDTH=400');
if(pm != null) { pm.focus(); }
<!-- END switch_enable_pm_popup -->
<!-- BEGIN switch_report_popup -->
report = window.open('{switch_report_popup.U_REPORT_POPUP}', '_phpbbreport', 'HEIGHT={switch_report_popup.S_HEIGHT},resizable=yes,scrollbars=no,WIDTH={switch_report_popup.S_WIDTH}');
if(report != null) { report.focus(); }
<!-- END switch_report_popup -->
<!-- BEGIN switch_ticker -->
$(document).ready(function() {
Ticker.start({
height : {switch_ticker.HEIGHT},
spacing : {switch_ticker.SPACING},
speed : {switch_ticker.SPEED},
direction : '{switch_ticker.DIRECTION}',
pause : {switch_ticker.STOP_TIME}
});
});
<!-- END switch_ticker -->
});
<!-- BEGIN switch_login_popup -->
var logInPopUpLeft, logInPopUpTop, logInPopUpWidth = {LOGIN_POPUP_WIDTH}, logInPopUpHeight = {LOGIN_POPUP_HEIGHT}, logInBackgroundResize = true, logInBackgroundClass = false;
<!-- END switch_login_popup -->
<!-- BEGIN switch_login_popup -->
$(document).ready( function() {
$(window).resize(function() {
var windowWidth = document.documentElement.clientWidth;
var popupWidth = $("#login_popup").width();
var mypopup = $("#login_popup");
$("#login_popup").css({
"left": windowWidth/2 - popupWidth/2
});
});
});
<!-- END switch_login_popup -->
//]]>
</script>
{GREETING_POPUP}
<!-- BEGIN switch_ticker_new -->
<style>
.jcarousel-skin-tango .jcarousel-item {
text-align:center;
width: 10px;
}
.jcarousel-skin-tango .jcarousel-item-horizontal {
margin-right: {switch_ticker.SPACING}px;
}
.jcarousel-skin-tango .jcarousel-item-vertical {
margin-bottom: {switch_ticker.SPACING}px;
}
</style>
<!-- END switch_ticker_new -->
{HOSTING_JS}
<!-- BEGIN google_analytics_code -->
<script type="text/javascript">
//<![CDATA[
var _gaq = _gaq || [];
_gaq.push(['_setAccount', '{G_ANALYTICS_ID}']);
_gaq.push(['_trackPageview']);
_gaq.push(['_trackPageLoadTime']);
<!-- BEGIN google_analytics_code_bis -->
_gaq.push(['b._setAccount', '{G_ANALYTICS_ID_BIS}']);
_gaq.push(['b._trackPageview']);
<!-- END google_analytics_code_bis -->
(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="" /> <em>Hit</em>skin.com</h1>
<div class="content">
<p>
{hitskin_preview.L_THEME_SITE_PREVIEW}
<br />
<span>{hitskin_preview.U_INSTALL_THEME}<a href="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" style="z-index: 10000 !important;">
<table class="forumline" width="{LOGIN_POPUP_WIDTH}" height="{LOGIN_POPUP_HEIGHT}" border="0" cellspacing="1" cellpadding="0">
<tr height="25">
<td class="catLeft">
<span class="genmed module-title">{SITENAME}</span>
</td>
</tr>
<tr height="{LOGIN_POPUP_MSG_HEIGHT}">
<td class="row1" align="left" valign="top">
<div id="login_popup_buttons">
<form action="{S_LOGIN_ACTION}" method="get">
<input type="submit" class="mainoption" value="{L_LOGIN}" />
<input type="button" class="mainoption" value="{L_REGISTER}" onclick="parent.location='{U_REGISTER}';" />
<input id="login_popup_close" type="button" class="button" value="{L_DONT_DISPLAY_AGAIN}" />
</form>
</div>
<span class="genmed">{LOGIN_POPUP_MSG}</span>
</td>
</tr>
</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>
<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 class:"navigation">
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
</div>
<div class="module borderwrap">
<div class="box-content">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
<table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="row1" align="left">
<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>
</tbody>
</table>
</div>
<!-- END switch_ticker_new -->
<!-- BEGIN switch_ticker -->
<div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
<table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="row1" align="left">
<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>
</tbody>
</table>
</div>
<!-- END switch_ticker -->
</div>
</div>
<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 -->
le css pour les annonces défilantes :
- Code:
/*Annonce Defilante*/
.annonce_haut
{
font-size: 12px;
margin: auto;
height: 80px;
}
.module .box-content
{
line-height: normal;
padding: 5px;
}
.box-content
{
border-top: 7px solid #E5E5E5;
border-bottom: 4px solid #E5E5E5;
border-left: 4px solid #E5E5E5;
border-right: 4px solid #E5E5E5;
height: 100px;
overflow: hidden;
margin: auto;
font-size: 12px;
}
.Lienannonce
{
margin: 5px;
background : #b2b2b2;
font-size: 12px;
text-align: center;
display: block, center;
width: 120px;
height: 25px;
font-weight: light;
}
.Lienannonce a
{
color: #ffffff
}
.Lienannonce a:hover
{
color: #ef0000 !important;
}
et le screenschot pour les annonces
dans les annonces :
- Code:
<div align="center">
Réunion de la Line Up: Waiting Games
<div class="Lienannonce">
<a href="http://www.google.fr">Présentez vous</a>
</div>
</div>
J'ai essayé de mettre le code des annonces et la class pour le css dans les annonces mais ça fait planté les annonces...
Re: Template modifié, affichage uniquement sur le page d'accueil
c'est a cause de cette partie dans votre template (vous l'avez ajouté ????)
en testant sans cette partie les annonces disparaisse sur les autres page .
ensuite il suffit d'agir sur le cadre annonce par le css pour lui redonné l'aspect voulu .
car les annonces prennent la couleur du forum .
je ne voie que ça ,
- Code:
<div class="module borderwrap">
<div class="box-content">
<!-- BEGIN switch_ticker_new -->
<div id="fa_ticker_block" style="margin-top:2px;margin-bottom:4px;">
<table style="width: 100%;" class="forumline" border="0" cellpadding="0" cellspacing="0">
<tbody>
<tr>
<td class="row1" align="left">
<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>
</tbody>
</table>
</div>
<!-- END switch_ticker_new -->
en testant sans cette partie les annonces disparaisse sur les autres page .
ensuite il suffit d'agir sur le cadre annonce par le css pour lui redonné l'aspect voulu .
car les annonces prennent la couleur du forum .
je ne voie que ça ,
Invité- Invité
Re: Template modifié, affichage uniquement sur le page d'accueil
j'ai effectivement ajouter
mais le reste à partir de
je ne l'ai pas ajouté
- Code:
<div class="module borderwrap">
<div class="box-content">
mais le reste à partir de
- Code:
<!-- BEGIN switch_ticker_new -->
je ne l'ai pas ajouté
Re: Template modifié, affichage uniquement sur le page d'accueil
Oh yes !
Avant le div id:"fa_ticker_block" ne fonctionnait pas avec le css mais c'était peut être moi
avec toutes les modifs
Donc du coup c'est good pour moi
Merci de m'avoir accorder de ton temps
Avant le div id:"fa_ticker_block" ne fonctionnait pas avec le css mais c'était peut être moi
avec toutes les modifs
Donc du coup c'est good pour moi
Merci de m'avoir accorder de ton temps
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Centrer un pied de page [modifié via template et css]
» QEEL : Template modifié, l'affichage est parfait en tant que connecté mais non en tant qu'invité.
» Centrage profil sur template beaucoup modifié
» Enregistrer son template modifié ?
» Centrer un pied de page [modifié via template et css]
» QEEL : Template modifié, l'affichage est parfait en tant que connecté mais non en tant qu'invité.
» Centrage profil sur template beaucoup modifié
» Enregistrer son template modifié ?
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