Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» Das Plauderforum ist zurück!von Eto Mo 25 Nov 2024 - 17:59
» Style-Wechsel funktioniert nicht mehr
von Miho Mo 25 Nov 2024 - 11:05
» Profil in beiträgen nur im blog deaktivieren.
von Skouliki Mo 25 Nov 2024 - 10:16
» [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
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Agorass in Passwort für meinen Adminbereich vergessen. ( 2 )
» Beitrag von Keks in [phpBB2] Unterforen Nebeneinander
( 1 )
Header mit Rollover.
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
Header mit Rollover.
Hallo zusammen.
Ich bin gerade dabei den Style meines Forums zu verbessern.
Wie man in meinem Portal sehen kann wird beim Header nicht drauf Hingewiesen in zu Klicken um ins Forum zu gelangen.
Nun habe ich dazu die Idee mit Ps einen Header zu slicen und ein Rollover- Button im Header zu erstellen.
Jedoch bin ich mir nicht sicher ob ich den Html code so ohne weiter Informationen auch 1zu1 ins Forum übertragen kann.
Was muss ich beachten bzw. wo sind die Schwierigkeiten und kann ich im Header auch externe Links als bildquelle stellen?
Grundsätzlich ist ja auch die Frage ist das machbar oder aber auch nicht.
Mfg XimiX
Ich bin gerade dabei den Style meines Forums zu verbessern.
Wie man in meinem Portal sehen kann wird beim Header nicht drauf Hingewiesen in zu Klicken um ins Forum zu gelangen.
Nun habe ich dazu die Idee mit Ps einen Header zu slicen und ein Rollover- Button im Header zu erstellen.
Jedoch bin ich mir nicht sicher ob ich den Html code so ohne weiter Informationen auch 1zu1 ins Forum übertragen kann.
Was muss ich beachten bzw. wo sind die Schwierigkeiten und kann ich im Header auch externe Links als bildquelle stellen?
Grundsätzlich ist ja auch die Frage ist das machbar oder aber auch nicht.
Mfg XimiX
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Re: Header mit Rollover.
Es tut mir echt leid, aber ich verstehe erstmal überhaupt nicht was du möchtest.
Kannst du das etwas besser erklären und auch eventuell mal ein Screenshit von dem machen was du meinst?
Kannst du das etwas besser erklären und auch eventuell mal ein Screenshit von dem machen was du meinst?
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Header mit Rollover.
- 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { http://v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { http://v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { http://v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { http://v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('http://img809.imageshack.us/img809/114/logorechts2.png','http://img687.imageshack.us/img687/1600/logolinksu.png')">
<a href="http://d-f-c.forumieren.net/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Portal','','http://img687.imageshack.us/img687/1600/logolinksu.png',1)"><img src="http://img835.imageshack.us/img835/3657/logolinks2.png" alt="Portal" name="Portal" width="179" height="571" border="0" id="Portal" /></a><a href="http://d-f-c.forumieren.net/forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forum','','http://img809.imageshack.us/img809/114/logorechts2.png',1)"><img src="http://img854.imageshack.us/img854/7048/logolinks1.png" alt="Forum" name="Forum" width="179" height="571" border="0" id="Forum" /></a>
</body>
</html>
Das soll das Logo ersetzen, nur wo soll ich den html code einfügen das es den platz vom Logo einnimmt
Edit: der Code funktioniert hab ihm als Html Seite gespeichert, bekomme ihn aber nur auf die Startseite und da auch nur als Foren Nachricht
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Re: Header mit Rollover.
Du kannst dein Script und auch den Teil des Logos über das Template overall_header in dein Forum einsetzen.
Das ist kein Problem. Das Script kannst du in der Scriptverwaltung einsetzen und den HTML Teil kannst du im Template an die Stelle setzen wo eigentlich die Grafik steht.
Da ich bei dir etwas Ahnung von der Sache voraussetze, denke ich das du weißt wie das geht.
Das ist kein Problem. Das Script kannst du in der Scriptverwaltung einsetzen und den HTML Teil kannst du im Template an die Stelle setzen wo eigentlich die Grafik steht.
Da ich bei dir etwas Ahnung von der Sache voraussetze, denke ich das du weißt wie das geht.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Header mit Rollover.
Ich fürchte ich brauche da mehr infos.
Template overall_header kann ich nicht zu ordnen bzw. hab ich die Option nicht
Scriptverwaltung finde ich auch keine O.o könnte aber schwören das ich das mal gesehen habe
Edit Habe es gefunden ab jetzt ist es dann nur noch meiner Schwierigkeit die Inhalte synchron rein zu bringen.
Danke für deine Hilfe
Template overall_header kann ich nicht zu ordnen bzw. hab ich die Option nicht
Scriptverwaltung finde ich auch keine O.o könnte aber schwören das ich das mal gesehen habe
Edit Habe es gefunden ab jetzt ist es dann nur noch meiner Schwierigkeit die Inhalte synchron rein zu bringen.
Danke für deine Hilfe
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Re: Header mit Rollover.
So Habe das Script eingefügt aber es funktioniert mit den Rollover nicht
Und den Bereich für den Header finde ich im Script auch nicht
Header sitzt jetzt korrekt aber er nimmt mein Script nicht an
Die Rolloverfunktion funktioniert immer noch nicht
Edit: ich werde das Thema bei Code Probleme nochmal hervorbringen hier ist es ja fehl am Platz
Closed
Und den Bereich für den Header finde ich im Script auch nicht
Header sitzt jetzt korrekt aber er nimmt mein Script nicht an
Die Rolloverfunktion funktioniert immer noch nicht
Edit: ich werde das Thema bei Code Probleme nochmal hervorbringen hier ist es ja fehl am Platz
Closed
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Header onmouse over funktionirt nicht.
Hallo zusammen.
Ich habe mittels Dreamweaver CS3 ein Mouseover gemacht.
Das Emblem ist in der Mitte geteilt und sobald man über einen Flügel fährt verändert sich die Farbe in rot beim anklicken kommt man recht zum Forum links zum Portal.
In Dreamweaver funktioniert alles einwandfrei im Forum unter Module als Html Seite führt er es auch ganz aus.
Mein Problem ist das er bei Template overall_header die onmouseover nicht annimmt. Auch wen ich den quellcode an erster Stelle und als ganzes einfüge funktioniert die Farbänderung nicht. Ich vermute das es nicht Korrekt angeführt ist aber kenne die Lösung nicht.
Das reine Logo
Mein Einbindungs- versuch
Das Scrip ist das erste und das Logo habe ich Im Logo-Center Bereich eingefügt
Ich hoffe das ich alles Korrekt darstelle und mein Problem ersichtlich ist.
Danke für eure Hilfe
Mfg
XimiX
Ich habe mittels Dreamweaver CS3 ein Mouseover gemacht.
Das Emblem ist in der Mitte geteilt und sobald man über einen Flügel fährt verändert sich die Farbe in rot beim anklicken kommt man recht zum Forum links zum Portal.
In Dreamweaver funktioniert alles einwandfrei im Forum unter Module als Html Seite führt er es auch ganz aus.
Mein Problem ist das er bei Template overall_header die onmouseover nicht annimmt. Auch wen ich den quellcode an erster Stelle und als ganzes einfüge funktioniert die Farbänderung nicht. Ich vermute das es nicht Korrekt angeführt ist aber kenne die Lösung nicht.
Das reine Logo
- 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">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Unbenanntes Dokument</title>
<script type="text/javascript">
<!--
function MM_preloadImages() { http://v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { http://v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { http://v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { http://v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>
<body onload="MM_preloadImages('http://img809.imageshack.us/img809/114/logorechts2.png','http://img687.imageshack.us/img687/1600/logolinksu.png')">
<a href="http://d-f-c.forumieren.net/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Portal','','http://img687.imageshack.us/img687/1600/logolinksu.png',1)"><img src="http://img835.imageshack.us/img835/3657/logolinks2.png" alt="Portal" name="Portal" width="179" height="571" border="0" id="Portal" /></a><a href="http://d-f-c.forumieren.net/forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forum','','http://img809.imageshack.us/img809/114/logorechts2.png',1)"><img src="http://img854.imageshack.us/img854/7048/logolinks1.png" alt="Forum" name="Forum" width="179" height="571" border="0" id="Forum" /></a>
</body>
</html>
Mein Einbindungs- versuch
Das Scrip ist das erste und das Logo habe ich Im Logo-Center Bereich eingefügt
- 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>
[color=red] <script type="text/javascript">
<!--
function MM_preloadImages() { http://v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { http://v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { http://v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { http://v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>[/color]
<!-- 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}
<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 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 -->
[color=red]<a href="http://d-f-c.forumieren.net/" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Portal','','http://img687.imageshack.us/img687/1600/logolinksu.png',1)"><img src="http://img835.imageshack.us/img835/3657/logolinks2.png" alt="Portal" name="Portal" width="179" height="571" border="0" id="Portal" /></a><a href="http://d-f-c.forumieren.net/forum" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Forum','','http://img809.imageshack.us/img809/114/logorechts2.png',1)"><img src="http://img854.imageshack.us/img854/7048/logolinks1.png" alt="Forum" name="Forum" width="179" height="571" border="0" id="Forum" /></a>[/color]
<!-- 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}>{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 -->
Ich hoffe das ich alles Korrekt darstelle und mein Problem ersichtlich ist.
Danke für eure Hilfe
Mfg
XimiX
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Re: Header mit Rollover.
Warum eröffnest du zu der gleichen Frage ein neues Thema?
Ich füge die Themen nun zusammen.
Und dann kannst du dir gerne noch mal das hier durchlesen:
https://hilfe.forumieren.com/t18374-hinweis-bezuglich-templateanderungen-scripten-und-html-css-codes
Ich füge die Themen nun zusammen.
Und dann kannst du dir gerne noch mal das hier durchlesen:
https://hilfe.forumieren.com/t18374-hinweis-bezuglich-templateanderungen-scripten-und-html-css-codes
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Header mit Rollover.
Habe ich bereits zuvor gelesen. Ich vordere auch niemanden an mir zu helfen es ist eine reine bitte, ich würde mich auch nicht ärgern wen mir niemand Hilft.
Zudem habe ich selbst gestern 5h nach dem Fehler im Quellcode gesucht. und diverse andere Möglichkeiten Probiert.
Natürlich sollte jeder der so etwas anfängt selbst fähig sein sich zu helfen, jedoch wen ich den code aus dem Forum Kopiere und in Dreamweaver einfüge dann geht auch das Logo. Also stelle ich mir die Frage warum der Code nur im Forum bei overall_header nicht Funktioniert sonst geht er überall auch mit ein und dem selben code eben von diesem Tempalte in einer anderen Anwendung. Da werde ich dann doch stutzig.
Wie gesagt ich Frage und Bitte um Hilfe was ja nicht verboten ist insofern ich das verstanden habe. Und ich wüsste keinen Grund mein Style nochmal zu ändern war ja nicht einfach Das Logo zu erstellen wehren mit Forum Style Logo und Html 2 Tage im Eimer.
Ich hoffe das ich nicht zu viel sage oder Falsch verstanden werde und wie gesagt ist es nur eine Bitte
Mfg
XimiX
Zudem habe ich selbst gestern 5h nach dem Fehler im Quellcode gesucht. und diverse andere Möglichkeiten Probiert.
Natürlich sollte jeder der so etwas anfängt selbst fähig sein sich zu helfen, jedoch wen ich den code aus dem Forum Kopiere und in Dreamweaver einfüge dann geht auch das Logo. Also stelle ich mir die Frage warum der Code nur im Forum bei overall_header nicht Funktioniert sonst geht er überall auch mit ein und dem selben code eben von diesem Tempalte in einer anderen Anwendung. Da werde ich dann doch stutzig.
Wie gesagt ich Frage und Bitte um Hilfe was ja nicht verboten ist insofern ich das verstanden habe. Und ich wüsste keinen Grund mein Style nochmal zu ändern war ja nicht einfach Das Logo zu erstellen wehren mit Forum Style Logo und Html 2 Tage im Eimer.
Ich hoffe das ich nicht zu viel sage oder Falsch verstanden werde und wie gesagt ist es nur eine Bitte
Mfg
XimiX
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Re: Header mit Rollover.
Wenn ich mir das richtig anschaue, dann kann es sein, das dein Script nicht richtig eingesetzt ist im Seitenkopf, Du hast das Script in einen BB Code "Color" gesetzt. BBCode ist im HTML nicht erlaubt und kann das Script außer kraft setzen. Hier mal der Ausschnitt von oben:
Dann würde ich das Script dort wegnehmen und es mal direkt vor die Zeile:
</head>
setzen.
Hast du auch darauf geachtet, das du die Gleichen Variablen verwendet hast?
Als letztes, wenn das nicht klappt, würde ich versuchen das Script direkt vor die Funktion direkt hinter:
<!-- BEGIN switch_logo_center -->
zu setzen.
Wenn es dann auch nicht klappt weiß ich im Moment auch nicht weiter.
Aber ganz davon ab, warum nimmst du eine solch Schwere Variante für den Wechsel. Du kannst das auch einfach über eine IMG Class und vier CSS Einträge realisieren.
Denk mal darüber nach.
- Code:
[color=red] <script type="text/javascript">
<!--
function MM_preloadImages() { http://v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function MM_swapImgRestore() { http://v3.0
var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}
function MM_findObj(n, d) { http://v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_swapImage() { http://v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>[/color]
Dann würde ich das Script dort wegnehmen und es mal direkt vor die Zeile:
</head>
setzen.
Hast du auch darauf geachtet, das du die Gleichen Variablen verwendet hast?
Als letztes, wenn das nicht klappt, würde ich versuchen das Script direkt vor die Funktion direkt hinter:
<!-- BEGIN switch_logo_center -->
zu setzen.
Wenn es dann auch nicht klappt weiß ich im Moment auch nicht weiter.
Aber ganz davon ab, warum nimmst du eine solch Schwere Variante für den Wechsel. Du kannst das auch einfach über eine IMG Class und vier CSS Einträge realisieren.
Denk mal darüber nach.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Header mit Rollover.
BBCode habe ich erst hier eingefügt dachte das er das in rot färbt ^^ Fehler von mir hat ne Hirnwindung versagt.
Hab das auch mal so versuch wie du es beschrieben hast und habe auch versucht das Logo mit Dreamweaver ein zu fügen klappt alles nicht.
IMG Class ist mir nicht so bekannt. Was ich mir denke ist das ich die 4 Bilder hoch lade und mit Css via Wechselbild auf die Speicher Plätze verweise.
Werde mich da gleich mal rein lesen und das Probieren thx für den Tipp
Hab das auch mal so versuch wie du es beschrieben hast und habe auch versucht das Logo mit Dreamweaver ein zu fügen klappt alles nicht.
IMG Class ist mir nicht so bekannt. Was ich mir denke ist das ich die 4 Bilder hoch lade und mit Css via Wechselbild auf die Speicher Plätze verweise.
Werde mich da gleich mal rein lesen und das Probieren thx für den Tipp
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Re: Header mit Rollover.
Kannst du bitte mal den Code hier posten, den du in dein Template zwischen:
<!-- BEGIN switch_logo_center -->
und
<!-- END switch_logo_center -->
Eingesetzt hast.
<!-- BEGIN switch_logo_center -->
und
<!-- END switch_logo_center -->
Eingesetzt hast.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Header mit Rollover.
So, ich habe es nun recht einfach für dich gemacht.
Nur weil du im Template overall_header schon so viel geändert hast, ist es nun nicht einfach dir die Änderung zu beschreiben.
Kannst du das Template wieder auf Standard zurücksetzen, ohne das du damit viel kaputt machst?
Ich würde das dann gerne bei dir im Forum direkt einsetzen, weil mir das hier zu viel zu erklären wäre.
Wie es aussieht, kannst du dir in meinem Testforum unter:
http://frank2.forumieren.de/forum
anschauen.
Nur weil du im Template overall_header schon so viel geändert hast, ist es nun nicht einfach dir die Änderung zu beschreiben.
Kannst du das Template wieder auf Standard zurücksetzen, ohne das du damit viel kaputt machst?
Ich würde das dann gerne bei dir im Forum direkt einsetzen, weil mir das hier zu viel zu erklären wäre.
Wie es aussieht, kannst du dir in meinem Testforum unter:
http://frank2.forumieren.de/forum
anschauen.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Header mit Rollover.
So overall_Header ist auf Standarte.
Danke für deine Hilfe
Danke für deine Hilfe
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Re: Header mit Rollover.
Dann versuche ich es jetzt mal zu erklären:
Im Template overall_header diesen Abschnitt suchen:
Die Bilder legen wir nun über die CSS Einträge fest.
Hier der CSS Code dazu:
Diesen habe ich über das CSS einen Hintergrund zugewiesen und ein Hover mit eingesetzt, der dann das zweite Bild anzeigt.
Ich denke das sich das von selber erklärt.
Es kann sein, das die Bilder beim ersten Hovern etwas Zeit benötigen, bis sie angezeigt werden.
Versuch es mal, es ist nicht so schwer wie es aussieht.
Im Template overall_header diesen Abschnitt suchen:
- Code:
<!-- 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 -->
- Code:
<!-- BEGIN switch_logo_center -->
<a href="/forum"><img src="http://2img.net/i/fa/empty.gif" id="i_logo_l" width="179" height="571" border="0" alt="{L_INDEX}" title="Zum Forum" vspace="1" /></a>
<a href="/portal"><img src="http://2img.net/i/fa/empty.gif" id="i_logo_r" width="179" height="571"border="0" alt="{L_INDEX}" title="Zum Portal" vspace="1" /></<br />
<!-- END switch_logo_center -->
Die Bilder legen wir nun über die CSS Einträge fest.
Hier der CSS Code dazu:
- Code:
#i_logo_l {
background-image:url("http://img835.imageshack.us/img835/3657/logolinks2.png");
}
#i_logo_r {
background-image:url("http://img854.imageshack.us/img854/7048/logolinks1.png");
}
#i_logo_l:hover {
background-image:url("http://img687.imageshack.us/img687/1600/logolinksu.png");
}
#i_logo_r:hover {
background-image:url("http://img809.imageshack.us/img809/114/logorechts2.png");
}
Diesen habe ich über das CSS einen Hintergrund zugewiesen und ein Hover mit eingesetzt, der dann das zweite Bild anzeigt.
Ich denke das sich das von selber erklärt.
Es kann sein, das die Bilder beim ersten Hovern etwas Zeit benötigen, bis sie angezeigt werden.
Versuch es mal, es ist nicht so schwer wie es aussieht.
#Frank- Admin a.D.
- Beiträge : 34614
Anmeldedatum : 13.08.08
Re: Header mit Rollover.
^^ Funktioniert Einwand Frei.
Vielen herzlichen dank für die Geduld und die Hilfe
Mfg
XimiX
Vielen herzlichen dank für die Geduld und die Hilfe
Mfg
XimiX
XimiX- Geselle
- Beiträge : 51
Anmeldedatum : 27.01.12
Ähnliche Themen
» Indexmodul neben Header -> Header weg
» Rollover Text
» CSS Navigation-Rollover
» Rollover Advertise Highway
» Rollover Bild für Buttons
» Rollover Text
» CSS Navigation-Rollover
» Rollover Advertise Highway
» Rollover Bild für Buttons
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