Bitte um Hilfe: Designanpassung

superminis · Beitrag von **superminis** » 31. Mär 2009, 22:05

Guten Abend. Ich weiß, diese Frage ist hier nicht gerne gesehen (das erkenne ich an den vielen Fragen dieser Art die unbeantwortet blieben oder nur einen Hinweis auf die Doku enthielten), aber ich muss trotzdem fragen. Ich bin in CSS absoluter Anfänger und ich schaffe es einfach nicht, den Admidio-Theme "Modern" an meine Seite anzupassen. Mein Ziel ist es, die Seite auf 100 % der Seitenbreite auszudehnen, die Navigation links zu verankern und in der Mitte den Inhalt anzuzeigen. Ich habe einfach versucht in der css-Datei bei right_block (Navigation) den Code meines Navigations-CSS einzufügen (sollte dann links sein) und bei left_block den Bereich meines Content-CSS.

Das Ergebnis sieht in etwa so aus: Der Contentbereich ist zentriert ausgerichtet (OK), darunter ist zentriert die Fußzeile (OK). Wieder darunter ist im linken Drittel des Bildes die Navigation. Diese sollte aber links vom Content-Block liegen.

Vielleicht kann mir jemand genauer sagen, was ich da wie ändern muss.

Die CSS meiner Seite: http://www.superminis.dyn24.net/superminis.css

Die Seite selbst (so sollte mein Admidio dann auch aussehen): http://www.superminis.dyn24.net

Jochen · Beitrag von **Jochen** » 31. Mär 2009, 23:02

Hallo,

Ich weiß, diese Frage ist hier nicht gerne gesehen (das erkenne ich an den vielen Fragen dieser Art die unbeantwortet blieben oder nur einen Hinweis auf die Doku enthielten), aber ich muss trotzdem fragen.

Zum einen kostet ja fragen nichts, zum anderen ist es aber leider immer schwierig auf CSS Fragen zu antworten. Wenns um PHP-Code geht gibt es meistens ein richtig oder Falsch, dass kann man hier immer schwer sagen.

Am günstigsten wäre es wenn man die Fehlerhafte Darstellung irgendwo sehen könnte. So ganz komm ich leider mit Deiner Fehlerbeschreibung nicht klar.

Wir schaffen das schon

Gruß Jochen

matzman2000 · Beitrag von **matzman2000** » 1. Apr 2009, 08:04

Ohne den Quellcode Deiner Seite jetzt weiter zu kennen: Wie positionierst Du denn die Navigation? In der angegebenen CSS Datei gibst Du nur vor, wie das Menu aussieht, nicht aber wo es positioniert wird.

Um Deine Frage beantworten zu können, müsste man auch die eigentliche (noch "fehlerhafte") html Datei einsehen können....

Ps.

Mein Ziel ist es, die Seite auf 100 % der Seitenbreite auszudehnen

Würde ich mir gut überlegen. Wenn jemand mit einer sehr hohen Auflösung auf die Seite kommt, sieht das u.U. ziemlich merkwürdig aus. Ich würde eine feste Breite vorgeben, dann bleibt das Bild einheitlich...

superminis · Beitrag von **superminis** » 1. Apr 2009, 08:22

matzman2000 hat geschrieben:Würde ich mir gut überlegen. Wenn jemand mit einer sehr hohen Auflösung auf die Seite kommt, sieht das u.U. ziemlich merkwürdig aus. Ich würde eine feste Breite vorgeben, dann bleibt das Bild einheitlich...

Mag sein. Ich habe aber einen guten Grund warum ich mich dafür entschieden habe. Kommt jemand mit einer sehr hohen Auflösung auf eine Seite deren fixe Seitenbreit auf 640 Pixel festgelegt ist (laut meinem Server-Logbuch soll auch das ab und zu vorkommen!) sieht er eine "Briefmarken-Seite".

Das Design meiner Seite ist jetzt so und wird nicht geändert. Es muss also der Mitgliederbereich angepasst werden. CSS-Datei und Quellcode der Seite + Screenshot kann ich gerne zeige, Link poste ich, solange ich mir nicht 100%ig sicher bin, dass ich selbst programmierte Module gut abgesichert habe keinen.

Die 'fehlerhafte' HTML-Datei ist nicht fehlerhaft. Das CSS ist fehlerhaft, nachdem ich daran herumgebastelt habe. Außerdem habe ich das Design vorerest nur am Localhost geändert, es ist mir lieber, die Besucher haben auf diesem Bereich der Seite die Navigation rechts (es ist nur der Mitgliederbereich) als unten irgendwie verschoben. Screenshot und Quellcode kann ich dann am Abend posten. Ich dachte halt dass das CSS meiner Seite aussagekräftig genug ist. Diese Positionierungen verwende ich auch bei Admidio. Ich habe ja eigentlich nur bei left_block den CSS-Style meines Content-Bereichs der Homepage und in right_block den Syle meiner Navigation angegeben.

matzman2000 · Beitrag von **matzman2000** » 1. Apr 2009, 09:56

Hallo nochmal,

