Modul 'left' und 'right' ausblenden wenn leer

**Kubik-Rubik** · 10.07.2008 18:32

Kannst du mir mal kurz den Namen deines Templates sagen oder einen Link.

Ich schaue es mir mal an!

Oder schau dir mal das an -> http://www.joomlaportal.de/geloeste-...tml#post658416

**Jörn** · 10.07.2008 18:51

Hallo Kubik-Rubik,

erst mal danke für Deine geduld. Das Template habe ich mir selber gemacht und immer mal wieder was eingefügt und verändert. Den Link zu meiner Seite habe ich in meiner Signatur.

Leider habe ich nicht wirklich Ahnung von PHP/CSS. Das "gelöst" habe ich schon gelesen und versucht für mich anzuwenden, aber leider wird das Template dann immer unbrauchbar

Im Moment habe ich mein Template wieder in den Ausgangszustand zurück versetzt.

VG
Jörn

**blackice2999** · 10.07.2008 20:10

Hallo Jörn,

dann poste doch mal den Inhalt deiner Template -> index.php

Gruß Dennis

**Jörn** · 10.07.2008 20:20

o.K., hier noch mal die ganze index.php:

PHP-Code:


<?php



defined( '_VALID_MOS' ) or die( 'Direct Access to this location is not allowed.' );



?>





<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/ xhtml1-transitional.dtd">



<?php echo "<?xml version=\"1.0\"?>"; ?>



<html xmlns="http://www.w3.org/1999/xhtml">



<head>



<title><?php echo $mosConfig_sitename; ?></title>



<meta **********="Content-Type" content= "text/html; <?php echo _ISO; ?>" />



<?php



if ($my->id) {



include ("editor/editor.php");



initEditor();



}



?>



<?php mosShowHead(); ?>



<link href="<?php echo $mosConfig_live_site; ?>/templates/sharpei24/css/template_css.css" rel="stylesheet" type="text/css" />



<link rel="shortcut icon" href="<?php echo $mosConfig_live_site;?>/images/favicon.ico" />



</head>

<body>



<center>



<div id="komplett">





<div id="header">



<div id="search"><?php mosLoadModules ( "user1", -2); ?> </div>



<div id="user2"><?php mosLoadModules ( "user2", -2); ?> </div>



</div>



<div id="top_div">



<div id="top"><?php mosLoadModules ( "top", -2); ?> </div>



</div>



<div id="center_table">



<div id="left" style="clear:right;">



<?php mosLoadModules ( 'left' ); ?>



</div>



<div id="right">



<?php mosLoadModules ( "right" ); ?>



</div>



<div id="content">



<?php mosPathWay(); ?><br/><br/>



<?php mosMainBody(); ?><br/><br/>



</div>



</div>



<div id="footer"><div id="footer_text">



Copyright ©



<a href=" <?php echo $mosConfig_live_site;?>" accesskey="1">



<?php echo $mosConfig_sitename; ?>



</a>



</div>



</div>



</div>



</center>



</body>



</html>

MFG
Jörn

**blackice2999** · 10.07.2008 20:27

Hab mal einen kleinen Ausschnitt gepostet.

Wenn der nicht funktioniert, kann ich Dir nur anbieten, das Du dein Template mal packst und mir mal per Mail zusendest (mail addy kommt per pm), dann schaue ich mir das hier an. Denke es hängt mit den geFloateten divs zusammen.

PHP-Code:


<div id="center_table">

<?php if (mosCountModules( 'left' )) { ?>

    <div id="left" style="clear:right;">

        <?php mosLoadModules ( 'left' ); ?>
    
    </div>
<?php } ?>

<div id="right">

**Jörn** · 10.07.2008 20:36

mit dem Schnipsel ist die Modulposition und der Div Container weg, Content wird zwar nicht breiter, liegt aber sicher an meiner CSS.

Die normale Ansicht wenn alle Modulpositionen belegt sind paßt aber nicht mehr. Danke für Dein Angebot, ich sende Dir gleich das Template.

______
Jörn

**Jörn** · 14.07.2008 08:58

am Wochenende habe ich auf dieser Seite eine gute Anleitung für die Umsetzung meiner Wünsche bekommen.

Leider wirft die Lösung des einen Problems wieder ein neues Problem auf. In der template_css.css datei stehen unter anderem unter table.modultable.th die Formatierungen für den Modultitel. Auf Grund der oben genannten Lösung greifen diese Formatierungen aber nicht mehr. Wie kann ich also in css z.B dem Menütitel (also z.B. Hauptmenü) einen eigenen Hintergrund oder einen eigenen Style verpassen?

MFG
Jörn

**Jörn** · 14.07.2008 20:45

Da ich die Formatierung für "table.moduletable th" noch immer nicht hinbekommen habe, poste ich mal die ganze css Datei:

PHP-Code:


/* Template Sharpei24 - CSS Datei */



  body { background: rgb(51, 51, 153) none repeat scroll 0%;

    text-align: center;

    font-family: Verdana;

    font-size: 11px;

    }



  h1 { font-size: 1.1em;

    color: rgb(255, 0, 0);

    margin-bottom: 0px;

    }



  h2 { font-size: 1em;

    color: rgb(255, 0, 0);

    }



  h3 { font-size: 1em;

    color: rgb(255, 0, 0);

    }



  a:link, a:visited { text-decoration: none;

    font-weight: bold;

    font-size: 1em;

    color: rgb(255,255,255);

    }



  a:active, a:hover { text-decoration: none;

    font-weight: bold;

    font-size: 1em;

    color: rgb(255, 0, 0);

    }

    

  #komplett { margin: 10px auto;

    width: 95%;

    text-align: left;

    }



  #header { background: rgb(153, 153, 238) url(../images/sharpei_sachsen_head.gif) top left no-repeat;

    border: 2px solid rgb(195, 195, 195);

    margin-bottom: 1%;

    height: 100px;

    }



  #search { float: right;

    width: 100%;

    text-align:right;

    }

 

  #search table.moduletable { border: 2px solid rgb(145, 181, 206);

    padding-left: 2px;

    background-color: rgb(245, 245, 245);

    }

 

  #search .inputbox { border: 0px none ;

    color: rgb(0, 0, 0);

    background-color: rgb(245, 245, 245);

    }

 

  #search .button { border: 1px solid rgb(216, 229, 235);

    color: rgb(0, 0, 0);

    background-color: rgb(245, 245, 245);

    }

 

  #user2 { 

    width: 100%;

    text-align: right;

    margin-top: 22px; 

    }



  #top_div { background: rgb(153, 153, 238);

    border: 2px solid rgb(195, 195, 195);

    padding: 2px;

    margin-bottom: 1%;

    height: 40px;

    align: center;

    }



  #top {align: center;

    hight: 40px;

    padding: 0 17% 0 17%;

    }



  #center_table { padding: 2px;

    margin-top: 1%;

    }





  #modright { /*THIS IS MODULE RIGHT*/

    background: rgb(153, 153, 238);

    border: 2px solid rgb(195, 195, 195);

    float:right;

    width:14%;

    overflow:hidden;

    margin-left:-3px;

    margin-bottom: 1%;

    }

  #modleft {  /*THIS IS MODULE LEFT*/

    background: rgb(153, 153, 238);

    border: 2px solid rgb(195, 195, 195);

    float:left;

    width:19%;

    overflow:hidden;

    margin-right:-3px;

    margin-bottom: 1%;

    }



  .inside {  /*THIS IS CLASS TO PUSH THE MODULE TABLE OF THE EDGES A BIT*/

    padding:3px;

    }



/*COLAPSE MODULES FUNCTIONS */



/*LEFT AND RIGHT MODULES VISIBLE */

#main-body { /*THIS IS MAIN DIV HOLDS THE CONTENT DIV*/

float:left;

width:83%;

}

#content { /*THIS IS CONTENT DIV AND YOUR MAINBODY IS INSIDE OF IT*/

text-align:left;

float:right;

width:80%;

}

/*COLAPSE  LEFT MODULE ONLY*/

#main-body-right {

float:left;

width:80%;

}

#content-right {

text-align:left;

float:left;

width:100%;

}

/*COLAPSE RIGHT MODULE ONLY*/

#main-body-left {

float:left;

width:100%;

padding-right:10px;

}

#content-left {

text-align:left;

float:right;

width:80%;

overflow:hidden;

}

/*COLAPSE RIGHT AND LEFT MODULE */

#main-body-full {

float:left;

width:100%;

}

#content-full {

margin:0 auto;

text-align:left;

width:90%;

}

/*END COLAPSE MODULES FUNCTIONS */





  #content h1 { font-weight: bold;

    font-family: Verdana;

    font-size: 1.1em;

    color: rgb(255, 0, 0);

    }



  #footer{clear:both;

    background-color:rgb(153, 153, 238);

    border: 2px solid rgb(195, 195, 195);

    height:34px;

    width: 95%;

    margin-top:1%;

    vertical-align:bottom;

    }

       

  #footer_text { padding: 7px;

    text-align: center;

    font-size: 0.9em;

    }



  table.moduletable { border: 2px solid pink;

    width: 100%;

    text-align: left;

    font-family: Verdana;

    font-size: 0.9em;

    margin: 30px 0;

    padding: 10px 1px 10px 1px;

    background-color: thistle;

    }



  table.moduletable th { text-align: center;

    line-height: 200%;

    font-family: Verdana;

    font-variant:small-caps;

    font-size: 1.1em;

    color: rgb(153, 153, 238);

    background-color: rgb(51, 51, 153);

    }



  table.moduletable td { text-align: left;

    font-size: 1em;

    font-family: Verdana;

    }





  td { font-family: Verdana;

    font-size: 1em;

    }



  th { font-family: Verdana;

    font-size: 1em;

    }



  p { font-family: Verdana;

    font-size: 1em;

    }*/



  .contentheading, .componentheading { font-weight: bold;

    font-family: Verdana;

    font-size: 1.1em;

    color: rgb(255, 0, 0);

    }



  .small { font-family: Verdana;

    font-size: 0.8em;

    color: rgb(136, 136, 136);

    }



  .createdate { font-family: Verdana;

    font-size: 0.9em;

    color: rgb(136, 136, 136);

    }

  .contentpaneopen {

    background: rgb(153, 153, 238);

    border: 2px solid rgb(195, 195, 195);   

   /*border: pink solid 2px;*/

   /*background-color: thistle;*/

   margin: 3px;

    }

  

/*Navigationsmenü*/



#mainlevel-nav, #active_menu-nav {

 list-style: none;

 font-size: 1em;

 margin: 0;

 padding: 0;

 display: block;

 width: 98%;

 white-space:nowrap;

}

ul#mainlevel-nav {

}

ul#mainlevel-nav li {

 margin: 0 0 1px 2px;

 padding: 1px 0 0 0;

}

ul#mainlevel-nav a, #active_menu-nav a {

 display: block;

 padding: 1px;

 color: white;

 background-color: rgb(51, 51, 153);

 text-decoration: none;

}

ul#mainlevel-nav a:hover {

 color: white;

 background-color: red;

 text-decoration: none;

}

a.mainlevel-nav#active_menu-nav {

 color: white;

 background-color: red;

 text-decoration: none;

}

ul#mainlevel-nav ul li { 

 list-style:none;

 margin-left: -35px;

}

ul#mainlevel-nav ul a {

 color: white;

 background-color: rgb(123,104,238);

 text-decoration: none;

}

ul#mainlevel-nav ul a:hover {

 color: white;

 background-color: red;

 text-decoration: none;

}

a.sublevel-nav#active_menu-nav {

 color: white;

 background-color: red;

 text-decoration: none;

}





  .button { border: 1px solid rgb(216, 229, 235);

    background-color: rgb(98, 139, 177);

    color: rgb(255, 255, 255);

    font-size: 1em;

    font-family: Verdana;

    }



  .inputbox { border: 1px solid rgb(195, 195, 195);

    }

ich weiß, sieht etwas wüßt aus aber ich bin noch nicht zum aufräumen gekommen

Hat jemand eine Idee?

Danke
Jörn

**Jörn** · 14.07.2008 21:45

Eine Anfrage bei den Erstellern der Anleitung hat ergeben, das die Formatierung nicht mit mit

table.modultable th erfolgt, sondern mit

.modultable h3 (wenn Modul output -2 ist)

oder

.module h3 (wenn Modul output -3 ist)

LG
Jörn

Thema: Modul 'left' und 'right' ausblenden wenn leer

LinkBack

Themen-Optionen

Thema durchsuchen

Anzeige

Lesezeichen

Lesezeichen

Berechtigungen