Du befindest Dich im Archiv vom ABAKUS Online Marketing Forum. Hier kannst Du Dich für das Forum mit den aktuellen Beiträgen registrieren.

DIV Container aus und einblenden..

Ajax, Hijax, Microformats, RDF, Markup, HTML, PHP, CSS, MySQL, htaccess, robots.txt, CGI, Java, Javascript usw.
Neues Thema Antworten
Skippi
PostRank 1
PostRank 1
Beiträge: 1
Registriert: 19.03.2007, 19:25

Beitrag von Skippi » 19.03.2007, 20:12

Hallo alle miteinander,

ich stehe vor folgenden Problem: es soll ein Template auf Joomla cms (mit Div und CSS Steuerung ) Basis erstellt werden, dies soll 3 Spaltig werden—Header--- Modul Links--- Content---Modul Rechts--Footer-

soweit so gut, jetzt die Herausforderung!!

Ich habe im Footerbereich eine Grafik die nicht gerade ist, sondern eine Wellenform hat.

Wenn das rechte Modul ausgeblendet wird soll sich die Grafik anpassen und per CSS eine andere geladen werden.

Im Normalzustand wenn linkes und rechtes Modul aktiv sind ist
#footer_con-small aktive.

ist das rechte Modul deaktiviert dann #footer_con-left

ist das linke Modul deaktiviert dann #footer_con-right
linke und rechte Modul deaktiviert und somit nur der Content sichtbar, dann #footer_con-full.

Mann könnte es doch mit els und else if lösen?
Da ich nicht all so fit mit else und else if und deren Schreibweise bin erbitte ich einmal hier von den Profis Hilfe.

Gern sende ich euch einmal ein Bild zu.

Hier noch der Quellcode der CSS und der index.PHP
#footer_con {
position : relative;
width : 1000px;
display : block;
height : 97px;
background : url(../images/lay_footer.png) left top no-repeat;
}

#footer_con-small, #footer_con-left, #footer_con-right, #footer_con-full {
position : relative;
width : 1000px;
display : block;
height : 97px;
background : url(../images/lay_footer.png) left top no-repeat;
}

#footer_con-left {
background-position : 0px -97px;
}

#footer_con-right {
background-position : 0px -194px;
}

#footer_con-full {
background-position : 0px -291px;
}


<?php if ( mosCountModules ('left')>0) { ?>
<td class="mod_tile">
<div class="mod_con" id="mod_left">
<?php mosLoadModules ('left', -2); ?></div>
</td>
<td width="5"><img src="templates/<?php echo $cur_template;?>/images/indent1.png" width="5" alt="" /></td>
<?php } ?>

<?php if ( mosCountModules ('right')>0) { ?>
<td width="4"><img src="templates/<?php echo $cur_template;?>/images/indent1.png" width="4" alt="" /></td>
<td class="mod_tile">
<div class="mod_con" id="mod_right"><?php mosLoadModules ('right', -2); ?></div>
</td>
<?php } ?>

<div id="footer_con-small">
<div id="copyright"><?php echo $copyright; ?></a></div>
<?php if ( mosCountModules ('user7')>0) { ?>
<div id="bottommenu_con"><?php mosLoadModules('user7', -1); ?></div>
<?php } ?>
</div>

Besten Dank im Vorraus