Du musst Dir nicht auf die Füsse getreten fühlen, das sind hier lediglich gutgemeinte Tipps!

Ich hatte gefragt, wie Du Deine Navigation positionierst. Da Du das nicht beantwortest hast habe ich auf Deiner o.g. Seite im Quellcode nachgesehen und sehe, dass Du zumindest dort mit Tabellen arbeitest. Du positionierst also nicht mit Hilfe von CSS Angaben. Admidio nutzt zur Positionierung aber DIVs, die über CSS formatiert und platziert werden. Das kann man mischen, man muss dann aber genau wissen was man macht. Ich denke, das hier der Fehler bei Deiner Datei liegen wird. In so fern ist diese Datei "fehlerhaft" und nicht die CSS Datei.

Gruss,
Matze

superminis · Beitrag von **superminis** » 1. Apr 2009, 10:19

OK. Was die Tabellen betrifft:

Die Kopfzeile ist in eine Tabelle verpackt
Die Navigation ist in eine Tabelle gepackt
Der Inhalt wird rechts von der Tabelle zentriert (ausgenommen neuester Opera) dargestellt. Und DAFÜR nutze ich CSS!
Kopfzeile und Navigation sind als Tabellen erstellt, weil ich von CSS eigentlich keine Ahnung habe. Und ja, meine Tabellen sind teilweise fehlerhaft. Bei mehreren 100 Seite dauert das Korrigieren von Fehlern schon ewig, vor allem wenn ständig Seiten erweitert werden müssen.

Wenn du meine Seite vollkommen mit CSS formatieren möchtest und mir den Code geben möchtest - natürlich kostenlos - dann gerne

Ich nutze meine vorhandenen Kenntnisse. Und wo ich keine Kenntnisse habe aber dennoch eine Lösung benötige da muss ich eben basteln.
Früher wurde die komplette Seite per Tabelle zusammengehalten (wie ich es im Terminkalender immer noch mache). Das Ergebnis waren Ladezeiten > 35 Sekunden (56 k), das sind jetzt durch mein CSS-Stückellösung > 12 Sekunden.

Jochen · Beitrag von **Jochen** » 1. Apr 2009, 17:21

Naja, Tabellen sind nun mal leider nicht zum Layouten gedacht aber gut, so ist jetzt nun mal.

Noch mal einfach die Schritte:

- Du hast dir eine Kopie des moder Themes angelegt?
- die Kopie ist in den Einstellungen ausgewählt
- dann hast Du angefangen die datei modern.css, my_body_top.php und my_body_bottom zu bearbeiten?

Lief es denn mit der Navigation auf der rechten Seite?

Jetzt sehe ich grade, das Terminmodul ist ja schon drin, da siehts doch gut aus. Du brauchst dir eigentlich nur noch in der System.css die stellen raus zu suchen wo breiten angaben so um 570px stehen und die auf 100% zu setzten. Oder verstehe ich Dein Problem immer noch nicht?

Gruß Jochen

superminis · Beitrag von **superminis** » 2. Apr 2009, 08:21

Ich habe eine Kopie der CSS-Dateien angelegt, arbeite aber im Original-Theme, da ich bei Bedarf die beschädigten Dateien erneut ins Zielverzeichnis kopiere
Mit der Navigation auf der rechten Seite lief es ohne Probleme
Ich habe derzeit nur die my_body_top.php und die modern.css bearbeitet.
Das Terminmodul wird in eine Tabellenseite eingebunden...

Das mit den Breitenangaben ist bereits ein guter Ansatz, den werde ich versuchen.

superminis · Beitrag von **superminis** » 2. Apr 2009, 18:38

So, jetzt bin ich dazu gekommen den Code herauszusuchen:

Screenshot zur besseren Verdeutlichung:

modern.css

h2 {
padding-top: 5px;
margin-top: 0px;
margin-bottom: 5px;
font-size: 12pt;
color: #449ba6;
}

h3 {
padding-bottom: 3px;
font-size: 12pt;
padding-top: 14px;
margin-top: 0px;
margin-bottom: 5px;
color: #459ba6;
}

h4 {
padding-bottom: 3px;
font-size: 11pt;
padding-top: 10px;
margin-top: 0px;
margin-bottom: 0px;
color: #459ba6;
}

.menu {
display: block;
padding-bottom: 7px;
}

#page {
text-align: left;
margin: 0px auto;
padding-top: 15px;
padding-bottom: 15px;
display: block;
}

#left_block {
float: left;
margin-right: 20px;
}

#right_block > div {
/* margin-left: 625px; */

padding-left: 13px;
padding-right: 12px;
}

/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #right_block{
width: 268px;
}

/* spezieller Hack, damit die Menuelinks im IE6 nicht so weit auseinander springen */
html.* #right_block span {
height: 15px;
}

/* damit unter den Rahmenbildern keine 2px Abstand sind */
.img_border {
display: block;
}

#content, #content_left {
/* padding-left: 13px;
padding-right: 12px;
min-height: 450px; */

margin-left: 625px;
}

