Custom Header

martinwahoo · November 21, 2006, 01:56:45 PM

Hallo
da ich eigentlich recht wenig Ahnung von den Codes habe , hier eine Frage :

Ich habe in dem Theme Mac os x den Header geändert , gefällt mir eigentlich recht gut , nur habe ich jetzt
Scrollbalken da alles zu breit ist
wenn ich jetzt das Theme rainy Day auswähle ist es von der breite so wie es sein sollte , wie kann ich das machen das es in dem max os theme auch so ist , oder was hab ich falsch gemacht
die Gallery ist unter www.buggy125.net Zg Gast / Gast
schon im voraus vielen Dank
gruß
martin

Joachim Müller · November 21, 2006, 02:58:39 PM

Ist ein bekanntes Problem im IE, betrifft nicht nur Coppermine, sondern generell Tabellen-basiertes Layout. Workaround ist, die alles umschließende Tabelle nicht 100% breit zu machen, sondern nur 98%. Allerdings, auf den zweiten Blick ist das nicht der Fall für Dich - Dein Template erzeugt schlicht und ergreifend fehlerhaften, nicht-validen Code durch starten von Tabellen, die nicht geschlossen werden. Bearbeite http://www.buggy125.net/themes/mac_ox_x/template.html: das Konstrukt

Code Select

<table width="100%" border="0" cellpadding="0" cellspacing="0">
    <tr>
      <td valign="top" style="border: 0px solid #CCD7E0; background-color: #FFFFFF;">
        <table width="100%" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td width="100%" align="center">
              <img src="/logos/buggy125.gif" alt="www.Buggy 125.de" longdesc="http://www.buggy125.net/index.php" />

wird nie wieder geschlossen. Füge danach zum schliessen

Code Select

            </td>
          </tr>
        </table>
      </td>
    </tr>
</table>

ein. Falls das nicht der gewünschte Effekt ist, dann füge die Sektion vor </body> ein.

Außerdem im Stylesheet explizit für html und body ganz am Anfang margin und padding auf Null setzen - ersetze

Code Select

body { color : #000000; }in http://www.buggy125.net/themes/mac_ox_x/style.css durch

Code Select

html, body {
    margin:0px;
    padding:0px;
    color:#000000; 
}

martinwahoo · November 21, 2006, 07:52:10 PM

Vielen Dank für die schnelle Hilfe werde es dan mal versuchen vieleicht funkts ja dann , ist mir eh nur zufällig aufgefallen da ich nen Rechner mit
MS IE hatte !

gruß
martin

martinwahoo · November 22, 2006, 01:33:50 AM

Hallo

Habe es jetzt versucht und kann nur einen Teilerfolg sehen , das Gif das ich als Header eingefügt habe bleibt so breit
mache ich das Gif kleiner fehlt an den Rändern ein Stück ,lasse ich es so wie jetzt habe ich mit einer Auflösung von 1280x800 die ganze breite ausgefüllt bei einer Auflösung von 1024x768 fehlt dann ein Stück von dem Gif und ich hab den Scrollbalken dran ,die Tabellen unterhalb der Navigation stimmen jetzt und füllen den Explorer richtig aus bei beiden Auflösungen
hier mein Template , die CSS hab ich wie oben geschrieben auch geänder
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>

</head>
<body>
<div id="CUSTOM_HEADER">
{CUSTOM_HEADER}

<table width="100%" border="0" cellpadding="0" cellspacing="0">
<tr>
<td valign="top" style="border: 0px solid #CCD7E0; background-color: #FFFFFF;">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tr>
<td width="105%" align="center">
<img src="/logos/buggy125.gif" alt="www.Buggy 125.de" longdesc="http://www.buggy125.net/index.php" />
</td>
</tr>
</table>
</td>
</tr>
</table>

<div id="MENUS">
<div id="SUB_MENU">
{SUB_MENU}
</div>
<div id="SYS_MENU">
{SYS_MENU}
</div>
</div>

<div id="GALLERY">
{ADMIN_MENU}
{GALLERY}
</div>

<div id="SELECT_LISTS">
{THEME_SELECT_LIST}
{LANGUAGE_SELECT_LIST}
</div>

<div id="SELECT_FLAGS">
{LANGUAGE_SELECT_FLAGS}
</div>

<div id="CUSTOM_FOOTER">
{CUSTOM_FOOTER}
</div>

<div id="VANITY">
{VANITY}
</div>

</body>
</html>

ich weiß nicht wie ich das ändern kann ,oder braucht das Gif eine bestimmte Größe ?

gruß
martin

Joachim Müller · November 22, 2006, 07:11:04 AM

Dein Problem ist so alt wie das WWW: man weiss halt nicht, welche Auflösung die Besucher der Seite wohl benutzen werden. In den Neunzigern sah man deshalb so hirnlose Dinge wie "diese Seite wurde optimiert für Internet Explorer mit 1024 x 768 Pixeln" in einem lahmen Versuch, den Besuchern eine Auflösung aufzuzwängen. Das ist natürlich Schwachsinn. Inzwischen kann man davon ausgehen, dass die Besucher 800 x 600 Pixel haben oder besser, also bastelt man die Seite so, dass sie mit dieser Auflösung funktioniert. Dazu sägt man die Grafik in zwei Teile: einen "festen", der 800 Pixel oder weniger hat und einen variablen, der daran "angeklebt" wird und sich als Tapete so weit ausdehnt, wie es Platz hat.
So gehst Du vor: lade die Dateien im Anhang herunter und lade sie auf Deine Seite hoch, in das Verzeichnis http://www.buggy125.net/themes/mac_ox_x/images/ (wichtig!).
Dann bearbeite http://www.buggy125.net/themes/mac_ox_x/template.html und ersetze den darin enthaltenen Code mit diesem:

Code Select

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html dir="{LANG_DIR}">
<head>
<meta http-equiv="Content-Type" content="text/html; charset={CHARSET}" />
<meta http-equiv="Pragma" content="no-cache" />
<title>{TITLE}</title>
{META}
<link rel="stylesheet" href="themes/mac_ox_x/style.css" type="text/css" />
<script type="text/javascript" src="scripts.js"></script>
<script language="javascript" type="text/javascript">
<!--
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_showHideLayers() { //v6.0
  var i,p,v,obj,args=MM_showHideLayers.arguments;
  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
    obj.visibility=v; }
}
//-->
</script>
</head>
<body>
<div id="CUSTOM_HEADER">
  {CUSTOM_HEADER}
