ilch Forum » Allgemein » HTML, PHP, SQL,... » Hilfe bei Design

Geschlossen
  1. Sa. 04.08.2007 17:29 Uhr #1
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Hey zusammen,

    nachdem mein Design von ilch-designs.de an ilch angepasst wurde ( vielen Dank euch nomal ), haben sie jedoch leider nicht gewusst, wie man es macht, dass wenn man einen der 3 grossen Buttons im Header anklickt, die Menupunkte dazu unten kommen 8 wo jetzt Downloads etc. ist ).

    Nun suche ich jemanden von euch, der mir das Design noch ganz fertig stellt, sprich also diese Menus macht.

    mfG Maddin


    verwendete ilchClan Version: 1.1

    betroffene Homepage: externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Sa. 04.08.2007 17:54 Uhr #2
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Naja mit Javascript könnte man das machen, einfach den Inhalt des Divs ändern.
    In diesem Fall macht man wohl 3 Tabellenzeile, vergibt die css eigenschaft display und änder über javascript immer welche Zeile angezeigt werden soll.


    Zuletzt modifiziert von Mairu am 04.08.2007 - 17:57:06
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  3. Sa. 04.08.2007 23:07 Uhr #3
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    Und gibt es vielleicht jemanden hier der das kann ? zunge
    0 Mitglieder finden den Beitrag gut.
  4. So. 05.08.2007 08:47 Uhr #4
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    <html>
    <head>
        <title>{TITLE}</title>
        <meta content="{TITLE}" name="description" />
        <meta content="{SITENAME}" name="copyright" />
<link rel="stylesheet" type="text/css" href="include/designs/exlight/style.css">
<script type="text/javascript" language="Javascript">
<!--
function change_menu(name) {
  document.getElementById('header_menu_main').style.display = 'none';
  document.getElementById('header_menu_comm').style.display = 'none';
  document.getElementById('header_menu_misc').style.display = 'none';
  if (name == 'main') {
    document.getElementById('header_menu_main').style.display = '';
  } else if (name == 'comm') {
    document.getElementById('header_menu_comm').style.display = '';
  } else {
    document.getElementById('header_menu_misc').style.display = '';
  }
} 
-->
</script>
    </head>
    <body style="BACKGROUND-POSITION: 50% top; BACKGROUND-IMAGE: url(include/designs/exlight/images/bg.png); BACKGROUND-REPEAT: repeat-y" bgcolor="#070000" topmargin="8">
        <table cellspacing="0" cellpadding="0" width="634" align="center" summary="" border="0">
            <tbody>
                <tr>
                    <td>
                    <table cellspacing="0" cellpadding="0" width="100%" summary="" border="0">
                        <tbody>
                            <tr>
                                <td><a href="#" onmouseover="change_menu('main');"><img alt="main" src="include/designs/exlight/images/mainnavigation.png" border="0" /></a></td>
                                <td><a href="#" onmouseover="change_menu('comm');"><img alt="community" src="include/designs/exlight/images/communitynavigation.png" border="0" /></a></td>
                                <td><a href="#" onmouseover="change_menu('misc');"><img alt="misc" src="include/designs/exlight/images/miscnavigation.png" border="0" /></a></td>
                            </tr>
                        </tbody>
                    </table>
                    </td>
                </tr>
                <tr>
                    <td>
                    <table cellspacing="0" cellpadding="0" width="100%" summary="" border="0">
                        <tbody>
                            <tr id="header_menu_main" style="">
                                <td><img alt="" src="include/designs/exlight/images/pfeill.png" /></td>
                                <td><a href="index.php?downloads"><img alt="" border="0" src="include/designs/exlight/images/downloads.png" /></a></td>
                                <td><a href="index.php?referenzen"><img alt="" border="0" src="include/designs/exlight/images/referenzen.png" /></a></td>
                                <td><a href="index.php?guildwarsbuild"><img alt="" border="0" src="include/designs/exlight/images/guildwarsbuild.png" /></a></td>
                                <td><a href="index.php?links"><img alt="" border="0" src="include/designs/exlight/images/links.png" /></a></td>
                                <td><img alt="" src="include/designs/exlight/images/pfeilr.png" /></td>
                            </tr>
                            <tr id="header_menu_comm" style="display:none;">
                                <td><img alt="" src="include/designs/exlight/images/pfeill.png" /></td>
                                <td><a href="index.php?downloads"><img alt="" border="0" src="include/designs/exlight/images/downloads.png" /></a></td>
                                <td><a href="index.php?referenzen"><img alt="" border="0" src="include/designs/exlight/images/referenzen.png" /></a></td>
                                <td><a href="index.php?guildwarsbuild"><img alt="" border="0" src="include/designs/exlight/images/guildwarsbuild.png" /></a></td>
                                <td><a href="index.php?links"><img alt="" border="0" src="include/designs/exlight/images/links.png" /></a></td>
                                <td><img alt="" src="include/designs/exlight/images/pfeilr.png" /></td>
                            </tr>
                            <tr id="header_menu_misc" style="display:none;">
                                <td><img alt="" src="include/designs/exlight/images/pfeill.png" /></td>
                                <td><a href="index.php?downloads"><img alt="" border="0" src="include/designs/exlight/images/downloads.png" /></a></td>
                                <td><a href="index.php?referenzen"><img alt="" border="0" src="include/designs/exlight/images/referenzen.png" /></a></td>
                                <td><a href="index.php?guildwarsbuild"><img alt="" border="0" src="include/designs/exlight/images/guildwarsbuild.png" /></a></td>
                                <td><a href="index.php?links"><img alt="" border="0" src="include/designs/exlight/images/links.png" /></a></td>
                                <td><img alt="" src="include/designs/exlight/images/pfeilr.png" /></td>
                            </tr>
                        </tbody>
                    </table>
                    </td>
                </tr>
                <tr>
                    <td><img alt="" src="include/designs/exlight/images/userlogin.png" /></td>
                </tr>
                <tr>
                    <td height="25">
                    <p align="center"><strong>{_boxes_logindfc}</strong></p>
                  </td>
              </tr>
                <tr>
                    <td><img alt="" src="include/designs/exlight/images/content.png" /></td>
                </tr>
                <tr>
                    <td valign="top" height="150">
                    <table cellspacing="0" cellpadding="3" width="100%" summary="" border="0">
                        <tbody>
                            <tr>
                                <td>
                                <p>{HMENU}</p>
                                <p>{EXPLODE}</p>
                                </td>
                            </tr>
                        </tbody>
                    </table>
                    </td>
                </tr>
                <tr>
                    <td><img alt="" src="include/designs/exlight/images/footer.png" /></td>
                </tr>
            </tbody>
        </table>
    </body>