#sidebar {
padding-left: 15px;
padding-right: 15px;
}

#sidebar hr {
margin-top: 10px;
color: #d7d7d7;
border-width: 1px;
border-style: dashed;
text-align: left;
}

Quellcode der /adm_program/index.php

Code: Alles auswählen

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" dir="ltr" lang="de" xml:lang="de">
<head>
    <!-- (c) 2004 - 2009 The Admidio Team - http://www.admidio.org -->
    
    <meta http-equiv="content-type" content="text/html; charset=utf-8" />
    
    <title>Test - Übersicht</title>    
    
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/adm_themes/modern/css/system.css" />
    <link rel="stylesheet" href="http://127.0.0.1/adm_themes/modern/css/thickbox.css" type="text/css" media="screen" />
    <script type="text/javascript"><!-- 
		var gRootPath  = "http://127.0.0.1/_test/admidio_2.1_Beta_1"; 
		var gThemePath = "http://127.0.0.1/adm_themes/modern"; 
	--></script>
    <script type="text/javascript" src="http://127.0.0.1/adm_program/libs/jquery/jquery.js"></script>
    <script type="text/javascript" src="http://127.0.0.1/adm_program/libs/thickbox/thickbox.js"></script>
    <script type="text/javascript" src="http://127.0.0.1/adm_program/system/js/common_functions.js"></script>
    <script type="text/javascript" src="http://127.0.0.1/adm_program/libs/tooltip/ajax-tooltip.js"></script>
    
    <link rel="stylesheet" href="http://127.0.0.1/adm_themes/modern/css/overview_modules.css" type="text/css" />

    <!--[if lt IE 7]>
        <script type="text/javascript">if (typeof blankImg == 'undefined') var blankImg = 'http://127.0.0.1/adm_program/libs/iepngfix/blank.gif';</script>
        <style type="text/css">img, div {behavior: url(http://127.0.0.1/adm_program/libs/iepngfix/iepngfix.php)}</style>
    <![endif]-->
<!-- Hier koennen Sie Ihren HTML-Code einbauen, der in jedem <head></head> Bereich
     einer Admidio-Modul-Seite erscheinen soll.
-->

<link rel="shortcut icon" type="image/x-icon" href="http://127.0.0.1/favicon.ico" />
<link rel="apple-touch-icon" href="http://127.0.0.1/favicon.ico" />
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/adm_themes/modern/css/modern.css" />
<link rel="stylesheet" type="text/css" href="http://127.0.0.1/adm_plugins/login_form/login_form.css" />

<div align="left"><table border="0" cellpadding="0" cellspacing="3"  width="100%" >
<tr>
<td>

<table bgcolor="black" border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<td ><table border="0" cellpadding="2" cellspacing="1"  width="100%">
<tr>
<td background="http://127.0.0.1/images/balken.gif"  bgcolor="#4E6F81"  >
                                        <p align="center"><font size="3">&nbsp;</font><b>Testseite</b>
</td>
</tr>
<tr>
<td bgcolor="#587c92" height="62">
    <p align="center"><img src="http://127.0.0.1/images/superminislogo.jpg" width="320" height="90" border="0" style="border:solid 1px black" title=""></td> 
										
		
</tr>
<tr>
<td width="100%" background="http://127.0.0.1/images/balken.gif"    bgcolor="#4E6F81" align="right">
<table border="0" cellpadding="0" cellspacing="0"  width="100%" >
<tr>
<td align="right" width="100%"><FORM style="margin-bottom:0px;padding-top:3px;" NAME="Datum">&nbsp;</FORM></td><td >&nbsp;&nbsp;&nbsp;&nbsp;</td><td valign="top"  >02.04.2009
</td><td>&nbsp;&nbsp;&nbsp;</td>
</tr>
</table>
</td>
</tr>
</table></td>
</tr>
</table>
&nbsp;</td>
</tr>
</table></div>


</head>
<body>
<!-- Hier koennen Sie Ihren HTML-Code einbauen, der am Anfang des <body> Bereich
     einer Admidio-Modul-Seite erscheinen soll.
-->


<div id="page_header">

</div>

<div style="clear: left;"><br /></div>

<div id="page">
	<div id="left_block">
		<div id="top_border_img_big"></div>
		<div id="content_left" class="content">&nbsp;

<ul class="iconTextLinkList"><li>
            <span class="iconTextLink">
                <a href="http://127.0.0.1/adm_program/system/logout.php"><img
                src="http://127.0.0.1/adm_themes/modern/icons/door_in.png" alt="Logout" /></a>
                <a href="http://127.0.0.1/adm_program/system/logout.php">Logout</a>
            </span>
        </li></ul>

<div class="formLayout" id="modules_list_form">
    <div class="formHead">Module</div>
    <div class="formBody">
        <ul class="formFieldList">
                <li>
                    <dl>
                        <dt>
                            <a href="http://127.0.0.1/adm_program/modules/announcements/announcements.php"><img
                            src="http://127.0.0.1/adm_themes/modern/icons/announcements_big.png" alt="Ankündigungen" title="Ankündigungen" /></a>
                        </dt>
                        <dd>
                            <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/modules/announcements/announcements.php">Ankündigungen</a></span><br />
                            <span class="smallFontSize">Hier können Ankündigungen (News / Aktuelles) angeschaut, erstellt und bearbeitet werden.</span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="http://127.0.0.1/adm_program/modules/downloads/downloads.php"><img
                            src="http://127.0.0.1/adm_themes/modern/icons/download_big.png" alt="Downloads" title="Downloads" /></a>
                        </dt>
                        <dd>
                            <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/modules/downloads/downloads.php">Downloads</a></span><br />
                            <span class="smallFontSize">Downloads & Messabläufe</span>
                        </dd>
                    </dl>
                </li>
                <li>
                    <dl>
                        <dt>
                            <a href="http://127.0.0.1/adm_program/modules/photos/photos.php"><img
                            src="http://127.0.0.1/adm_themes/modern/icons/photo_big.png" alt="Fotos" title="Fotos" /></a>
                        </dt>
                        <dd>
                            <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/modules/photos/photos.php">Fotos</a></span><br />
                            <span class="smallFontSize">Hier kannst du Fotos hochladen. Die Fotos werden von den Administratoren in die Fotogalerie übernommen</span>
                        </dd>
                    </dl>
                </li>
            <li>
                <dl>
                    <dt>
                        <a href="http://127.0.0.1/adm_program/modules/profile/profile.php"><img
                        src="http://127.0.0.1/adm_themes/modern/icons/profile_big.png" alt="Mein Profil" title="Mein Profil" /></a>
                    </dt>
                    <dd>
                        <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/modules/profile/profile.php">Mein Profil</a></span>&nbsp;&nbsp;
                            [ <a href="http://127.0.0.1/adm_program/modules/profile/profile_new.php?user_id=1">Profil bearbeiten</a> ]<br />
                        <span class="smallFontSize">Halte deine Kontaktdaten immer aktuell!</span>
                    </dd>
                </dl>
            </li>
                <li>
                    <dl>
                        <dt>
                            <a href="http://127.0.0.1/adm_program/modules/links/links.php"><img
                            src="http://127.0.0.1/adm_themes/modern/icons/weblinks_big.png" alt="Weblinks" title="Weblinks" /></a>
                        </dt>
                        <dd>
                            <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/modules/links/links.php">Weblinks</a></span><br />
                            <span class="smallFontSize">Hier können Links zu interessanten Webseiten abgelegt werden.</span>
                        </dd>
                    </dl>
                </li>
        </ul>
    </div>
</div>
    <div class="formLayout" id="administration_list_form">
        <div class="formHead">Administration</div>
        <div class="formBody">
            <ul class="formFieldList">
                    <li>
                        <dl>
                            <dt>
                                <a href="http://127.0.0.1/adm_program/administration/new_user/new_user.php"><img
                                src="http://127.0.0.1/adm_themes/modern/icons/new_registrations_big.png" alt="Web-Anmeldungen" title="Web-Anmeldungen" /></a>
                            </dt>
                            <dd>
                                <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/administration/new_user/new_user.php">Neue Web-Anmeldungen verwalten</a></span><br />
                                <span class="smallFontSize">Besucher, die sich auf der Homepage registriert haben, können hier freigeschaltet oder abgelehnt werden.</span>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <a href="http://127.0.0.1/adm_program/administration/members/members.php"><img
                                src="http://127.0.0.1/adm_themes/modern/icons/user_administration_big.png" alt="Benutzerverwaltung" title="Benutzerverwaltung" /></a>
                            </dt>
                            <dd>
                                <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/administration/members/members.php">Benutzerverwaltung</a></span><br />
                                <span class="smallFontSize">Mitglieder (Benutzer) können entfernt und neue Mitglieder (Benutzer) können in der Datenbank anlegt werden.</span>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <a href="http://127.0.0.1/adm_program/administration/roles/roles.php"><img
                                src="http://127.0.0.1/adm_themes/modern/icons/roles_big.png" alt="Rollenverwaltung" title="Rollenverwaltung" /></a>
                            </dt>
                            <dd>
                                <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/administration/roles/roles.php">Rollenverwaltung</a></span><br />
                                <span class="smallFontSize">Rollen (Gruppen / Kurse / Abteilungen) können hier erstellt oder bearbeitet, sowie deren
                                     Rechtebereich definiert werden.</span>
                            </dd>
                        </dl>
                    </li>
            <li>
                <dl>
                    <dt>
                        <a href="http://127.0.0.1/adm_program/modules/lists/lists.php"><img
                        src="http://127.0.0.1/adm_themes/modern/icons/lists_big.png" alt="Listen" title="Listen" /></a>
                    </dt>
                    <dd>
                        <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/modules/lists/lists.php">Listen</a></span>&nbsp;&nbsp;
                        [ <a href="http://127.0.0.1/adm_program/modules/lists/mylist.php">Eigene Liste</a>&nbsp;]<br />
                        <span class="smallFontSize">Verschiedene Benutzerlisten der Rollen (Gruppen / Kurse / Abteilungen) anzeigen.</span>
                    </dd>
                </dl>
            </li>
                    <li>
                        <dl>
                            <dt>
                                <a href="http://127.0.0.1/adm_program/administration/backup/backup.php"><img
                                src="http://127.0.0.1/adm_themes/modern/icons/backup_big.png" alt="Datenbank Backup" title="Datenbank Backup" /></a>
                            </dt>
                            <dd>
                                <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/administration/backup/backup.php">Datenbank Backup</a></span><br />
                                <span class="smallFontSize">Ein Backup der Admidio Tabellen in der Datenbank kann hier erstellt werden.</span>
                            </dd>
                        </dl>
                    </li>
                    <li>
                        <dl>
                            <dt>
                                <a href="http://127.0.0.1/adm_program/administration/organization/organization.php"><img
                                src="http://127.0.0.1/adm_themes/modern/icons/options_big.png" alt="Organisationseinstellungen" title="Organisationseinstellungen" /></a>
                            </dt>
                            <dd>
                                <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/administration/organization/organization.php">Organisationseinstellungen</a></span><br />
                                <span class="smallFontSize">Einstellungen für die Organisation, spezifische Profilfelder und Rollenkategorien können hier bearbeitet werden.</span>
                            </dd>
                        </dl>
                    </li>
                <li>
                    <dl>
                        <dt>
                            <a href="http://127.0.0.1/adm_program/modules/dates/dates.php"><img
                            src="http://127.0.0.1/adm_themes/modern/icons/dates_big.png" alt="Termine" title="Termine" /></a>
                        </dt>
                        <dd>
                            <span class="veryBigFontSize"><a href="http://127.0.0.1/adm_program/modules/dates/dates.php">Termine</a></span>&nbsp;&nbsp;
                            [ <a href="http://127.0.0.1/adm_program/modules/dates/dates.php?mode=old">Vergangene Termine</a> ]<br />
                            <span class="smallFontSize">Verwaltung der Termine des öffentlichen Terminkalenders.</span>
                        </dd>
                    </dl>
                </li>
            </ul>
        </div>
    </div>
<!-- Hier koennen Sie Ihren HTML-Code einbauen, der am Ende des <body> Bereichs
     einer Admidio-Modul-Seite erscheinen soll.
-->

        &nbsp;</div>
        <div id="bottom_border_img_big"></div>
    </div>
    <div id="right_block">
        <div id="top_border_img_small"></div>
        <div id="sidebar" class="content">
            <h3>Angemeldet als</h3>    
    <script type="text/javascript">
        function loadPageLogout()
        {self.location.href = 'http://127.0.0.1/adm_program/system/logout.php';
        }
    </script>
    
    <ul class="formFieldList" id="plgLoginFormFieldList">
        <li>
            <dl>
                <dt>Benutzer:</dt>
                <dd>
                    <a href="http://127.0.0.1/adm_program/modules/profile/profile.php?user_id=1" 
                     title="Profil aufrufen">Matthias Riegler</a>
                </dd>
            </dl>
        </li>
        <li>
            <dl>
                <dt>Aktiv seit:</dt>
                <dd>18:12 Uhr</dd>
            </dl>
        </li>
        <li>
            <dl>
                <dt>Anzahl Logins:</dt>
                <dd>11&nbsp;Neumitglied</dd>
            </dl>
        </li><li>
                <dl>
                    <dt class="iconTextLink"><a href="javascript:loadPageLogout()"><img src="http://127.0.0.1/adm_themes/modern/icons/door_in.png" alt="Logout" /></a>
                        <a href="javascript:loadPageLogout()">Logout</a>
                    </dt>
                </dl>
            </li></ul><br />
            
            <h3>Mitglieder</h3>
            <span class="menu" style="margin-bottom: 10px;"><a href="http://127.0.0.1/adm_program/index.php"><img
                style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/home.png" alt="Übersicht" title="Übersicht" /></a>
                <a href="http://127.0.0.1/adm_program/index.php">Übersicht</a></span>
                <span class="menu"><a href="http://127.0.0.1/adm_program/modules/announcements/announcements.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/announcements.png" alt="Ankündigungen" title="Ankündigungen" /></a>
                    <a href="http://127.0.0.1/adm_program/modules/announcements/announcements.php">Ankündigungen</a></span>
                <span class="menu"><a href="http://127.0.0.1/adm_program/modules/downloads/downloads.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/download.png" alt="Downloads" title="Downloads" /></a>
                    <a href="http://127.0.0.1/adm_program/modules/downloads/downloads.php">Downloads</a></span>
                <span class="menu"><a href="http://127.0.0.1/adm_program/modules/photos/photos.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/photo.png" alt="Fotos" title="Fotos" /></a>
                    <a href="http://127.0.0.1/adm_program/modules/photos/photos.php">Fotos</a></span>

			 <span class="menu"><a href="http://127.0.0.1/adm_program/modules/profile/profile.php"><img
                style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/profile.png" alt="Mein Profil" title="Mein Profil" /></a>
                <a href="http://127.0.0.1/adm_program/modules/profile/profile.php">Mein Profil</a></span>
                <span class="menu"><a href="http://127.0.0.1/adm_program/modules/links/links.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/weblinks.png" alt="Weblinks" title="Weblinks" /></a>
                    <a href="http://127.0.0.1/adm_program/modules/links/links.php">Weblinks</a></span>
                <span class="menu"><a href="http://127.0.0.1/adm_program/cal.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/lists.png" alt="Kuttenfarbe" title="Kuttenfarbe" /></a>
                    <a href="http://127.0.0.1/adm_program/cal.php">Kuttenfarbe</a></span><h3>Administration</h3><span class="menu"><a href="http://127.0.0.1/adm_program/administration/members/members.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/user_administration.png" alt="Benutzerverwaltung" title="Benutzerverwaltung" /></a>
                    <a href="http://127.0.0.1/adm_program/administration/members/members.php">Benutzerverwaltung</a></span><span class="menu"><a href="http://127.0.0.1/adm_program/administration/roles/roles.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/roles.png" alt="Rollenverwaltung" title="Rollenverwaltung" /></a>
                    <a href="http://127.0.0.1/adm_program/administration/roles/roles.php">Rollenverwaltung</a></span><span class="menu"><a href="http://127.0.0.1/adm_program/administration/backup/backup.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/backup.png" alt="Datenbank Backup" title="Datenbank Backup" /></a>
                    <a href="http://127.0.0.1/adm_program/administration/backup/backup.php">Datenbank Backup</a></span><span class="menu"><a href="http://127.0.0.1/adm_program/administration/organization/organization.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/options.png" alt="Organisationseinstellungen" title="Organisationseinstellungen" /></a>
                    <a href="http://127.0.0.1/adm_program/administration/organization/organization.php">Organisationseinstellungen</a></span>
                <span class="menu"><a href="http://127.0.0.1/adm_program/modules/mail/mail.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/email.png" alt="E-Mail" title="E-Mail" /></a>
                    <a href="http://127.0.0.1/adm_program/modules/mail/mail.php">E-Mail</a></span>
                <span class="menu"><a href="http://127.0.0.1/adm_program/modules/dates/dates.php"><img
                    style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/dates.png" alt="Termine" title="Termine" /></a>
                    <a href="http://127.0.0.1/adm_program/modules/dates/dates.php">Termine</a></span>
				<span class="menu"><a href="http://127.0.0.1/adm_program/modules/lists/lists.php"><img
                style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/lists.png" alt="Listen" title="Listen" /></a>
                <a href="http://127.0.0.1/adm_program/modules/lists/lists.php">Listen</a></span>
				<span class="menu"><a href="http://127.0.0.1/adm_program/modules/lists/mylist.php"><img
                style="vertical-align: middle;" src="http://127.0.0.1/adm_themes/modern/icons/mylist.png" alt="Eigene Listen" title="Eigene Listen" /></a>
                <a href="http://127.0.0.1/adm_program/modules/lists/mylist.php">Eigene Listen</a></span>        </div>
        <div id="bottom_border_img_small"></div>

        <div style="clear: both;"></div>
    </div>
</div>

<p>
    <font size="1" color="#A6BAC4">Fusszeile</font>
</p>
</body>
</html>

matzman2000 · Beitrag von **matzman2000** » 3. Apr 2009, 11:08

So ganz grob: Du brauchst die adm_programm/index.php nicht bearbeiten. Du kannst die Navigation über die beiden Dateien my_body_top.php und my_body_bottom.php aus dem Themes Ordner einfügen. Ich habe das einfach mal ganz kurz per Copy&Paste umgestellt, funktioniert soweit auch. Nur für den IE6 müsste man noch eine Änderung bezüglich des unteren Rahmens einfügen.

Datei: my_body_top.php

Code: Alles auswählen

<!-- Hier koennen Sie Ihren HTML-Code einbauen, der am Anfang des <body> Bereich
     einer Admidio-Modul-Seite erscheinen soll.
-->


<div id="page_header">
	<img src="<?php echo THEME_PATH; ?>/images/title.png" alt="Admidio - Die Online-Mitgliederverwaltung" />
	<div id ="orga_name"><?php echo $g_current_organization->getValue("org_longname"); ?></div>
</div>

<div style="clear: left;"><br /></div>

<div id="page">
<div id="left_block">
        <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_top_small.png" alt="border" /></div>
        <div id="sidebar" class="content">
            <?php
            if($g_valid_login)
            {
                echo "<h3>Angemeldet als</h3>";
            }
            else
            {
                echo "<h3>Anmelden</h3>";
            }
            include(SERVER_PATH. "/adm_plugins/login_form/login_form.php");

            echo '<br />
            
            <h3>Module</h3>
            <span class="menu" style="margin-bottom: 10px;"><a href="'. $g_root_path. '/adm_program/index.php"><img
                style="vertical-align: middle;" src="'. THEME_PATH. '/icons/home.png" alt="Übersicht" title="Übersicht" /></a>
                <a href="'. $g_root_path. '/adm_program/index.php">Übersicht</a></span>';
            if( $g_preferences['enable_announcements_module'] == 1
            || ($g_preferences['enable_announcements_module'] == 2 && $g_valid_login))
            {
                echo '
                <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/announcements/announcements.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/announcements.png" alt="Ankündigungen" title="Ankündigungen" /></a>
                    <a href="'. $g_root_path. '/adm_program/modules/announcements/announcements.php">Ankündigungen</a></span>';
            }
            if($g_preferences['enable_download_module'] == 1)
            {
                echo '
                <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/downloads/downloads.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/download.png" alt="Downloads" title="Downloads" /></a>
                    <a href="'. $g_root_path. '/adm_program/modules/downloads/downloads.php">Downloads</a></span>';
            }
            if($g_preferences['enable_mail_module'] == 1)
            {
                echo '
                <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/mail/mail.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/email.png" alt="E-Mail" title="E-Mail" /></a>
                    <a href="'. $g_root_path. '/adm_program/modules/mail/mail.php">E-Mail</a></span>';
            }
            if($g_preferences['enable_photo_module'] == 1 
            || ($g_preferences['enable_photo_module'] == 2 && $g_valid_login))
            {
                echo '
                <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/photos/photos.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/photo.png" alt="Fotos" title="Fotos" /></a>
                    <a href="'. $g_root_path. '/adm_program/modules/photos/photos.php">Fotos</a></span>';
            }
            if( $g_preferences['enable_guestbook_module'] == 1
            || ($g_preferences['enable_guestbook_module'] == 2 && $g_valid_login))            
            {
                echo '
                <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/guestbook/guestbook.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/guestbook.png" alt="Gästebuch" title="Gästebuch" /></a>
                    <a href="'. $g_root_path. '/adm_program/modules/guestbook/guestbook.php">Gästebuch</a></span>';
            }

            echo '
            <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/lists/lists.php"><img
                style="vertical-align: middle;" src="'. THEME_PATH. '/icons/lists.png" alt="Listen" title="Listen" /></a>
                <a href="'. $g_root_path. '/adm_program/modules/lists/lists.php">Listen</a></span>
            <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/lists/mylist.php"><img
                style="vertical-align: middle;" src="'. THEME_PATH. '/icons/mylist.png" alt="Eigene Listen" title="Eigene Listen" /></a>
                <a href="'. $g_root_path. '/adm_program/modules/lists/mylist.php">Eigene Listen</a></span>
            <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/profile/profile.php"><img
                style="vertical-align: middle;" src="'. THEME_PATH. '/icons/profile.png" alt="Mein Profil" title="Mein Profil" /></a>
                <a href="'. $g_root_path. '/adm_program/modules/profile/profile.php">Mein Profil</a></span>';
                
            if( $g_preferences['enable_dates_module'] == 1
            || ($g_preferences['enable_dates_module'] == 2 && $g_valid_login))                    
            {
                echo '
                <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/dates/dates.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/dates.png" alt="Termine" title="Termine" /></a>
                    <a href="'. $g_root_path. '/adm_program/modules/dates/dates.php">Termine</a></span>';
            }
            if( $g_preferences['enable_weblinks_module'] == 1
            || ($g_preferences['enable_weblinks_module'] == 2 && $g_valid_login))            
            {
                echo '
                <span class="menu"><a href="'. $g_root_path. '/adm_program/modules/links/links.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/weblinks.png" alt="Weblinks" title="Weblinks" /></a>
                    <a href="'. $g_root_path. '/adm_program/modules/links/links.php">Weblinks</a></span>';
            }
            if($g_preferences['enable_forum_interface'])
            {
                echo '<span class="menu"><a href="'. $g_forum->url. '"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/forum.png" alt="Forum" title="Forum" /></a>
                    <a href="'. $g_forum->url. '">Forum</a></span>';
            }

            if($g_current_user->isWebmaster() || $g_current_user->assignRoles() || $g_current_user->approveUsers() || $g_current_user->editUsers())
            {
                echo '<h3>Administration</h3>';
                if($g_current_user->approveUsers())
                {
                    echo '<span class="menu"><a href="'. $g_root_path. '/adm_program/administration/new_user/new_user.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/new_registrations.png" alt="Neue Anmeldungen" title="Neue Anmeldungen" /></a>
                    <a href="'. $g_root_path. '/adm_program/administration/new_user/new_user.php">Neue Anmeldungen</a></span>';
                }
                if($g_current_user->editUsers())
                {
                    echo '<span class="menu"><a href="'. $g_root_path. '/adm_program/administration/members/members.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/user_administration.png" alt="Benutzerverwaltung" title="Benutzerverwaltung" /></a>
                    <a href="'. $g_root_path. '/adm_program/administration/members/members.php">Benutzerverwaltung</a></span>';
                }
                if($g_current_user->assignRoles())
                {
                    echo '<span class="menu"><a href="'. $g_root_path. '/adm_program/administration/roles/roles.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/roles.png" alt="Rollenverwaltung" title="Rollenverwaltung" /></a>
                    <a href="'. $g_root_path. '/adm_program/administration/roles/roles.php">Rollenverwaltung</a></span>';
                }
                if($g_current_user->isWebmaster())
                {
                    echo '<span class="menu"><a href="'. $g_root_path. '/adm_program/administration/organization/organization.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/options.png" alt="Organisationseinstellungen" title="Organisationseinstellungen" /></a>
                    <a href="'. $g_root_path. '/adm_program/administration/organization/organization.php">Organisationseinstellungen</a></span>';
                }
            }
            
            ?>
        </div>
        <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_bottom_small.png" alt="border" /></div>

        <div style="clear: both;"></div>
    </div>
	<div id="right_block">
		<div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_top_big.png" alt="border" /></div>
		<div id="content_left" class="content">&nbsp;

Datei: my_body_bottom.php

Code: Alles auswählen

<!-- Hier koennen Sie Ihren HTML-Code einbauen, der am Ende des <body> Bereichs
     einer Admidio-Modul-Seite erscheinen soll.
-->

        &nbsp;</div>
        <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_bottom_big.png" alt="border" /></div>
    </div>
    
</div>

<p>
    <a href="http://www.admidio.org"><img
    src="<?php echo THEME_PATH; ?>/images/admidio_logo_20.png" style="border: 0px; vertical-align: bottom;"
     alt="Das Online-Verwaltungssystem für Vereine, Gruppen und Organisationen"
     title="Das Online-Verwaltungssystem für Vereine, Gruppen und Organisationen" /></a>
    <span style="font-size: 9pt;">&nbsp;&nbsp;&copy; 2004 - 2009&nbsp;&nbsp;Admidio Team</span>
</p>

Datei: modern.css

Code: Alles auswählen

/******************************************************************************
 * Spezielle Cascading-Style-Sheets-Datei nur fuer das Modern-Theme
 *
 * Copyright    : (c) 2004 - 2008 The Admidio Team
 * Homepage     : http://www.admidio.org
 * License      : GNU Public License 2 http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Mit dieser CSS-Datei koennen Sie die spezifischen Anpassungen fuer das
 * Modern-Theme bearbeiten. Dies sind keine Admidio-Standard-CSS-Klassen.
 *
 *****************************************************************************/

#page_header {
    text-align: left;
    margin: 0 auto;
    width: 955px;
}

h2 {
    padding-top: 5px;
    margin-top: 0px;
    margin-bottom: 5px;
    font-size: 14pt;
    color: #449ba6;
}

h3 {
    padding-bottom: 3px;
    font-size: 12pt;
    padding-top: 20px;
    margin-top: 0px;
    margin-bottom: 5px;
    color: #459ba6;
}

h4 {
    padding-bottom: 3px;
    font-size: 11pt;
    padding-top: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #459ba6;
}

#orga_name {
    color: #dbebee;
    top: 108px;
    position: absolute;
    margin-left: 372px;
    padding: 0px;
    font-size: 24pt;
    font-weight: bold;
}

