Hallo,
Ich habe ein Joomla Module in dem ich Text eingebe und auf der Home Seite angezeigt wird, über Admin Panel gebe ich mein Text so ein
Aber das wird leider nicht so angezeigt wie ich Sie eingebe, die wird einfach fortlaufend ohne Zeilenumbruch angezeigt.
Es wäre sehr nett wen jemand mir mein Code anpassen würde, vielen Dank.
XML über Admin Panel
PHP Datei
Ich habe ein Joomla Module in dem ich Text eingebe und auf der Home Seite angezeigt wird, über Admin Panel gebe ich mein Text so ein
das Wetter ist heute schön
ein Grund raus zu gehen
Bla bala bla
ein Grund raus zu gehen
Bla bala bla
Es wäre sehr nett wen jemand mir mein Code anpassen würde, vielen Dank.
XML über Admin Panel
PHP-Code:
<fieldset name="person" label="Das Team">
<field name="t1" type="media" label="Upload photo " description="" default=""/>
<field name="t2" type="textarea" default="text eingeben" rows="8" cols="60" label="Text" />
<field name="t3" type="text" label="Name" default="text eingeben" />
<field name="t4" type="text" label="Position" default="text eingeben" />
PHP Datei
PHP-Code:
<script>$(document).ready(function(){
$("#testimonial-slider").owlCarousel({
items:3,
itemsDesktop:[1000,3],
itemsDesktopSmall:[990,2],
itemsTablet:[767,1],
pagination:true,
navigation:false,
autoPlay:true
});
});</script>
<style>
.testimonial{
margin: 0 15px;
}
.testimonial .content{
padding: 15px 10px;
border-radius:6px;
margin-bottom: 15px;
position: relative;
background:#e67e22;
min-height: 100px;
}
.testimonial .content:after{
content: "";
border-top: 10px solid #e67e22;
border-left: 10px solid transparent;
border-right: 9px solid transparent;
position: absolute;
bottom: -8px;
left: 16%;
}
#testimonial-slider div.owl-item:nth-child(2n) .content{
background: #1abc9c;
}
#testimonial-slider div.owl-item:nth-child(2n) .content:after{
content: "";
border-top: 10px solid #1abc9c;
border-left: 10px solid transparent;
border-right: 9px solid transparent;
position: absolute;
bottom: -8px;
left: 16%;
}
#testimonial-slider div.owl-item:nth-child(3n+1) .content{
background: #9b59b6;
}
#testimonial-slider div.owl-item:nth-child(3n+1) .content:after{
content: "";
border-top: 10px solid #9b59b6;
border-left: 10px solid transparent;
border-right: 9px solid transparent;
position: absolute;
bottom: -8px;
left: 16%;
}
.testimonial .description{
margin-bottom: 10px;
color:#fff;
}
.testimonial-pic{
float:left;
}
.testimonial-pic > img{
width: 80px;
height: 80px;
border-radius: 50%;
border: 2px solid #e5e5e5;
margin-left: 20px;
}
.testimonial .testimonial-review{
margin:3px 0 0 15px;
float: left;
}
.testimonial .testimonial-title{
font-size:16px;
text-transform:capitalize;
font-weight: bold;
margin:0;
}
.testimonial > .testimonial-review span{
color: darkgray;
display: block;
font-size: 13px;
margin-bottom:5px;
}
.testimonial .social-links{
padding:0;
margin:0;
}
.testimonial .social-links > li{
list-style:none;
display:inline-block;
margin-right:10px;
}
.testimonial .social-links > li > a.fa-twitter{
color:#00aced;
}
.testimonial .social-links > li > a.fa-facebook{
color: #3b599a;
}
.testimonial .social-links > li > a.fa-pinterest{
color:#E14782;
}
.owl-theme .owl-controls .owl-page.active span, .owl-theme .owl-controls.clickable .owl-page:hover span{
background: #1abc9c;
}
.owl-theme .owl-controls .owl-page span{
background: #333;
opacity: 1;
}
.owl-theme .owl-controls .owl-page span{
width: 10px;
height:10px;
margin: 5px 6px;
}
</style>
<section class=" bd-section-22 bd-tagstyles bd-bootstrap-btn bd-btn-primary" id="icon_box" data-section-title="icon_box">
<div class="bd-container-inner bd-margins clearfix">
<div class="container">
<div class="row">
<div class="col-md-12">
<div id="testimonial-slider" class="owl-carousel">
<?php if ($ct1 == 1) { ?><div class="testimonial">
<div class="content">
<p class="description">
<?php echo $document->params->get('t2'); ?>
</p>
</div>
<div class="testimonial-pic">
<img src="<?php echo JURI::base()?>/<?php echo $document->params->get('t1'); ?>" alt="person foto">
</div>
<div class="testimonial-review">
<h3 class="testimonial-title"><?php echo $document->params->get('t3'); ?></h3>
<span><?php echo $document->params->get('t4'); ?></span>
</div>
</div><?php } ?>
<?php if ($ct2 == 1) { ?> <div class="testimonial">
<div class="content">
<p class="description">
<?php echo $document->params->get('t9'); ?>
</p>
</div> </div>
</div>
</div>
</section>
Kommentar