Lexi Help
Die neuesten Themen
» [Update] Neues Theme der mobilen Version V2
von Tierfreund-97 Gestern um 23:14

» Mobile Ansicht leider Fehlerhaft
von Br0adsw0rd Gestern um 19:31

» [phpBB2] Hintergrund festpinnen
von Fayé Gestern um 16:56

» Mein altes Forum zurückbekommen
von Bigtuber Do 29 Sep 2016 - 22:59

» Impressum
von #Frank Mi 28 Sep 2016 - 23:45

» [phpBB2] Im Beitrag Bild und Text nebeneinander anzeigen
von #Frank Mi 28 Sep 2016 - 23:43

» [phpBB2] Unicode Emojis im Forum
von Mariacher J.E. Mi 28 Sep 2016 - 22:07

» Themen-Icons
von Bigtuber Mi 28 Sep 2016 - 20:46

» [phpBB2] Schriftfarbe in der Expressantwort
von Bigtuber Mi 28 Sep 2016 - 20:09

» Themen fixieren
von inde Mi 28 Sep 2016 - 20:05

» Begriff : "merken"
von Ray Di 27 Sep 2016 - 12:14

» [PunBB] Umzug eines funktionierenden Forums von PunBB auf phpBB?
von inde Di 27 Sep 2016 - 11:07

» Servamp Forum
von Raine Kamiya Mo 26 Sep 2016 - 22:47

» [phpBB2] Probleme mit der "Postprofil" Anzeige
von Dr.Keks Mo 26 Sep 2016 - 20:56

» Private Nachrichten
von inde Mo 26 Sep 2016 - 10:05

» Wie kann man erkennen, welche Forenversion ein anderes Forum hat?
von inde So 25 Sep 2016 - 22:24

Partner
free forum

Header mit Rollover.

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach unten

Header mit Rollover.

Beitrag von XimiX am 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
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von #Frank am 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?



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von XimiX am 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
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von XimiX am 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
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von XimiX am 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
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Header onmouse over funktionirt nicht.

Beitrag von XimiX am 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://illiweb.com/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
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von #Frank am 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:
http://hilfe.forumieren.com/t18374-hinweis-bezuglich-templateanderungen-scripten-und-html-css-codes



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von XimiX am 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
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von XimiX am 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
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von #Frank am 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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von XimiX am So 29 Jan 2012 - 16:40

So overall_Header ist auf Standarte.

Danke für deine Hilfe

XimiX
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von #Frank am 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://illiweb.com/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://illiweb.com/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.



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

Beitrag von XimiX am So 29 Jan 2012 - 18:33

^^ Funktioniert Einwand Frei.

Vielen herzlichen dank für die Geduld und die Hilfe

Mfg

XimiX

XimiX
Neuling
Neuling

Beiträge : 51
Anmeldedatum : 27.01.12

Nutzerprofil anzeigen

Nach oben Nach unten

Re: Header mit Rollover.

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

Bitte schön.
closed



Keine Unaufgeforderten PN senden! Unsere Regeln Passwort vergessen ? Info's zu den Gründerdaten
Mein IPad schreibt die tollsten Wörter... Nicht wundern... Einfach geniessen...!

Meine Geduld wird geladen:

Fortschritt: 67%
Never change a running system on Friday!

#Frank
Administrator
Administrator

Männlich Beiträge : 34503
Hinweis : Never change a running system on Friday!
Anmeldedatum : 13.08.08
Firefox

Nutzerprofil anzeigen

Nach oben Nach unten

Vorheriges Thema anzeigen Nächstes Thema anzeigen Nach oben


 
Forenbefugnisse:
Sie können in diesem Forum nicht antworten