Hallo, Gast! ( — Registrieren)

Letzte Ankündigung: MyBB 1.8.38 veröffentlicht (30.04.24)


Benutzer, die gerade dieses Thema anschauen: 1 Gast/Gäste
Baumstrukturmodus
Oberes Menü veränder
Digital Shadow Offline
Benutzer
***
Beiträge: 59
Themen: 11
Registriert seit: 03.05.2008
MyBB-Version: 1.2.12
#1
03.05.2008, 16:09
Hi zusammen

Ich bastel grade an meinem Forum und möchte das Obere Menü gegen diese Grafik samt verlinkten Buttons austauschen. Die Standartbuttons sollen verschwinden und irgendwie muss ich das Ganze dann auch verlinken. Dabei dienen die Schriften in der Grafik nur zur orientierung, verlinkt möchte ich nur die "Picturebuttons".
Die komplette Graifk ist per Dreamwaver 9 erstellt worden (über die Rollover Funktion) und ist als html-dokument gespeichert.

Kann mir da jemand helfen?

Gruß
Digi
Suchen
Zitieren
Michael Offline
Administrator
*******
Administratoren
Beiträge: 18.383
Themen: 257
Registriert seit: 09.02.2005
#2
03.05.2008, 18:32
Wenn der HTML-Code schon vorliegt musst du ihn eigentlich nur noch ins Template header einfügen. Javascript und CSS (falls vorhanden) gehören ins Tempate headerinclude. Die Templates findest du im Admin-CP -> Templates -> Ändern/Entfernen -> *Templateset* -> Ausklappen.

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Homepage Suchen
Zitieren
Digital Shadow Offline
Benutzer
***
Beiträge: 59
Themen: 11
Registriert seit: 03.05.2008
MyBB-Version: 1.2.12
#3
03.05.2008, 19:15 (Dieser Beitrag wurde zuletzt bearbeitet: 03.05.2008, 19:37 von Digital Shadow.)
Weiß du genau an welcher stelle es reinmuss ohne den Header rauszuhauen?

