Table of Contents

Änderungshistorie für Themes in Version 2.1

Diese Seite listet alle Änderungen im Theme-Ordner innerhalb der Version 2.1 auf. Solltest du auf eine neue Version updaten, so musst du alle Änderungen ab deiner vorherigen Version bis zu deiner neuen Admidio-Version nachziehen. Ansonsten kann es zu Darstellungsproblemen kommen.

Die hier angezeigten Änderungen beziehen sich immer auf unsere beiden Standardthemes. Hast du hier Änderungen gemacht, so musst du diese ggf. bei den Anpassungen berücksichtigen. Dies kann z.B. bei Farben der Fall sein.

Version 2.1.0

Bei einem Update von Version 2.0.9 müssen die folgende Dateien im Themeordner angepasst werden. Änderungen bis zur Version 2.0.9 findest du in der Änderungshistorie der 2.0
(falls du nicht überall Änderungen gemacht hast, kannst du auch komplette Ordner einfach ersetzen und z.B. nur den CSS-Ordner manuell anpassen)

overall_header.php
css/photos.css
icons/smilies
icons/arrow_turn_left.png
icons/arrow_turn_right.png
icons/door_in.png
icons/webclipicon.png
ecard_templates/brief_grosses_foto.tpl
ecard_templates/brief_standard.tpl
ecard_templates/grusskarte.tpl

images/prevlabel.gif
images/nextlabel.gif
images/admidio_logo_50.png
images/admidio_logo_75.png
images/admidio_logo_100.png
icons/arrow_out.png

images/loading_animation.gif
css/thickbox.css
icons/arrow_up.png
icons/arrow_down.png
icons/backup.png
icons/backup_big.png
icons/calendar_time.png
icons/close.png
icons/database_save.png
icons/disk_copy.png
icons/email_role.png
icons/info.png
icons/list_global.png
icons/page_white_film.png
icons/page_white_music.png
icons/page_white_openoffice.png
icons/star.png
icons/system_mail.png
icons/update_link.png

Folgenden Block in css/system.css
img {
    border:       0px;
}

ersetzen durch

img {
    border-width:       0px;
}
Folgenden Block in css/system.css
.readonly {
    color:              #666666;
}
 
/* Elemente, die fuer ein Drag&Drop angefasst werden koennen */
.dragable {
    cursor:             move;
    border-width:       0px;
}

ersetzen durch

*[readonly] {
    background-color:   #e5e5e5;
    border-width:       thin;
}
Folgenden Block in css/system.css
button img {
     vertical-align:    middle;
     border-width:      none;
}

ersetzen durch

button img {
     vertical-align:    middle;
     border-width:      0px;
}
Folgenden Block in css/system.css
.boxHeadLeft img {
    margin-right:       5px;
    vertical-align:     bottom;
    border-width:       none;
}

ersetzen durch

.boxHeadLeft img {
    margin-right:       5px;
    vertical-align:     bottom;
    border-width:       0px;
}
Folgenden Block in css/system.css
#ajax_tooltipObj h3 {
    color:              #333333;
    padding-top:        0px;
}

ersetzen durch

#ajax_tooltipObj h3 {
    color:              #333333;
    padding-top:        10px;
}
Folgenden Block in css/system.css
#profile_former_roles_box ul li dl dd {
    margin-left:        55%;
    text-align:         right;
}

ersetzen durch

#profile_former_roles_box ul li dl dd {
    margin-left:        50%;
    text-align:         right;
}
Folgenden Block in css/system.css
#infoboxListsBox {
    width:              400px; 
}

ersetzen durch

#infoboxListsBox {
    width:              500px;
    margin-top:         25px;
}
Folgenden Block in css/system.css einfügen
h3 {
    font-size:          12pt;
    color:              #333333;
    padding:            15px 0px 7px 0px;
}
 
p {
    padding-bottom:     10px;
    padding-top:        10px;
    margin:             0px;
}
 
.imageFrame {
	border: 			1px solid #dddddd; 
	padding: 			3px;
}
 
#textTooltip{
	position:           absolute;
    border:             1px solid #333333;
    text-align:         left;
    color:              #333333;
    width:              auto;
    min-width:          10px;
    max-width:          450px;
    height:             auto;
    min-height:         15px;
    background-color:   #fdf594;
    padding:            5px;
    z-index:            1000001;
	display:            none;
}
 
/*spezielle Anpassung Hilfe Thickbox*/
#message_window .formBody ul {
    padding-left:       20px;
}
 
/* Definitionsliste der Systeminformationsseite*/
 
.systeminfoGood{
    color: #06a600;
}
.systeminfoBad{
    color: #e5000d;
}


Anpassungen für das Modern-Theme

Die folgenden Anpassungen musst du nur durchführen, wenn du ein Theme auf Basis des Modern-Theme nutzt:

Folgenden Block in css/modern.css
#page_header {
    text-align: left;
    margin: 0 auto;
    width: 955px;
}

ersetzen durch

#page_header {
    background-image: url(../images/title.png);
    text-align: left;
    margin: 0 auto;
    width: 960px;
    height: 180px;
}
 
#page_header h1 {
    color: #dbebee;
    top: 112px;
    position: absolute;
    margin-left: 372px;
    padding: 0px;
    font-size: 24pt;
    font-weight: bold;
}
Folgenden Block in css/modern.css
/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #right_block div { 
    margin-left: 622px;
    width: 268px;
}

ersetzen durch

/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #right_block{ 
    width: 300px;
}
Folgenden Block in css/modern.css
#content, #content_left {
    padding-left: 13px;
    padding-right: 12px;
    min-height: 450px;
    min-width: 574px;
}

ersetzen durch

