ilch Forum » Ilch Clan 1.1 » Design und Templates » Feinschliffprobleme (Menü und Farben)

Geschlossen
  1. #1
    User Pic
    illch Mitglied
    Registriert seit
    22.01.2008
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Heyho,

    wir wollen auch Ilch als Clan-CMS nutzen und haben uns auch schon ein eigenes Design zusammengeschustert. Aber dort beginnt das Problem. So funktioniert das Design, aber aus irgendeinem Grund sind die Abstände im Menü nicht passend. Über dem ersten Menüpunkt ist ein Abstand, den wir nicht rausbekommen.

    Das andere Problem ist, dass wir die Schriftfarbe im EXPLODE und den anderen Boxen nicht angepasst bekommen. Weiß auf weißem Hintergrund ist unpraktisch. ;-)
    Wären sehr über eure Hilfe erfreut

    P.S.: Hab natürlich auch schon die SuFu benutzt, aber nichts passendes gefunden, was irgendwie weitergeholfen hätte... grumml

    Hier der Index:

    <!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>.:]Lost-Souls-Community[:.</title>
    <link href="include/designs/LS1/style.css" rel="stylesheet" type="text/css" />
    </head>

    <body bgcolor="#FFFFFF" style="margin:0">
    <table width="1000" border="2" align="center" cellpadding="0" cellspacing="0" bordercolor="#FFFFFF">
    <tr>
    <td colspan="3" align="center" valign="top">
    {_list_menunr5@
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="20" background="include/designs/LS1/bilder/login.png"><div align="right">%1</div></td>
    </tr>
    <tr>
    <td height="100" background="include/designs/LS1/bilder/header.png">&nbsp;</td>
    </tr>
    <tr>
    <td height="20" bgcolor="#000000"><div align="center">%2</div></td>
    </tr>
    </table>
    }
    </td>
    </tr>
    <tr>
    <td width="178" align="left" valign="top">
    {_list_menunr1@
    <table width="178" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="34" align="center" valign="middle" background="include/designs/LS1/bilder/links_1.png">%1</td>
    </tr>
    <tr>
    <td align="center" valign="top" background="include/designs/LS1/bilder/links_2.png"><table width="90%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td align="left" valign="top">%2</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="2" align="left" valign="middle" bgcolor="#FFFFFF">&nbsp;</td>
    </tr>
    </table>
    } </td>
    <td width="638" align="center" valign="top"><table width="638" border="0" cellpadding="0" cellspacing="0">
    <tr>
    <td> {_list_menunr3@
    <table width="318" border="0" align="left" cellpadding="0" cellspacing="0">
    <tr>
    <td height="34" background="include/designs/LS1/bilder/mittek_1.png"><div align="center">%1</div></td>
    </tr>
    <tr>
    <td height="115" background="include/designs/LS1/bilder/mittek_2.png" valign="top">%2</td>
    </tr>
    <tr>
    <td height="23" background="include/designs/LS1/bilder/mittek_3.png">&nbsp;</td>
    </tr>
    </table>
    } </td>
    <td> {_list_menunr4@
    <table width="318" border="0" align="right" cellpadding="0" cellspacing="0">
    <tr>
    <td height="34" background="include/designs/LS1/bilder/mittek_1.png"><div align="center">%1</div></td>
    </tr>
    <tr>
    <td height="115" background="include/designs/LS1/bilder/mittek_2.png" valign="top">%2</td>
    </tr>
    <tr>
    <td height="23" background="include/designs/LS1/bilder/mittek_3.png">&nbsp;</td>
    </tr>
    </table>
    } </td>
    </tr>
    </table>
    <table width="638" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="34" align="center" valign="middle" background="include/designs/LS1/bilder/mitte_1.png"><table width="90%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>{HMENU}</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td align="center" valign="top" background="include/designs/LS1/bilder/mitte_2.png"><table width="90%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td align="left" valign="top">{EXPLODE}</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="23" background="include/designs/LS1/bilder/mitte_3.png">&nbsp;</td>
    </tr>
    </table>
    </td>
    <td width="180" align="right" valign="top">
    {_list_menunr2@
    <table width="180" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td height="34" align="center" valign="middle" background="include/designs/LS1/bilder/rechts_1.png">%1</td>
    </tr>
    <tr>
    <td align="center" valign="top" background="include/designs/LS1/bilder/rechts_2.png"><table width="90%" border="0" cellspacing="0" cellpadding="0">
    <tr>
    <td>%2</td>
    </tr>
    </table></td>
    </tr>
    <tr>
    <td height="23" background="include/designs/LS1/bilder/rechts_3.png">&nbsp;</td>
    </tr>
    </table>
    } </td>
    </tr>
    <tr>
    <td height="34" colspan="3" align="left" valign="top" background="include/designs/LS1/bilder/footer.png">&nbsp;</td>
    </tr>
    </table>

    </body>
    </html>
    <!-- {_list_DDDmenupoint@<strong><big>&middot;</big></strong><a %1 class="box" href="%2">%3</a><br />}//-->
    {_list_hmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br />|</ul></li>}
    {_list_hmenubegi@<ul>}
    {_list_hmenuende@</ul>}
    {_list_vmenupoint@<li><a target="%1" class="box" href="%2">%3</a>|</li>|<br /><ul>|</ul></li>}
    {_list_vmenubegi@<ul>}
    {_list_vmenuende@</ul>}



    Und die CSS-Datei:

    body
    {
    background-color: #000000;
    scrollbar-face-color: #55565B;
    scrollbar-highlight-color: #1D212D;
    scrollbar-shadow-color: #6B6B6B;
    scrollbar-3dlight-color: #B5B5B5;
    scrollbar-arrow-color: #B5B5B5;
    scrollbar-track-color: #1D212D;
    scrollbar-darkshadow-color: #55565B;
    color: #FFFFFF;
    }

    .abg
    {
    background-color: #000000;
    }

    td
    {
    font-family: Verdana;
    font-size: 12px;
    }

    a
    {
    color: #B5B5B5;
    font-family: Tahoma;
    font-size: 10px;
    text-decoration: none;
    }

    a:hover
    {
    text-decoration: underline;
    }

    a.box
    {
    color: #000000;
    font-family: Arial;
    font-size: 17px;
    vertical-align:top;
    line-height: 12px;
    text-decoration: none;
    }

    a.box:hover
    {
    text-decoration: none;
    }

    a.menu
    {
    color: #FFFFFF;
    font-family: Tahoma;
    font-size: 10px;
    text-decoration: none;
    }

    a.menu:hover
    {
    text-decoration: none;
    color: #21A4FF;
    }


    .Chead
    {
    background-color: #000000;
    color: #DBDBDB;
    }

    .Chead td, .Chead td strong, .Chead h4, .Chead td b
    {
    color: #DBDBDB;
    }

    .Callg
    {
    background-color: #000000;
    color: #B5B5B5;
    }

    .Callg td
    {
    color: #B5B5B5;
    }

    .newsbox
    { background-color: #111115; }

    .newsdark
    { background-color: #0F0F0F;
    }

    .newstext
    { background-color: #000000;
    }

    .newshead
    { background-color: #020126; background-image:url(head.gif)
    }

    .Cnorm
    {
    background-color: #55565B;
    }
    .Cmite
    {
    background-color: #4C4D52;
    }
    .Cdark
    {
    background-color: #45474C;
    }

    #Ballg
    {
    color: #B5B5B5;
    }
    #Ballg td
    {
    color: #B5B5B5;
    }

    .Bhead

    {
    background-color: #393B40;
    color: #DBDBDB;
    }
    .Bbody
    {
    background-color: #45474C;
    color: #B5B5B5;
    }

    .rand
    {
    border: solid #6B6B6B 1px;
    }
    .smalfont
    {
    font-size: 10px;
    }
    .border
    {
    background-color: #6B6B6B;
    }
    hr
    {
    height: 0px;
    border: solid #6B6B6B 0px;
    border-top-width: 1px;
    }

    input, textarea, select
    {
    color: #000000;
    font: 12px Verdana;
    border-color: #6B6B6B;
    border-width: 1px;
    border-style: solid;
    font-weight: none;
    text-decoration: none;
    background-color: #303235;
    }

    betroffene Homepage: illch.lima-city.de/ilch/


    Zuletzt modifiziert von illch am 22.01.2008 - 19:59:34
    0 Mitglieder finden den Beitrag gut.
  2. #2
    User Pic
    Tolive Mitglied
    Registriert seit
    13.01.2008
    Beiträge
    923
    Beitragswertungen
    9 Beitragspunkte
    naja wie sage ich es am besten?

    Die Probleme die du beschreibst sind eher nebensächlich.

    Im FF ist das gesamte menü nicht stimmig aber kein Abstand über dem ersten Menü.

    Also mein Tipp entweder ihr überarbeitet das ganze noch mal, oder ihr lasst es euch von einem anderen anpassen.
    0 Mitglieder finden den Beitrag gut.
  3. #3
    User Pic
    illch Mitglied
    Registriert seit
    22.01.2008
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    Mhhh...leider kennen wir halt niemanden, der das überarbeiten Könnte/würde.

    Bevor der erste Menüpunkt nicht richtig sitzt, sind die anderen Abstände doch eher nebensächlich, oder nicht? Müsste man dann doch nur wieder ändern, wenn der Erste passt ?!
    Der störende Abstand, der sich nicht beheben lässt, ist der rote Strich. Das beim unteren Bereich noch eine jpg fehlt, ist uns bewusst und kommt die Tage...

    gesperrtes Bild
    0 Mitglieder finden den Beitrag gut.
  4. #4
    User Pic
    illch Mitglied
    Registriert seit
    22.01.2008
    Beiträge
    6
    Beitragswertungen
    0 Beitragspunkte
    *push* :-(
    0 Mitglieder finden den Beitrag gut.
  5. #5
    User Pic
    Tolive Mitglied
    Registriert seit
    13.01.2008
    Beiträge
    923
    Beitragswertungen
    9 Beitragspunkte
    Naja wenn man denn die anderen abstände hinbekommt solte man auch den ersten hinbekommen.

    Tipp von mir in hinsicht auf dem Menü:
    entweder ihr Probiert es erst mal mit einem Statischen oder ihr fragt jemanden der euch das machen kann.
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Design und Templates

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten