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:
<!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.
Author
Topic: Custom Header (Read 5635 times)