#content, #content_left {
    padding-left: 13px;
    padding-right: 12px;
    min-height: 450px;
    width: 574px;
}
Folgenden Block in css/modern.css entfernen
#orga_name {
    color: #dbebee;
    top: 108px;
    position: absolute;
    margin-left: 372px;
    padding: 0px;
    font-size: 24pt;
    font-weight: bold;
}
Folgenden Block in css/modern.css entfernen
p {
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0px;
}
Folgenden Block in css/modern.css hinzufügen
#top_border_img_big{
    background-image: url(../images/border_top_big.png);
    height: 26px;
    width: 601px;
}
 
#bottom_border_img_big{
    background-image: url(../images/border_bottom_big.png);
    height: 26px;
    width: 601px;
}
 
#top_border_img_small{
    background-image: url(../images/border_top_small.png);
    height: 26px;
    width: 300px;
}
 
#bottom_border_img_small{
    background-image: url(../images/border_bottom_small.png);
    height: 26px;
    width: 300px;
}
Folgenden Block in my_body_top.php
	<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>

ersetzen durch

	<h1><?php echo $g_current_organization->getValue("org_longname"); ?></h1>
Folgenden Block in my_body_top.php
    <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_top_big.png" alt="border" /></div>

ersetzen durch

    <div id="top_border_img_big"></div>
Folgenden Block in my_body_bottom.php
        <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_bottom_big.png" alt="border" /></div>

ersetzen durch

        <div id="bottom_border_img_big"></div>
Folgenden Block in my_body_bottom.php
        <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_top_small.png" alt="border" /></div>

ersetzen durch

        <div id="top_border_img_small"></div>
Folgenden Block in my_body_bottom.php
                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>';
                }

ersetzen durch

                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/backup/backup.php"><img
                    style="vertical-align: middle;" src="'. THEME_PATH. '/icons/backup.png" alt="Datenbank Backup" title="Datenbank Backup" /></a>
                    <a href="'. $g_root_path. '/adm_program/administration/backup/backup.php">Datenbank Backup</a></span>';
                }
Folgenden Block in my_body_bottom.php
        <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_bottom_small.png" alt="border" /></div>

ersetzen durch

        <div id="bottom_border_img_small"></div>

Version 2.1.2

Anpassungen für das Modern-Theme

Die folgenden Anpassungen musst du nur durchführen, wenn du ein Theme auf Basis des Modern-Theme nutzt:

Folgenden Block (ca. Zeile 106) in my_body_bottom.php
                if($g_current_user->approveUsers())

ersetzen durch

                if($g_current_user->approveUsers() && $g_preferences['registration_mode'] > 0)
Folgenden Block in css/modern.css
#sidebar hr {
    margin-top:     10px;
    color:          #d7d7d7;
    border-width:   1px;
    border-style:   dashed;
    text-align:     left;
}

ersetzen durch

#sidebar hr {
    margin: 5px 0px 5px 0px;
    border: 1px dashed #d7d7d7;
    text-align: left;
}

Version 2.1.4

Die Anpassungen für diese Version musst du nur vornehmen, wenn du innerhalb der 2.1 updatest. War deine Version vor der 2.1.4 noch eine 2.0.x, so brauchst du diese Anpassungen nicht vorzunehmen!

overall_header.php

Folgenden Block in css/modern.css

Die folgenden Anpassungen musst du nur durchführen, wenn du ein Theme auf Basis des Modern-Theme nutzt.

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

ersetzen durch

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

Version 2.1.6

Die Anpassungen für diese Version musst du nur vornehmen, wenn du innerhalb der 2.1 updatest. War deine Version vor der 2.1.6 noch eine 2.0.x, so brauchst du diese Anpassungen nicht vorzunehmen!

css/photos.css

Wurden von dir in dieser Datei Anpassungen durchgeführt, so musst du folgende Blöcke in der Datei entsprechend anpassen, wenn dein Theme auf dem Modern-Theme aufbaut:

Folgenden Block in css/photos.css
/*Abständer der Thumbnails mit ihren Icons zu den anderen Elementen*/
.photoThumbnailElement{
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
    width: 120px;
}

ersetzen durch

/*Abstaende der Thumbnails mit ihren Icons zu den anderen Elementen*/
.photoThumbnailElement{
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 0px;
    margin-left: 0px;
}
Folgenden Block in css/photos.css
/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd{
	margin-left: 170px;
	margin-bottom: 5px;
	height: 110px;
	padding: 0px;
}

ersetzen durch

/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd {
	margin-bottom: 5px;
	padding-left: 40px;
}


Folgende Blöcke musst du anpassen, wenn dein Theme auf dem Classic-Theme aufbaut:

Folgenden Block in css/photos.css
/*Die Fotoalben werden in einer Definitionsliste angezeigt*/
.photoAlbumList {
	width: 570px;
    list-style-type: none;
}

ersetzen durch

/*Die Fotoalben werden in einer Definitionsliste angezeigt*/
.photoAlbumList {
	width: 570px;
    list-style-type: none;
    text-align: center;
}
Folgenden Block in css/photos.css
/*dabei bildet ein Vorschaubild den Term*/
.photoAlbumList dt{
	width: 160px;
	text-align: right;
	margin-bottom: 5px;
	float: left;
	padding: 0px;
}

ersetzen durch

/*dabei bildet ein Vorschaubild den Term*/
.photoAlbumList dt {
	text-align: right;
	margin-bottom: 5px;
	float: left;
	width: 50%;
	padding-right: 20px;
}
Folgenden Block in css/photos.css
/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd{
	margin-left: 170px;
	margin-bottom: 5px;
	height: 110px;
	padding: 0px;
	text-align: left;
}

ersetzen durch

/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd {
	margin-bottom: 5px;
	text-align: left;
}