[zib]

hallo, ich wollte beim OrangeIce-Design nen zusätzlichen Button einbauen .. dazu habe ich die header-Datei im Template entsprechend abgeändert.
Dabei habe ich wohl das Design leicht "zerschossen" .. ein Rückgängig-machen der Änderungen brachte leider nichts.
Kann mir jemand sagen woran es liegt, das der Schatten so wie im Anhang dargestellt wird ?

Gruß
Frank

   

[Mak]

Poste bitte mal einen Link zur Seite.

[zib]

www.doppelrocken.de

[zib]

mein header-template sieht so aus:

PHP-Code:

<script language="Javascript" type="text/javascript">
         var cookieDomain = "$settings[cookiedomain]";
         var cookiePath = "$settings[cookiepath]";
         var quickdelete_confirm = "$lang->quickdelete_confirm";
         var newpm_prompt = "$lang->newpm_prompt";
         var deleteevent_confirm = "$lang->deleteevent_confirm";
         var removeattach_confirm = "$lang->removeattach_confirm";
    </script>
    <div id="container">
        <div id="header">
        <div class="logo">
        <table width="100%"  border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td align="left" valign="top"><a href="$settings[bburl]/index.php" name="top"><img src="$theme[logo]" alt="$settings[bbname]" border="0" /></a></td>
    <td align="right" valign="top"><a href="$settings[bburl]/search.php"><img src="$theme[imgdir]/toplinks/search.gif" alt="$lang->toplinks_search" title="$lang->toplinks_search" border="0" style="margin:0px; padding:0px;" /></a>
    <a href="$settings[bburl]/memberlist.php"><img src="$theme[imgdir]/toplinks/memberlist.gif" border="0" title="$lang->toplinks_memberlist" alt="$lang->toplinks_memberlist" style="margin:0px; padding:0px;" /></a>
    <a href="$settings[bburl]/calendar.php"><img src="$theme[imgdir]/toplinks/calendar.gif" border="0" title="$lang->toplinks_calendar" alt="$lang->toplinks_calendar" style="margin:0px; padding:0px;" /></a>
    <a href="$settings[bburl]/misc.php?action=help"><img src="$theme[imgdir]/toplinks/help.gif" border="0" title="$lang->toplinks_help" alt="$lang->toplinks_help" style="margin:0px; padding:0px;" /></a></td>
  </tr>
</table>
        </div>
            <hr class="hidden" />
            <div id="panel">
                $welcomeblock
            </div>
                              <div class="schatten_panel"><img src="images/OrangeIce/schatten_links.gif" alt="" width="8" height="8" align="left" style="border:0px; padding:0px; margin:0px;" /><img src="images/OrangeIce/schatten_rechts.gif" alt="" width="8" height="8" align="right" style="border:0px; padding:0px; margin:0px;" />
            </div>
        </div>
        <hr class="hidden" />
        <br class="clear" />
        <div id="content">
            $bannedwarning
            $bbclosedwarning
            $unreadreports
            <navigation>
            <br class="clear" /> 


vielleicht hilft das ja weiter ... der Inhalt ist allerdings absolut identisch zu dem aus der xml-Datei zum Theme

[Mak]

Also ich habe das Forum mal durch den Validator laufen lassen, es sind einige Codefehler drin. Das unmodifizierte MyBB hat keine, da stimmt also was nicht, guck dir das mal an:

http://validator.w3.org/check?uri=http%3...2Fforum%2F

Ich glaube der Fehler liegt darin, dass im Theme etwas geändert wurde. Am einfachsten ist es, wenn du das Theme nochmal neu hochlädst.

[Higgins]

Hallo,

wo sollte der Schatten denn sonst sein oder ist dein Problem die weißte Überschneidung am Rand der Box?

Ich habe es mal so geändert wie es gut aussieht:
Im richtigen Template diesen Teil

Code:

<div class="schatten_panel"><img src="images/OrangeIce/schatten_links.gif" alt="" width="8" height="8" align="left" style="border:0px; padding:0px; margin:0px;" /><img src="images/OrangeIce/schatten_rechts.gif" alt="" width="8" height="8" align="right" style="border:0px; padding:0px; margin:0px;" />
</div>

durch diesen ersetzen:

Code:

<div class="schatten_panel"></div>

Jetzt sind die Bilder weg und man hat keine komischen Punkte mehr.

Beim CSS-Kram suchen nach:

Code:

.schatten_panel {
background-image:url(images/OrangeIce/schatten.gif);
background-repeat:repeat-x;
height:8px;
padding:0px;
margin:-16px 0px 0px 0px;
}

und ersetzen durch

Code:

.schatten_panel {
background-image:url(images/OrangeIce/schatten.gif);
background-repeat:repeat-x;
height:8px;
padding:0px;
margin:-29px 1px 0px 1px;
}

Mfg
Yast

[zib]

hat leider nicht funktioniert .. aber trotzdem danke.
Hab das Theme nochmal neu hochgeladen. Ich musste dafür zwar alles neu anpassen, aber es ging ja nicht anders.
Zur Sicherheit habe ich das Theme jetzt exportiert

[Higgins]

Hat nicht funktioniert? Das wundert mich, bei mir hat es einwandfrei geklappt.

Mfg
Yast