*:first-child+html #orga_name[id] {
    margin-left: -593px!;
}

.menu {
    display: block;
    padding-bottom: 7px;
}

p {
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0px;
}

#page {
    text-align: left;
    margin: 0px auto;
    width: 925px;
    padding-top: 15px;
    padding-bottom: 15px;
    display: block;
}

#left_block {
    float: left;
    margin-right: 20px;
}

#right_block > div {
    margin-left: 330px;
}

/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #left_block div { 
    width: 268px;
}
html.* #right_block div { 
    position: relative;
	left: 2px;
    width: 574px;
}

/* spezieller Hack, damit die Menuelinks im IE6 nicht so weit auseinander springen */
html.* #left_block span { 
    height: 15px;
}

/* damit unter den Rahmenbildern keine 2px Abstand sind */
.img_border {
    display: block;
}

#content, #content_left {
    padding-left: 13px;
    padding-right: 12px;
    min-height: 450px;
    min-width: 574px;
}

.content {
    border-right: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background-color: white;
    background-position: 0 bottom;
    background-repeat: repeat-x;
    background-image: url(../images/background_in_borders.png);
}

#sidebar {
    padding-left: 15px;
    padding-right: 15px;
}

#sidebar hr {
    margin-top:     10px;
    color:          #d7d7d7;
    border-width:   1px;
    border-style:   dashed;
    text-align:     left;
}

Probiere das doch mal aus, vielleicht bringt Dich das ein Stück weiter. Bei mir sieht die Geschichte dann ganz ordentlich aus (Teilausschnitt):

superminis · Beitrag von **superminis** » 6. Apr 2009, 19:47

Ähm. Ja. Auf Firefox 3 sieht es gut aus. Internet Explorer 7 verschiebt den Inhalt unter die Navigation.

Das sind dann die Momente wo ich als IE-Nutzer meinen Browser am liebsten auf den Mond (nein besser auf den Mars

) schießen würde. Selber umsteigen ist ja kein Problem - aber ich kann die Seitenbesucher nicht dazu zwingen, auf Opera oder FF umzusteigen.