Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Profil in beiträgen nur im blog deaktivieren.von derforumde Gestern um 16:54
» [Invision] Editor über den Bildrand ziehbar + Schriftgrößenproblem
von Skouliki Mi 20 Nov 2024 - 8:06
» Passwort für meinen Adminbereich vergessen.
von Joost Sa 9 Nov 2024 - 10:13
» [Invision] Signatur wird nicht immer eingefügt
von Skouliki Mo 4 Nov 2024 - 16:33
» [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
von Skouliki So 27 Okt 2024 - 13:29
» [Invision] Transparent Logohintergrund/Struktur
von Joost So 27 Okt 2024 - 12:58
» png wird im servimg in ein jpg umgewandelt
von Skouliki Mi 23 Okt 2024 - 20:26
» Passwort Vergessen (SilentHowl)
von Joost Do 17 Okt 2024 - 17:14
» [Invision] Hintergrundbild fixieren
von Skouliki Mo 14 Okt 2024 - 11:30
» Paßwort vergessen
von Joost So 13 Okt 2024 - 17:58
» Anti-Spam-Prüfung
von Hana19 Sa 12 Okt 2024 - 16:59
» Private Nachrichten bleiben im Postausgang hängen
von Skouliki Fr 11 Okt 2024 - 11:11
» [phpBB3] Mittelteil des Forums verschoben
von Eto Mo 7 Okt 2024 - 20:50
» [phpBB3] Farbpalette ändern
von Skouliki Mo 7 Okt 2024 - 10:08
» [Klassische Version] Account löschen
von Joost Sa 5 Okt 2024 - 21:05
» Chatbox einloggen nicht möglich
von Joost So 29 Sep 2024 - 8:01
» [phpBB2] Admin Passwort nicht korrekt
von Joost Do 26 Sep 2024 - 19:20
» Grid-Layout für alle Forumversionen verfügbar
von Joost Mi 18 Sep 2024 - 16:54
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Alastor in [Invision] Transparent Logohintergrund/Struktur ( 2 )
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen.
( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
» Beitrag von Alastor in [Invision] Schriftgröße Navigationsleiste, Links und Forenbeschreibungen
( 1 )
[phpBB2] Portal/Forum kann man nach links schieben?
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Portal/Forum kann man nach links schieben?
Wie kann ich es verhindern, dass sich das gesamte Portal/Forum nicht nach links schieben lässt. Derzeit kann man ganz unten über die Browserleiste das gesamte Design nach links verschieben. Es handelt sich ums Forum 1.
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Hallo,
deine Navigation, verbunden mit diesem CSS-Code, ist dafür verantwortlich:
Lösung: Du setzt deine persönliche Navigation so in das Template (overall_header) ein, dass du sie nicht mit CSS so positionieren musst. Das ist ja ohnehin ein großer und unnötiger Umweg.
Also die Navigation einfach direkt an der Stelle ins Template einsetzen, wo sie erscheinen soll, und dann hast du auch kein Problem mehr.
Liebe Grüße
Günther
deine Navigation, verbunden mit diesem CSS-Code, ist dafür verantwortlich:
- Code:
#navifix {
height: 0;
left: 50%;
margin-left: -309px;
position: absolute;
top: 382px;
width: 100%;
z-index: 0;
}
Lösung: Du setzt deine persönliche Navigation so in das Template (overall_header) ein, dass du sie nicht mit CSS so positionieren musst. Das ist ja ohnehin ein großer und unnötiger Umweg.
Also die Navigation einfach direkt an der Stelle ins Template einsetzen, wo sie erscheinen soll, und dann hast du auch kein Problem mehr.
Liebe Grüße
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Portal/Forum kann man nach links schieben?
wenn ich navifix im css entferne ist gar keine menüleiste mehr da. was ich nicht ganz verstehe meine menüleiste ist ja bereits im besagten template nur weiss ich nicht an welcher stelle ich diese setzen soll, damit diese genau an der gleichen stelle erscheint wie jetzt?
mein ganzer overall_header template derzeit:
mein ganzer overall_header template derzeit:
- 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');
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']);
_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="" /> 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">
<table id="logofix" 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>
<table id="navifix" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"><ul class="menu">
<li><a href="http://varius-ventus.forumieren.com/">Start</a></li>
<li><a href="" class="test1">News</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/?pid=2" class="news">Gildennews</a></li>
<li><a href="http://varius-ventus.forumieren.com/?pid=3" class="documents">Tamriel Rundschau </a></li>
<li><a href=" http://varius-ventus.forumieren.com/h7-tamriel-rundschau" class="documents">Tamriel TEST </a></li>
<li><a href="http://www.elderscrollsonline.com/de/" target="_blank" class="eso">Offizielle ESO Seite</a></li>
</ul>
</li>
<li><a href="" class="test6">Forum</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/forum" class="documents">Gildenforum</a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/search?search_id=newposts" class="documents">Neue Beiträge</a></li>
<li><a href="http://varius-ventus.forumieren.com/search" class="documents">Foren-Suche</a></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<li><a href="http://varius-ventus.forumieren.com/faq" class="documents">Hilfe-FAQ</a></li>
<!-- END switch_user_logged_out -->
</ul>
</li>
<li><a href="" class="test2">Über uns</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/h12-gildenvorstellung" class="documents">Gildenvorstellung</a></li>
<li><a href="http://varius-ventus.forumieren.com/h4-kurzinfo" class="messages">Kurzinfo</a></li>
<li><a href="http://varius-ventus.forumieren.com/h8-gildenvideo" class="video">Gildenvideo</a></li>
<li><a href="http://varius-ventus.forumieren.com/h9-dolchsturz-bundnis" class="dolchsturz">Dolchsturz-Bündnis</a></li>
<li><a href="http://varius-ventus.forumieren.com/h3-struktur-kodex" class="messages">Struktur/Kodex</a></li>
<li><a href="http://varius-ventus.forumieren.com/h14-teamspeak" class="signout">TeamSpeak</a></li>
<li><a href="http://varius-ventus.forumieren.com/h1-impressum" class="signout">Impressum</a></li>
</ul>
</li>
<li><a href="" class="test3">Progress</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/h17-gildenfortschritt" class="progress">Gildenfortschritt</a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/h6-eventplaner" class="raid">Eventplaner</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li>
<li><a href="http://varius-ventus.forumieren.com/f3-bewerbungen-fur-the-elder-scrolls-online" >Bewerben</a></li>
<li><a href="" class="test4">Profil</a>
<ul><!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/profile?mode=editprofile" class="documents">Mein Profil</a></li>
<li><a href="http://varius-ventus.forumieren.com/privmsg?folder=inbox" class="nachricht">Private Nachrichten</a></li>
<li><a href="http://varius-ventus.forumieren.com/memberlist" class="mensch">Gildenmitglieder</a></li>
<li><a href="http://varius-ventus.forumieren.com/groups" class="mensch">Gruppenübersicht</a></li>
<li><a href="http://varius-ventus.forumieren.com/statistics" class="mensch">Forenstatistik</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li><!-- BEGIN switch_user_logged_out -->
<li><a href="" class="test5">Login</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/login" class="login">Einloggen</a></li>
<li><a href="http://varius-ventus.forumieren.com/register" class="regi">Registrieren</a></li>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/login?logout" class="">Logout</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li>
</div>
</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 -->
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Es gibt in overall_header diese Stelle:
Am besten entfernst du deinen Code erstmal (natürlich am Rechner absichern) und stellst diesen Bereich wieder so her, wie er auch im Standard-Template aussieht. Danach kannst du {GENERATED_NAV_BAR} durch deine eigene Navigation ersetzen und noch die Feinjustierungen vornehmen.
- Code:
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}>{GENERATED_NAV_BAR}</td>
</tr>
</table>
Am besten entfernst du deinen Code erstmal (natürlich am Rechner absichern) und stellst diesen Bereich wieder so her, wie er auch im Standard-Template aussieht. Danach kannst du {GENERATED_NAV_BAR} durch deine eigene Navigation ersetzen und noch die Feinjustierungen vornehmen.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Ich bringe die Leiste nicht wie vorher hin ohne wieder den Schiebebalken zu bekommen? Des weiteren sind jetzt zwei Menüleiten sichtbar eine versteckt links unter der Toolbar?
- Code:
<table id="navifix" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}><div style="position:absolute; top:382px;"><ul class="menu">
<li><a href="http://varius-ventus.forumieren.com/">Start</a></li>
<li><a href="" class="test1">News</a>.....................
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Ja, weil du die Navigation auch zweimal eingesetzt hast... Einmal, wo sie hingehört, und einmal ziemlich am Ende des Templates im Footer-Bereich.silberling schrieb:Des weiteren sind jetzt zwei Menüleiten sichtbar eine versteckt links unter der Toolbar?
Wenn du das Template öffnest und mit der Suchfunktion z.B. Über uns suchen lässt, wirst du selbst sehen, dass du die Navigation zweimal eingesetzt hast. Dieses Durcheinander solltest du erstmal beheben, danach kann ich mir gerne noch ansehen, wie du die Navigation optimal zentrieren kannst.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Portal/Forum kann man nach links schieben?
ich finde nur 1x die leiste im template. ich glaube eher, dass die zweite leiste kommt wenn ich versuche die menüleiste in eine spezielle position zu bringen?
hier das ganze template:
hier das ganze 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 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');
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']);
_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="" /> 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">
<table id="logofix" 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>
<table id="navifix" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}><div style="position:absolute; top:382px;"><ul class="menu">
<li><a href="http://varius-ventus.forumieren.com/">Start</a></li>
<li><a href="" class="test1">News</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/?pid=2" class="news">Gildennews</a></li>
<li><a href="http://varius-ventus.forumieren.com/?pid=3" class="documents">Tamriel Rundschau </a></li>
<li><a href=" http://varius-ventus.forumieren.com/h7-tamriel-rundschau" class="documents">Tamriel TEST </a></li>
<li><a href="http://www.elderscrollsonline.com/de/" target="_blank" class="eso">Offizielle ESO Seite</a></li>
</ul>
</li>
<li><a href="" class="test6">Forum</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/forum" class="documents">Gildenforum</a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/search?search_id=newposts" class="documents">Neue Beiträge</a></li>
<li><a href="http://varius-ventus.forumieren.com/search" class="documents">Foren-Suche</a></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<li><a href="http://varius-ventus.forumieren.com/faq" class="documents">Hilfe-FAQ</a></li>
<!-- END switch_user_logged_out -->
</ul>
</li>
<li><a href="" class="test2">Über uns</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/h12-gildenvorstellung" class="documents">Gildenvorstellung</a></li>
<li><a href="http://varius-ventus.forumieren.com/h4-kurzinfo" class="messages">Kurzinfo</a></li>
<li><a href="http://varius-ventus.forumieren.com/h8-gildenvideo" class="video">Gildenvideo</a></li>
<li><a href="http://varius-ventus.forumieren.com/h9-dolchsturz-bundnis" class="dolchsturz">Dolchsturz-Bündnis</a></li>
<li><a href="http://varius-ventus.forumieren.com/h3-struktur-kodex" class="messages">Struktur/Kodex</a></li>
<li><a href="http://varius-ventus.forumieren.com/h14-teamspeak" class="signout">TeamSpeak</a></li>
<li><a href="http://varius-ventus.forumieren.com/h1-impressum" class="signout">Impressum</a></li>
</ul>
</li>
<li><a href="" class="test3">Progress</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/h17-gildenfortschritt" class="progress">Gildenfortschritt</a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/h6-eventplaner" class="raid">Eventplaner</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li>
<li><a href="http://varius-ventus.forumieren.com/f3-bewerbungen-fur-the-elder-scrolls-online" >Bewerben</a></li>
<li><a href="" class="test4">Profil</a>
<ul><!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/profile?mode=editprofile" class="documents">Mein Profil</a></li>
<li><a href="http://varius-ventus.forumieren.com/privmsg?folder=inbox" class="nachricht">Private Nachrichten</a></li>
<li><a href="http://varius-ventus.forumieren.com/memberlist" class="mensch">Gildenmitglieder</a></li>
<li><a href="http://varius-ventus.forumieren.com/groups" class="mensch">Gruppenübersicht</a></li>
<li><a href="http://varius-ventus.forumieren.com/statistics" class="mensch">Forenstatistik</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li><!-- BEGIN switch_user_logged_out -->
<li><a href="" class="test5">Login</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/login" class="login">Einloggen</a></li>
<li><a href="http://varius-ventus.forumieren.com/register" class="regi">Registrieren</a></li>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/login?logout" class="">Logout</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li>
</div></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 -->
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Portal/Forum kann man nach links schieben?
1. Die nafix-ID hat keinen Sinn, wie gesagt solltest du das wieder entfernen
2. Gleich zu Beginn machst du die 1. ul nicht mehr zu:
3.
4. Hättest du diesen CSS-Code nicht eingesetzt...
position: absolute und dann top: 0 und left: 0 sind komplett unnötig, denn ohne sie würde die Navigation genau da angezeigt, wo du sie auch haben möchtest
border-radius, height, z-index haben keinen Zweck, denn es gibt weder einen Rahmen um das gesamte Menü, der abgerundet werden könnte, noch wird die Menühöhe darüber beeinflusst, noch spielt der z-index hier eine Rolle
Und zu guter Letzt sorgt width: 800px dafür, dass das Menü nicht zentriert angezeigt wird. Ohne diese Eigenschaft würde das Menü einwandfrei und zentriert angezeigt.
2. Gleich zu Beginn machst du die 1. ul nicht mehr zu:
Dieser Tag bleibt das ganze Template über offen.<table id="navifix" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}><div style="position:absolute; top:382px;"><ul class="menu">
3.
Dieses div muss auch weg (und natürlich dann das entsprechende </div> am Ende des Codes)<table id="navifix" cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}><div style="position:absolute; top:382px;"><ul class="menu">
4. Hättest du diesen CSS-Code nicht eingesetzt...
- Code:
.menu {
border-radius: 5px 5px 5px 5px;
height: 35px;
left: 0;
position: absolute;
top: 0;
width: 800px;
z-index: 0;
}
position: absolute und dann top: 0 und left: 0 sind komplett unnötig, denn ohne sie würde die Navigation genau da angezeigt, wo du sie auch haben möchtest
border-radius, height, z-index haben keinen Zweck, denn es gibt weder einen Rahmen um das gesamte Menü, der abgerundet werden könnte, noch wird die Menühöhe darüber beeinflusst, noch spielt der z-index hier eine Rolle
Und zu guter Letzt sorgt width: 800px dafür, dass das Menü nicht zentriert angezeigt wird. Ohne diese Eigenschaft würde das Menü einwandfrei und zentriert angezeigt.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Hab jetzt Punkt 4 aus dem Css bzw. Punkt 3 komplett aus dem Template genommen und die beiden vorigen Punkte geändert. Leider ist derzeit die Menüleiste noch etwas unterhalb der Position wo sie hin sollte. Des weiteren wird wieder eine zweite Menüleiste ganz unten angezeigt?
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Wie gesagt musst du zuletzt noch eine Feinjustierung machen. Du weißt doch sicher, dass du die Tabelle z.B. mit einem negativen margin-top-Wert etwas weiter nach oben positionieren kannst.silberling schrieb:Leider ist derzeit die Menüleiste noch etwas unterhalb der Position wo sie hin sollte.
Dann poste bitte nochmals dein aktuelles Template hier, es wird wohl erneut zu einem Fehler gekommen sein.silberling schrieb:Des weiteren wird wieder eine zweite Menüleiste ganz unten angezeigt?
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Mach ich das mit dem negativen Wert übers Css oder Template?
Hier nochmal das Template:
Hier nochmal das 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 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');
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']);
_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="" /> 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">
<table id="logofix" 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>
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION}">
<tr>
<td align="{MENU_POSITION}"{MENU_NOWRAP}><ul class="menu">
<li><a href="http://varius-ventus.forumieren.com/">Start</a></li>
<li><a href="" class="test1">News</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/?pid=2" class="news">Gildennews</a></li>
<li><a href="http://varius-ventus.forumieren.com/?pid=3" class="documents">Tamriel Rundschau </a></li>
<li><a href=" http://varius-ventus.forumieren.com/h7-tamriel-rundschau" class="documents">Tamriel TEST </a></li>
<li><a href="http://www.elderscrollsonline.com/de/" target="_blank" class="eso">Offizielle ESO Seite</a></li>
</ul>
</li>
<li><a href="" class="test6">Forum</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/forum" class="documents">Gildenforum</a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/search?search_id=newposts" class="documents">Neue Beiträge</a></li>
<li><a href="http://varius-ventus.forumieren.com/search" class="documents">Foren-Suche</a></li>
<!-- END switch_user_logged_in -->
<!-- BEGIN switch_user_logged_out -->
<li><a href="http://varius-ventus.forumieren.com/faq" class="documents">Hilfe-FAQ</a></li>
<!-- END switch_user_logged_out -->
</ul>
</li>
<li><a href="" class="test2">Über uns</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/h12-gildenvorstellung" class="documents">Gildenvorstellung</a></li>
<li><a href="http://varius-ventus.forumieren.com/h4-kurzinfo" class="messages">Kurzinfo</a></li>
<li><a href="http://varius-ventus.forumieren.com/h8-gildenvideo" class="video">Gildenvideo</a></li>
<li><a href="http://varius-ventus.forumieren.com/h9-dolchsturz-bundnis" class="dolchsturz">Dolchsturz-Bündnis</a></li>
<li><a href="http://varius-ventus.forumieren.com/h3-struktur-kodex" class="messages">Struktur/Kodex</a></li>
<li><a href="http://varius-ventus.forumieren.com/h14-teamspeak" class="signout">TeamSpeak</a></li>
<li><a href="http://varius-ventus.forumieren.com/h1-impressum" class="signout">Impressum</a></li>
</ul>
</li>
<li><a href="" class="test3">Progress</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/h17-gildenfortschritt" class="progress">Gildenfortschritt</a></li>
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/h6-eventplaner" class="raid">Eventplaner</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li>
<li><a href="http://varius-ventus.forumieren.com/f3-bewerbungen-fur-the-elder-scrolls-online" >Bewerben</a></li>
<li><a href="" class="test4">Profil</a>
<ul><!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/profile?mode=editprofile" class="documents">Mein Profil</a></li>
<li><a href="http://varius-ventus.forumieren.com/privmsg?folder=inbox" class="nachricht">Private Nachrichten</a></li>
<li><a href="http://varius-ventus.forumieren.com/memberlist" class="mensch">Gildenmitglieder</a></li>
<li><a href="http://varius-ventus.forumieren.com/groups" class="mensch">Gruppenübersicht</a></li>
<li><a href="http://varius-ventus.forumieren.com/statistics" class="mensch">Forenstatistik</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li><!-- BEGIN switch_user_logged_out -->
<li><a href="" class="test5">Login</a>
<ul>
<li><a href="http://varius-ventus.forumieren.com/login" class="login">Einloggen</a></li>
<li><a href="http://varius-ventus.forumieren.com/register" class="regi">Registrieren</a></li>
<!-- END switch_user_logged_out -->
<!-- BEGIN switch_user_logged_in -->
<li><a href="http://varius-ventus.forumieren.com/login?logout" class="">Logout</a></li>
<!-- END switch_user_logged_in -->
</ul>
</li>
</td></ul>
</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 -->
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Was dir lieber ist, beides ist möglich. Am einfachsten wäre:silberling schrieb:Mch ich das mit dem negativen Wert übers Css oder Template?
<table cellspacing="0" cellpadding="0" border="0" align="{MENU_POSITION} style="margin-top: -30px;"">
...
Übrigens hast du jetzt am Ende des Menücodes den td-Tag vor dem ul-Tag geschlossen, das ist verkehrt herum. Du musst den ul-Tag schon vor td schließen, weil die Liste sich ja innerhalb der Zelle befindet.
Und zur zweiten Navigation: Das geht aus einem Templatefehler hervor, der aber offenbar nicht in overall_header passiert ist. Hast du auch die Footertemplates (overall_footer_begin und/oder overall_footer_end) bearbeitet?
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Portal/Forum kann man nach links schieben?
hab die zwei anderen templates gelöscht und jetzt ist diese leiste auch weg. nur die obere menüleiste geht mit diesem wert nicht nach oben sondern nach links?
silberling- Meister
- Beiträge : 277
Anmeldedatum : 02.02.13
Re: [phpBB2] Portal/Forum kann man nach links schieben?
Gut, das hatte ich vermutet.silberling schrieb:hab die zwei anderen templates gelöscht und jetzt ist diese leiste auch weg.
Du solltest bei Templateänderungen zuerst die Vorschaufunktion verwenden und Templates nur veröffentlichen, wenn die Vorschau keine Fehler zu Tage bringt.
Das kann nicht sein und das sehe ich auch aktuell in deinem Forum nicht.silberling schrieb:nur die obere menüleiste geht mit diesem wert nicht nach oben sondern nach links?
Es gibt aber auch noch andere Möglichkeiten dazu (z.B. kannst du den Abstand vom darüberliegenden Element aus verringern).
Da deine Eingangsfrage und sogar weitere Probleme jetzt alle geklärt wurden, schließe ich hier. Für die Zukunft möchte ich dir nahelegen, entweder etwas genauer zu arbeiten und dabei auch immer den Vorschaumodus zu verwenden, oder keine so weitreichenden Templatebearbeitungen vorzunehmen, solange du darin noch nicht sattelfest bist.
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» Forum nach links schieben.
» Forum nach rechts bzw. links positionieren
» [phpBB2] Navigationsmenüs nicht nach unten schieben lassen durch Logo?
» Beiträge nach oben oder nach unten schieben
» [phpBB2] Chatbox nach links aufgehend?
» Forum nach rechts bzw. links positionieren
» [phpBB2] Navigationsmenüs nicht nach unten schieben lassen durch Logo?
» Beiträge nach oben oder nach unten schieben
» [phpBB2] Chatbox nach links aufgehend?
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten