Modul FooterboxenLayout

Gesperrt
zimboo
Beiträge: 171
Registriert: Fr 20. Mai 2005, 09:43
Wohnort: Köln - Rondorf
Kontaktdaten:
Kontaktdaten von zimboo

Modul FooterboxenLayout

Beitrag von zimboo »

Hallo Community,

ich habe ein kleines Modul gebastelt, in dem Benutzer die Anzahl und größe von Footerboxen auswählen kann. Das Design läßt sich wunderbar per CSS steuern...

Ich möchte es Euch hier einmal vorstellen:

INPUT: (kommte ohne PHP aus ;-) )

Code: Alles auswählen

?>
<table "cellspacing="0" cellpadding="3">
    <tr>
        <td class="text">Bestimmen Sie hier wieviel Boxen am Seitenende angezeigt werden sollen.</td>
        <td class="text">&nbsp;</td>
    </tr>
    <tr>
        <td class="text">Layout mit drei Boxen (1 kleine, 2 große Boxen)<br />
        <img src="cms/upload/boxen_backgrounds/bsp_drei_footerboxen.jpg"></td>
        <td class="text"><input type="radio" name="CMS_VAR[1]" value="3">&nbsp;dreier Set</td>
    </tr>
        <td class="text">Layout mit vier Boxen (1 kleine, 3 mittelgroße Boxen)<br />
        <img src="cms/upload/boxen_backgrounds/bsp_vier_footerboxen.jpg"></td>
        <td class="text"><input type="radio" name="CMS_VAR[1]" value="4">&nbsp;vierer Set</td>    
    <tr>
    </tr>
</table>
<?php


OUTPUT:

Code: Alles auswählen

<?php
$boxen_layout = "CMS_VALUE[1]";

if($boxen_layout == 3)
{
?> 
    <div id="footer_box_left_klein">
        <div class="box_header">
            <?php
            	if (!isset($tpl) || !is_object($tpl))
            	{
    				$tpl = new Template();
				}
				
				$sText = "CMS_HTMLHEAD[7]";

				$tpl->reset();
				if ($contenido && $edit)
				{
				    $tpl->set('s', 'text', $sText);
				    $tpl->generate('templates/headline_h1.html');
				} 
				else
				{
				    if ($sText != '')
				    {
				        $tpl->set('s', 'text', strip_tags($sText));
				        $tpl->generate('templates/box_headline_1.html');
				    }
				}
           ?>            
        </div>
        <div class="footer_box_klein_text">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[13]");
			$tpl->generate('templates/fb_text_html.html');
			?>
        </div>
    </div>
    
    <div id="footer_box_center_gross">
        <div class="box_header">
            <?php
            	if (!isset($tpl) || !is_object($tpl))
            	{
    				$tpl = new Template();
				}
				
				$sText = "CMS_HTMLHEAD[8]";

				$tpl->reset();
				if ($contenido && $edit)
				{
				    $tpl->set('s', 'text', $sText);
				    $tpl->generate('templates/headline_h1.html');
				} 
				else
				{
				    if ($sText != '')
				    {
				        $tpl->set('s', 'text', strip_tags($sText));
				        $tpl->generate('templates/box_headline_1.html');
				    }
				}
           ?>                      
        </div>
        <div class="fb_gross_content">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[14]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
        <div class="fb_box_gross_schaltflaeche">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[15]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
    </div>
    
    <div id="footer_box_right_gross">
        <div class="box_header">
            <?php
            	if (!isset($tpl) || !is_object($tpl))
            	{
    				$tpl = new Template();
				}
				
				$sText = "CMS_HTMLHEAD[9]";

				$tpl->reset();
				if ($contenido && $edit)
				{
				    $tpl->set('s', 'text', $sText);
				    $tpl->generate('templates/headline_h1.html');
				} 
				else
				{
				    if ($sText != '')
				    {
				        $tpl->set('s', 'text', strip_tags($sText));
				        $tpl->generate('templates/box_headline_1.html');
				    }
				}
           ?>                    
        </div>
        <div class="fb_gross_content">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[16]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
        <div class="fb_box_gross_schaltflaeche">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[17]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
    </div>
<?php
}
else if($boxen_layout == 4)  
{
?>
    <div id="footer_box_left_klein">
        <div class="box_header">
            <?php
            	if (!isset($tpl) || !is_object($tpl))
            	{
    				$tpl = new Template();
				}
				
				$sText = "CMS_HTMLHEAD[10]";

				$tpl->reset();
				if ($contenido && $edit)
				{
				    $tpl->set('s', 'text', $sText);
				    $tpl->generate('templates/headline_h1.html');
				} 
				else
				{
				    if ($sText != '')
				    {
				        $tpl->set('s', 'text', strip_tags($sText));
				        $tpl->generate('templates/box_headline_1.html');
				    }
				}
           ?>                     
        </div>
        <div class="footer_box_klein_text">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[18]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
    </div>
       
    <div id="footer_box_medium_left">
        <div class="box_header">
            <?php
            	if (!isset($tpl) || !is_object($tpl))
            	{
    				$tpl = new Template();
				}
				
				$sText = "CMS_HTMLHEAD[11]";

				$tpl->reset();
				if ($contenido && $edit)
				{
				    $tpl->set('s', 'text', $sText);
				    $tpl->generate('templates/headline_h1.html');
				} 
				else
				{
				    if ($sText != '')
				    {
				        $tpl->set('s', 'text', strip_tags($sText));
				        $tpl->generate('templates/box_headline_1.html');
				    }
				}
           ?>                        
        </div>  
        <div class="footer_box_medium_content">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[19]");
			$tpl->generate('templates/fb_text_html.html');
			?>           
        </div>
        <div class="fb_box_gross_schaltflaeche">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[20]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
    </div>    
           
    <div id="footer_box_medium_left">
        <div class="box_header">
            <?php
            	if (!isset($tpl) || !is_object($tpl))
            	{
    				$tpl = new Template();
				}
				
				$sText = "CMS_HTMLHEAD[12]";

				$tpl->reset();
				if ($contenido && $edit)
				{
				    $tpl->set('s', 'text', $sText);
				    $tpl->generate('templates/headline_h1.html');
				} 
				else
				{
				    if ($sText != '')
				    {
				        $tpl->set('s', 'text', strip_tags($sText));
				        $tpl->generate('templates/box_headline_1.html');
				    }
				}
           ?>                   
        </div>  
        <div class="footer_box_medium_content">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[21]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
        <div class="fb_box_gross_schaltflaeche">
                       	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[22]");
			$tpl->generate('templates/fb_text_html.html');
			?>
        </div>
    </div>   
           
    <div id="footer_box_medium_right">
        <div class="box_header">
            <?php
            	if (!isset($tpl) || !is_object($tpl))
            	{
    				$tpl = new Template();
				}
				
				$sText = "CMS_HTMLHEAD[13]";

				$tpl->reset();
				if ($contenido && $edit)
				{
				    $tpl->set('s', 'text', $sText);
				    $tpl->generate('templates/headline_h1.html');
				} 
				else
				{
				    if ($sText != '')
				    {
				        $tpl->set('s', 'text', strip_tags($sText));
				        $tpl->generate('templates/box_headline_1.html');
				    }
				}
           ?>            
        </div>  
        <div class="footer_box_medium_content">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[23]");
			$tpl->generate('templates/fb_text_html.html');
			?>            
        </div>
        <div class="fb_box_gross_schaltflaeche">
        	<?php
            if (!isset($tpl) || !is_object($tpl)) 
            {
    			$tpl = new Template();
			}

			$tpl->reset();
			$tpl->set('s', 'text', "CMS_HTML[24]");
			$tpl->generate('templates/fb_text_html.html');
			?>           
        </div>
    </div> 
<?php
}
?>
CSS-Style:

Code: Alles auswählen

div#footer_box_left_klein{
    width:200px;
    height:150px;
	background:#f4f4f4;
    border:#cbcccd solid 1px;
    float:left;
}

div#footer_box_center_klein{
    width:200px;
    height:150px;
	background:#f4f4f4;
    border:#cbcccd solid 1px;
    float:left;
    margin:0px;5px;
}

div#footer_box_right_klein{
    width:200px;
    height:150px;
	background:#f4f4f4;
    margin-right:10px;
    border:#cbcccd solid 1px;
    float:right;
    margin-right:10px;
}

div.footer_box_klein_text{
    width:200px;
    height:120px;
}

div#footer_box_medium_left{
	width:250px;
	height:150px;
	background:#f4f4f4;
	border:#cbcccd solid 1px;
	float:left;
	margin-left:7px;
}

div#footer_box_medium_right{
	width:250px;
	height:150px;
	background:#f4f4f4;
	border:#cbcccd solid 1px;
	float:right;
	margin-right:10px;
}

div.footer_box_medium_content{
	width:245px;
	height:86px;
	padding:5px;
}

div#footer_box_left_gross{
    width:381px;
    height:150px;
	background:#f4f4f4;
    border:#cbcccd solid 1px;
    float:left;
}

div#footer_box_center_gross{
    width:381px;
    height:150px;
	background:#f4f4f4;
    border:#cbcccd solid 1px;
    float:left;
    margin:0px 5px; 
}
Über die Konfiguration kann nun der Benutzer auswählen, ob er drei oder vier Boxen am Seitenende angezeigt bekommen möchte. Da ich in das "Output-Modul" bereits die "Module" für Headline, Text usw. mit eingebunden habe, kann der Benutzer - wie gewohnt - den Inhalt der Boxen über den Editor (TinyMCE oder ähnliches) pflegen...
Die kann er für jeden Artikel tun...

Vielleicht gefällt es ja jemandem...

Greets us Kölle


Jörg
Jörg Zimmermann
Köln Rondorf
Nach oben
Gesperrt

Zurück zu „Module und Plugins“