</html>


    Du musst dann eben noch die Bilder und Links in den neuen Tabellenzeilen angeben, also mal nach <tr id="header_menu_misc" und <tr id="header_menu_comm" suchen, ich hoffe das schaffst du alleine.


    Zuletzt modifiziert von Mairu am 05.08.2007 - 14:22:55
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
  5. So. 05.08.2007 12:18 Uhr #5
    User Pic
    MaddinXx Mitglied
    Registriert seit
    15.02.2007
    Beiträge
    787
    Beitragswertungen
    40 Beitragspunkte
    hab den code jetzt mal so hochgeladen wie es hier steht, jedoch gibt es da ein Problem.

    Fahre ich über einen der3 grossen Menus verschiebt sich die Login Box nach unten schockiert

    Da ich noch ein absoluter Neuling bin, weiss ich auch nicht, wie ich die Links ändern kann. Mache ich

    #news kommt -> ?news#news

    Muss ich die 3 Menüs dann im Admincenter so anlegen, mit Misc und so?

    mfG
    0 Mitglieder finden den Beitrag gut.
  6. So. 05.08.2007 12:40 Uhr #6
    User Pic
    Devil Mitglied
    Registriert seit
    02.02.2006
    Beiträge
    2.094
    Beitragswertungen
    21 Beitragspunkte
    Meint er nicht das Dropdownmenü??
    Wer zuletzt lacht, hat den schlechtesten Ping.
    0 Mitglieder finden den Beitrag gut.
  7. So. 05.08.2007 14:25 Uhr #7
    User Pic
    Mairu Coder
    Registriert seit
    16.06.2006
    Beiträge
    15.334
    Beitragswertungen
    387 Beitragspunkte
    Ok hab oben nochmal was geändert, und dann was du ändern sollst ist, in den oben angegeben Sachen gibts z.B. 
    <td><a href="index.php?downloads"><img alt="" border="0" src="include/designs/exlight/images/downloads.png" /></a></td>
    da müsstest du halt das downloads anpassen zum einen beim Bild und zum anderen beim Link.
    Ansonsten kann das ja auch eine von denen machen, die das Design angepasst haben, obwohl es als Designer nicht verkehrt wäre HTML/CSS/JS zu können.
    Und auch immer mal ein Blick auf die FAQ werfen. | Mairus Ilchseite
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu HTML, PHP, SQL,...

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten