====== Ä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 [[aenderungshistorie_fuer_themes|Ä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)

  * Folgende Dateien müssen in den entsprechenden Ordnern //ersetzt// werden:
**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**\\ 

  * Folgende Dateien müssen in den entsprechenden Ordnern //entfernt// werden:
**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**\\ 

  * Folgende Dateien müssen in den entsprechenden Ordnern //hinzugefügt// werden:
**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 ==
<code css>img {
    border:       0px;
}</code>
ersetzen durch <code css>img {
    border-width:       0px;
}</code>

== Folgenden Block in css/system.css ==
<code css>.readonly {
    color:              #666666;
}

/* Elemente, die fuer ein Drag&Drop angefasst werden koennen */
.dragable {
    cursor:             move;
    border-width:       0px;
}</code>
ersetzen durch <code css>*[readonly] {
    background-color:   #e5e5e5;
    border-width:       thin;
}</code>

== Folgenden Block in css/system.css ==
<code css>button img {
     vertical-align:    middle;
     border-width:      none;
}</code>
ersetzen durch
<code css>button img {
     vertical-align:    middle;
     border-width:      0px;
}</code>

== Folgenden Block in css/system.css ==
<code css>.boxHeadLeft img {
    margin-right:       5px;
    vertical-align:     bottom;
    border-width:       none;
}</code>
ersetzen durch
<code css>.boxHeadLeft img {
    margin-right:       5px;
    vertical-align:     bottom;
    border-width:       0px;
}</code>

== Folgenden Block in css/system.css ==
<code css>#ajax_tooltipObj h3 {
    color:              #333333;
    padding-top:        0px;
}</code>
ersetzen durch
<code css>#ajax_tooltipObj h3 {
    color:              #333333;
    padding-top:        10px;
}</code>

== Folgenden Block in css/system.css ==
<code css>#profile_former_roles_box ul li dl dd {
    margin-left:        55%;
    text-align:         right;
}</code>
ersetzen durch
<code css>#profile_former_roles_box ul li dl dd {
    margin-left:        50%;
    text-align:         right;
}</code>

== Folgenden Block in css/system.css ==
<code css>#infoboxListsBox {
    width:              400px; 
}</code>
ersetzen durch
<code css>#infoboxListsBox {
    width:              500px;
    margin-top:         25px;
}</code>

== Folgenden Block in css/system.css einfügen ==
<code css>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;
}</code>
\\ 
== 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 ==
<code css>
#page_header {
    text-align: left;
    margin: 0 auto;
    width: 955px;
}
</code>
ersetzen durch
<code css>
#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;
}
</code>

== Folgenden Block in css/modern.css ==
<code css>/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #right_block div { 
    margin-left: 622px;
    width: 268px;
}</code>
ersetzen durch
<code css>/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #right_block{ 
    width: 300px;
}</code>

== Folgenden Block in css/modern.css ==
<code css>#content, #content_left {
    padding-left: 13px;
    padding-right: 12px;
    min-height: 450px;
    min-width: 574px;
}</code>
ersetzen durch
<code css>#content, #content_left {
    padding-left: 13px;
    padding-right: 12px;
    min-height: 450px;
    width: 574px;
}</code>

== Folgenden Block in css/modern.css entfernen ==
<code css>#orga_name {
    color: #dbebee;
    top: 108px;
    position: absolute;
    margin-left: 372px;
    padding: 0px;
    font-size: 24pt;
    font-weight: bold;
}</code>

== Folgenden Block in css/modern.css entfernen ==
<code css>p {
    padding-bottom: 10px;
    padding-top: 10px;
    margin: 0px;
}</code>

== Folgenden Block in css/modern.css hinzufügen ==
<code css>
#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;
}</code>

== Folgenden Block in my_body_top.php ==
<code 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></code>
ersetzen durch
<code php>	<h1><?php echo $g_current_organization->getValue("org_longname"); ?></h1></code>

== Folgenden Block in my_body_top.php ==
<code php>    <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_top_big.png" alt="border" /></div>
</code>
ersetzen durch
<code php>    <div id="top_border_img_big"></div></code>

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

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

== Folgenden Block in my_body_bottom.php ==
<code 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>';
                }</code>
ersetzen durch
<code 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>';
                }
				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>';
                }</code>

== Folgenden Block in my_body_bottom.php ==
<code php>        <div><img class="img_border" src="<?php echo THEME_PATH; ?>/images/border_bottom_small.png" alt="border" /></div>
</code>
ersetzen durch
<code php>        <div id="bottom_border_img_small"></div></code>

===== 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 ==
<code php>                if($g_current_user->approveUsers())</code>
ersetzen durch
<code php>                if($g_current_user->approveUsers() && $g_preferences['registration_mode'] > 0)</code>

== Folgenden Block in css/modern.css ==
<code css>#sidebar hr {
    margin-top:     10px;
    color:          #d7d7d7;
    border-width:   1px;
    border-style:   dashed;
    text-align:     left;
}</code>
ersetzen durch
<code css>#sidebar hr {
    margin: 5px 0px 5px 0px;
    border: 1px dashed #d7d7d7;
    text-align: left;
}</code>

===== 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!

  * Folgende Datei muss im Theme-Ordnern //ersetzt// werden:
**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.
<code css>/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #right_block{ 
    width: 268px;
}</code>
ersetzen durch
<code css>/* spezieller Hack, damit der Block im IE6 auch richtig neben den anderem positioniert ist */
html.* #right_block{ 
    width: 300px;
}</code>

===== 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!

  * Hast du keine Anpassungen an der CSS-Datei des Fotomoduls gemacht, so kann folgende Datei im Themesordner einfach ersetzt werden:
**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 ==
<code 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;
}</code>
ersetzen durch
<code css>/*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;
}</code>

== Folgenden Block in css/photos.css ==
<code css>/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd{
	margin-left: 170px;
	margin-bottom: 5px;
	height: 110px;
	padding: 0px;
}</code>
ersetzen durch
<code css>/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd {
	margin-bottom: 5px;
	padding-left: 40px;
}</code>
\\ 
Folgende Blöcke musst du anpassen, wenn dein Theme auf dem **Classic**-Theme aufbaut:

== Folgenden Block in css/photos.css ==
<code css>/*Die Fotoalben werden in einer Definitionsliste angezeigt*/
.photoAlbumList {
	width: 570px;
    list-style-type: none;
}</code>
ersetzen durch
<code css>/*Die Fotoalben werden in einer Definitionsliste angezeigt*/
.photoAlbumList {
	width: 570px;
    list-style-type: none;
    text-align: center;
}</code>

== Folgenden Block in css/photos.css ==
<code css>/*dabei bildet ein Vorschaubild den Term*/
.photoAlbumList dt{
	width: 160px;
	text-align: right;
	margin-bottom: 5px;
	float: left;
	padding: 0px;
}</code>
ersetzen durch
<code css>/*dabei bildet ein Vorschaubild den Term*/
.photoAlbumList dt {
	text-align: right;
	margin-bottom: 5px;
	float: left;
	width: 50%;
	padding-right: 20px;
}</code>

== Folgenden Block in css/photos.css ==
<code css>/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd{
	margin-left: 170px;
	margin-bottom: 5px;
	height: 110px;
	padding: 0px;
	text-align: left;
}</code>
ersetzen durch
<code css>/*die sonstigen Angaben bilden die Definition*/
.photoAlbumList dd {
	margin-bottom: 5px;
	text-align: left;
}</code>