</div>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="744" style="margin:0px;padding:0px;background-color:#A51C18;background-image:url(themes/mac_ox_x/images/buggy125_links.gif);background-repeat:no-repeat;">
      <img src="images/spacer.gif" width="744" height="134" border="0" alt="" />
    </td>
    <td style="margin:0px;padding:0px;background-color:#A51C18;background-image:url(themes/mac_ox_x/images/buggy125_mitte.gif);background-repeat:repeat-x;">
      <img src="images/spacer.gif" width="8" height="134" border="0" alt="" />
    </td>
    <td width="10" style="margin:0px;padding:0px;background-color:#A51C18;background-image:url(themes/mac_ox_x/images/buggy125_rechts.gif);background-repeat:no-repeat;">
      <img src="images/spacer.gif" width="10" height="134" border="0" alt="" />
    </td>
  </tr>
</table>



<div id="MENUS">
  <div id="SUB_MENU">
    {SUB_MENU}
  </div>

  <div id="SYS_MENU">
    {SYS_MENU}
  </div>
</div>


<div id="GALLERY">
  {ADMIN_MENU}
  {GALLERY}
</div>


<div id="SELECT_LISTS">
  {THEME_SELECT_LIST}
  {LANGUAGE_SELECT_LIST}

</div>


<div id="SELECT_FLAGS">
  {LANGUAGE_SELECT_FLAGS}
</div>

<div id="CUSTOM_FOOTER">
  {CUSTOM_FOOTER}
</div>

<div id="VANITY">
  {VANITY}
</div>


</body>
</html>

Wenn Du wissen willst, was genau da passiert, dann schlag nach unter http://de.selfhtml.org/. Es handelt sich nicht um Coppermine-spezifische Dinge, sondern ganz ordinäres HTML und CSS.

P.S. Deine Verwendung von alt und longdesc sind völlig falsch - Du erreichst damit das Gegenteil von dem, was Du möchtest.

martinwahoo · November 22, 2006, 01:33:38 PM

Hallo
vielen , vielen Dank ! Nachdem ich die pfade geändert hab hats funktioniert ,

gruß
martin

Joachim Müller · November 22, 2006, 06:38:02 PM

Hast natürlich Recht mit den Pfaden, habe meinen obigen Beitrag korrigiert (als Referenz für andere mit ähnlichen Problemen).

Starlight · January 05, 2007, 06:00:11 PM

Hallo,
ich hoffe, jemand kann mir auf eine nicht-fachchinesische Art helfen.

Ich habe nicht gerade Ahnung von Codes und dergleichen. Bisher habe ich alles gewünschte durch Probieren geschafft (und html-Grundkenntnisse) aber nun weiß ich nicht mehr weiter.
Ich habe mir einen eigenen Header für die Gallery gebastelt und auch schon versucht, ihn einzubauen. ABer das ist mir dann doch zu hoch.
Könnte mir vielleicht jemand möglichst einfach erklären, was ich machen muss?
Z.B. Header in welches Verzeichnis genau? Welchen Code ändern?
Danke schonmal...

Starlight · January 07, 2007, 01:22:55 PM

Bitte, bitte, wäre lieb, wenn mir jemand helfen könnte!

Joachim Müller · January 08, 2007, 10:03:54 AM

Starte Deinen eigenen Beitrag mit den notwendigen Infos (Link zu Deiner Galerie, angehängtes gezipptes Theme, gewünschte Änderung). Sperre diesen Thread.

coppermine-gallery.com/forum

News:

Custom Header

martinwahoo

Joachim Müller

martinwahoo

martinwahoo

Joachim Müller

martinwahoo

Joachim Müller

Starlight

Starlight

Joachim Müller