Hier ist der html-code
PHP-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>
<style type="text/css">
<!--
body {
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //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() { //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) { //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() { //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('button_startseite_m.png','button_profil_m.png','button_pm_m.png','button_mitglieder_m.png','button_suchen_m.png','button_admin_m.png')">
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" valign"middle"
>
  <tr>
    <th width="950" height="149" align="left" valign="top" background="hintergrund.png"><table width="950" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="249" height="114" align="left" valign="top">&nbsp;</td>
        <td width="64" align="left" valign="top"><table width="26" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="67">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Startseite','','button_startseite_m.png',1)"><img src="button_startseite.png" alt="Startseite" name="Startseite" width="59" height="59" border="0" id="Startseite" /></a></td>
        <td width="10" align="left" valign="top">&nbsp;</td>
        <td width="60" align="left" valign="top"><table width="27" height="68" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="59">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Profil','','button_profil_m.png',1)"><img src="button_profil.png" alt="Profil" name="Profil" width="56" height="56" border="0" id="Profil" /></a></td>
        <td width="17" align="left" valign="top">&nbsp;</td>
        <td width="52" align="left" valign="top"><table width="25" height="74" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="74">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('PM','','button_pm_m.png',1)"><img src="button_pm.png" alt="PM" name="PM" width="50" height="50" border="0" id="PM" /></a></td>
        <td width="31" align="left" valign="top">&nbsp;</td>
        <td width="76" align="left" valign="top"><table width="61" height="57" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Mitglieder','','button_mitglieder_m.png',1)"><img src="button_mitglieder.png" alt="Mitglieder" name="Mitglieder" width="71" height="71" border="0" id="Mitglieder" /></a></td>
        <td width="20" align="left" valign="top">&nbsp;</td>
        <td width="55" align="left" valign="top"><table width="31" height="72" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="52">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Suchen','','button_suchen_m.png',1)"><img src="button_suchen.png" alt="Suchen" name="Suchen" width="54" height="54" border="0" id="Suchen" /></a></td>
        <td width="19" align="left" valign="top">&nbsp;</td>
        <td width="64" align="left" valign="top"><table width="35" height="71" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="71">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Admin','','button_admin_m.png',1)"><img src="button_admin.png" alt="Admin" name="Admin" width="58" height="58" border="0" id="Admin" /></a></td>
        <td width="135" align="left" valign="top">&nbsp;</td>
        <td width="98" align="left" valign="top">&nbsp;</td>
      </tr>
    </table></th>
  </tr>
</table>
</body>
</html> 

Vielleicht ist jemand so nett mir mein Design zu integrieren ich fühl mich da grenzenlos überfordert grad Sad
Suchen
Zitieren
Michael Offline
Administrator
*******
Administratoren
Beiträge: 18.383
Themen: 257
Registriert seit: 09.02.2005
#4
04.05.2008, 12:44
Versuchs einfach. Wenn es konkrete Probleme gibt, kannst du dich ja jederzeit nochmal melden. Und wenn etwas nicht klappt kannst du das Template ja jederzeit zurücksetzen.

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Homepage Suchen
Zitieren
Digital Shadow Offline
Benutzer
***
Beiträge: 59
Themen: 11
Registriert seit: 03.05.2008
MyBB-Version: 1.2.12
#5
04.05.2008, 13:02
Naja ich habe 2 Sachen jetzt ausprobiert. Einmal den kompletten code in dem Header-Template ersetzt und dann nochmal alles was nicht zum code des Headers gehört (also nur das von den Buttons des oberen Menüs). Beides bringt nichts. Entweder lösche ich etwas wichtiges oder da fehlt was noch dazu. Aber um das rauszufinden bin ich nicht erfahren genug fürchte ich Shy
Suchen
Zitieren
Michael Offline
Administrator
*******
Administratoren
Beiträge: 18.383
Themen: 257
Registriert seit: 09.02.2005
#6
04.05.2008, 15:34
Ersetze im Template header
Code:
<a href="{$mybb->settings['bburl']}/index.php"><img src="{$theme['logo']}" alt="{$mybb->settings['bbname']}" /></a>
durch
Code:
<table width="950" border="0" cellspacing="0" cellpadding="0" align="center" valign"middle"
>
  <tr>
    <th width="950" height="149" align="left" valign="top" background="hintergrund.png"><table width="950" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td width="249" height="114" align="left" valign="top">&nbsp;</td>
        <td width="64" align="left" valign="top"><table width="26" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td height="67">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Startseite','','button_startseite_m.png',1)"><img src="button_startseite.png" alt="Startseite" name="Startseite" width="59" height="59" border="0" id="Startseite" /></a></td>
        <td width="10" align="left" valign="top">&nbsp;</td>
        <td width="60" align="left" valign="top"><table width="27" height="68" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="59">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Profil','','button_profil_m.png',1)"><img src="button_profil.png" alt="Profil" name="Profil" width="56" height="56" border="0" id="Profil" /></a></td>
        <td width="17" align="left" valign="top">&nbsp;</td>
        <td width="52" align="left" valign="top"><table width="25" height="74" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="74">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('PM','','button_pm_m.png',1)"><img src="button_pm.png" alt="PM" name="PM" width="50" height="50" border="0" id="PM" /></a></td>
        <td width="31" align="left" valign="top">&nbsp;</td>
        <td width="76" align="left" valign="top"><table width="61" height="57" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td>&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Mitglieder','','button_mitglieder_m.png',1)"><img src="button_mitglieder.png" alt="Mitglieder" name="Mitglieder" width="71" height="71" border="0" id="Mitglieder" /></a></td>
        <td width="20" align="left" valign="top">&nbsp;</td>
        <td width="55" align="left" valign="top"><table width="31" height="72" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="52">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Suchen','','button_suchen_m.png',1)"><img src="button_suchen.png" alt="Suchen" name="Suchen" width="54" height="54" border="0" id="Suchen" /></a></td>
        <td width="19" align="left" valign="top">&nbsp;</td>
        <td width="64" align="left" valign="top"><table width="35" height="71" border="0" cellpadding="0" cellspacing="0">
          <tr>
            <td height="71">&nbsp;</td>
          </tr>
        </table>
          <a href="#" onmouseout="MM_swapImgRestore()" onmouseover="MM_swapImage('Admin','','button_admin_m.png',1)"><img src="button_admin.png" alt="Admin" name="Admin" width="58" height="58" border="0" id="Admin" /></a></td>
        <td width="135" align="left" valign="top">&nbsp;</td>
        <td width="98" align="left" valign="top">&nbsp;</td>
      </tr>
    </table></th>
  </tr>
</table>
Lösche aus dem gleichen Template:
Code:
<div class="menu">
                <ul>
                    <li><a href="{$mybb->settings['bburl']}/search.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/search.gif" alt="" />{$lang->toplinks_search}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/memberlist.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/memberlist.gif" alt="" />{$lang->toplinks_memberlist}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/calendar.php"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/calendar.gif" alt="" />{$lang->toplinks_calendar}</a></li>
                    <li><a href="{$mybb->settings['bburl']}/misc.php?action=help"><img src="{$mybb->settings['bburl']}/{$theme['imgdir']}/toplinks/help.gif" alt="" />{$lang->toplinks_help}</a></li>
                </ul>
Füge am Ende des Templates headerinclude ein:
Code:
<style type="text/css">
<!--
body {
    background-color: #000000;
    margin-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
}
-->
</style>
<script type="text/javascript">
<!--
function MM_preloadImages() { //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() { //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) { //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() { //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>
Öffne die Datei inc/functions.php und suche nach:
PHP-Code:
if($loadpmpopup)
{
    if(my_substr($_SERVER['PHP_SELF'], -strlen("private.php")) != "private.php")
    {
        $contents = str_replace("<body", "<body onload=\"Javascript:MyBB.newPM()\"", $contents);
    }
} 
Ersetzen durch:
PHP-Code:
if($loadpmpopup)
{
    if(my_substr($_SERVER['PHP_SELF'], -strlen("private.php")) != "private.php")
    {
        $contents = str_replace("<body", "<body onload=\"Javascript:MyBB.newPM();MM_preloadImages('button_startseite_m.png','button_profil_m.png','button_pm_m.png','button_mitglieder_m.png','button_suchen_m.png','button_admin_m.png')\"", $contents);
    }
} else {
    $contents = str_replace("<body", "<body onload=\"MM_preloadImages('button_startseite_m.png','button_profil_m.png','button_pm_m.png','button_mitglieder_m.png','button_suchen_m.png','button_admin_m.png')\"", $contents);
} 
Die Dateiänderung ist nur erforderlich, wenn die Rollovergrafiken vorgeladen werden sollen.

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Homepage Suchen
Zitieren
Digital Shadow Offline
Benutzer
***
Beiträge: 59
Themen: 11
Registriert seit: 03.05.2008
MyBB-Version: 1.2.12
#7
04.05.2008, 21:57 (Dieser Beitrag wurde zuletzt bearbeitet: 04.05.2008, 22:23 von Digital Shadow.)
Hm. danke erstmal für die Mühe! Hab das grade Schritt für Schritt befolgt, allerdings wirft er mir jetzt eine Fehlermeldung raus und das Forum zeigt er garnicht mehr an

PHP-Code:
Parse error: syntax error, unexpected $end in /www/htdocs/w009cf63/forum/inc/functions.php on line 3979 

Ich vermute da klappt was mit der php datei nicht. habe erstmal alles wieder auf standart gestellt.
Suchen
Zitieren
Michael Offline
Administrator
*******
Administratoren
Beiträge: 18.383
Themen: 257
Registriert seit: 09.02.2005
#8
04.05.2008, 22:33
Kann es sein, dass du beim Einfügen des Codes eine geschweifte Klammer vergessen hast?

Gruß,
Michael
[Bild: banner.png]
Support erfolgt NUR im Forum!
Bitte gelöste Themen als "erledigt" markieren.
Beiträge mit mangelhafter Rechtschreibung/Grammatik werden kommentarlos gelöscht.
Homepage Suchen
Zitieren
Digital Shadow Offline
Benutzer
***
Beiträge: 59
Themen: 11
Registriert seit: 03.05.2008
MyBB-Version: 1.2.12
#9
05.05.2008, 10:47 (Dieser Beitrag wurde zuletzt bearbeitet: 05.05.2008, 22:13 von Digital Shadow.)
Hm. eigentlich nicht ich habe es so rauskopiert wie du es hier drin hast. Ich versuchs mal gleich nochmal
Suchen
Zitieren
Digital Shadow Offline
Benutzer
***
Beiträge: 59
Themen: 11
Registriert seit: 03.05.2008
MyBB-Version: 1.2.12
#10
05.05.2008, 20:54 (Dieser Beitrag wurde zuletzt bearbeitet: 05.05.2008, 22:23 von Michael.)
Ok ich habe jetzt alles genau so eingefügt wie du gesagt hast. Die Buttons funktionieren jetzt einwandfrei, nur der Header will irgendwie nicht...

Die Innere Tabelle bekomme ich irgendwie nicht so hin das sie wie in diseser Grafik positioniert ist.
   
Ich versuche es so hinzubekommen dass dann eine Zwischengrafikautomatisch zum Hintergrund hinzugefügt wird, wenn das Forum nach unten "wächst":
   
So dass die Forumtabelle quasi in diesem verzierten Fenster bleibt und das Design mit der länger des Forums mit nach unten wächst und dann mit dem Header von dem Design abschließt.

Kannst du mir dabei helfen?
Suchen
Zitieren


Möglicherweise verwandte Themen…
Thema Verfasser Antworten Ansichten Letzter Beitrag
  Menü unter Willkommen Menü ändern mps 2 1.101 26.09.2022, 11:46
Letzter Beitrag: mps
  Postbit Author veränder PatrickGER 6 3.203 05.12.2010, 11:04
Letzter Beitrag: cosmo
  Forumbreite veränder? kimoo 8 3.761 29.09.2009, 17:33
Letzter Beitrag: sportwettentalk
  Oberes Panel zusätzlich auch unten Paccy 2 1.840 23.04.2009, 12:46
Letzter Beitrag: Paccy
  Oberes Menü (Suche, Help etc.) mit Hover Buttons versehen Laello 3 2.574 15.08.2008, 13:00
Letzter Beitrag: StefanT



Foren-Team | Kontakt | MyBB.de | Nach oben | Archiv-Modus | Alle Foren als gelesen markieren | RSS-Synchronisation | Zur mobilen Ansicht