Teammitglieder online
Support-Box
Neue Beiträge seit dem letzten Besuch.
Textbausteine des MODERATIONSTOOL
AB > PFAD > GENERATOR
FORUM > PFAD > GENERATOR
Unterstützung Lösungs-Probleme
Auffällige
User
Der Runde
Tisch
HÄUFIG GESTELLTE FRAGEN
Regeln und nützliche Hinweise
Neueste Themen
» Anti-Spam-Prüfung bei Mitgliedern
von Skouliki Gestern um 15:50

» Die Heidekriger (WaCa) mit Punktesystem
von Rama So 21 Apr 2024 - 20:44

» Forum löschen, Probleme mit Gründeraccount
von Skouliki Di 9 Apr 2024 - 14:03

» [AwsomeBB] LogIn Farbe Weiß auf weiß
von Skouliki Sa 30 März 2024 - 21:14

» kann man noch Blogs hier erstellen?
von Joost Mi 27 März 2024 - 18:40

» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54

» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48

» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44

»  Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03

» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41

» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38

» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07

» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51

» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50

» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33

» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53

» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52

» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47

Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Black Heaven in Anti-Spam-Prüfung bei Mitgliedern
( 1 )


» Beitrag von Skouliki in Anti-Spam-Prüfung bei Mitgliedern
( 1 )


Header mit Rollover.

2 verfasser

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Header mit Rollover. Empty Header mit Rollover.

Beitrag von XimiX Fr 27 Jan 2012 - 18:24

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
XimiX
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank Fr 27 Jan 2012 - 20:13

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?
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von XimiX Fr 27 Jan 2012 - 20:22

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
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank Fr 27 Jan 2012 - 20:42

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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von XimiX Fr 27 Jan 2012 - 21:28

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
XimiX
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von XimiX Fr 27 Jan 2012 - 22:17

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
XimiX
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Header onmouse over funktionirt nicht.

Beitrag von XimiX Sa 28 Jan 2012 - 13:07

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
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 />&nbsp; </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
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank Sa 28 Jan 2012 - 13:14

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
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von XimiX Sa 28 Jan 2012 - 13:28

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. scratch

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 Crying or Very sad

Mfg
XimiX
XimiX
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank So 29 Jan 2012 - 11:14

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:
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]
Das solltest du noch mal Prüfen.
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
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von XimiX So 29 Jan 2012 - 14:53

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
XimiX
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank So 29 Jan 2012 - 14:58

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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank So 29 Jan 2012 - 15:40

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.
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von XimiX So 29 Jan 2012 - 16:40

So overall_Header ist auf Standarte.

Danke für deine Hilfe
XimiX
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank So 29 Jan 2012 - 17:33

Dann versuche ich es jetzt mal zu erklären:
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 -->
Den Teil durch diesen Austauschen:
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 -->
Austauschen.
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");
}
Ich habe im Template die Bilder mit der Leergrafik in der Größe deiner Bilder festgelegt und die Links sowie die Titel angegeben. Die Bilder haben die img Class: i_logo_l und i_logo_r.
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
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von XimiX So 29 Jan 2012 - 18:33

^^ Funktioniert Einwand Frei.

Vielen herzlichen dank für die Geduld und die Hilfe

Mfg

XimiX
XimiX
XimiX
Geselle
Geselle

Beiträge : 51
Anmeldedatum : 27.01.12
keine
phpBB2

Nach oben Nach unten

Header mit Rollover. Empty Re: Header mit Rollover.

Beitrag von #Frank So 29 Jan 2012 - 18:38

Bitte schön.
closed
#Frank
#Frank
Admin a.D.
Admin a.D.

Männlich Beiträge : 34614
Anmeldedatum : 13.08.08
keine
Mozilla Firefox phpBB2

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben

- Ähnliche Themen

 
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten