Poslao: 20 Maj 2020 07:15
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
Treba mi php code koji ce da vrapuje po 4 kolone sa odredjenim parent divovima. Taj php code bi morao da generise sledece
<section class="bod-boxes">
<div class="bod-row">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.bod-row -->
<div class="bod-row">
<div class="container">
<div class="row">
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?>/img/misc/board-member.jpg" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3>Title ovde</h3>
<span class="position"Pozicija ovde</span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<!-- /.col-lg-3 -->
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.bod-row -->
</section>
<!-- /.bod-boxes -->
Znaci automatski po 4 "col-md-6 col-lg-3" diva da budu wrapovani sa .bod-row>.container>.row
|
|
|
Registruj se da bi učestvovao u diskusiji. Registrovanim korisnicima se NE prikazuju reklame unutar poruka.
|
|
Poslao: 20 Maj 2020 12:37
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3747
- Gde živiš: 127.0.0.1
|
Probaj ovako:
<section class="bod-boxes">
<?php
$items = [
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"]
];
$total = count($items);
$perRow = 4;
foreach ($items as $key => $value)
{
if ($key % $perRow === 0)
{
?>
<div class="bod-row">
<div class="container">
<div class="row">
<?php
}
?>
<div class="col-md-6 col-lg-3">
<a href="#" class="bod-box">
<div class="bod-photo">
<img src="<?php bloginfo('template_directory'); ?><?= $value['Image']; ?>" alt="">
</div>
<!-- /.bod-photo -->
<div class="bod-info">
<div class="name">
<h3><?= $value['Name']; ?></h3>
<span class="position"><?= $value['Position']; ?></span>
</div>
</div>
<!-- /.bod-info -->
</a>
<!-- /.bod-box -->
</div>
<?php
if ($key % $perRow === $perRow - 1 || $key === $total - 1)
{
?>
</div>
<!-- /.row -->
</div>
<!-- /.container -->
</div>
<!-- /.bod-row -->
<?php
}
}
?>
</section>
|
|
|
|
Poslao: 21 Maj 2020 07:47
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
Hvala Rasta
Postoji li mogucnost da umesto ovoga...
$items = [
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"],
["Image" => "/img/misc/board-member.jpg", "Name" => "Title ovde", "Position" => "Pozicija ovde"]
];
...izvuce $total parametar na neki drugi nacin > Na pr, moze li nekako da to dobije iz broja <div class="col-md-6 col-lg-3"> divova ? Jer ne znam kako ce wp developer kontorlisati sve ove gore iteme iz wp panela.
|
|
|
|
Poslao: 21 Maj 2020 08:23
|
offline
- Rastafarii
- Moderator foruma
- Pridružio: 22 Mar 2006
- Poruke: 3747
- Gde živiš: 127.0.0.1
|
Ne moze, jer broj tih div-ova zavisi od njega, a ne obrnuto.
Pravo pitanje je kako ti dolazis do tog broja div-ova, tj odakle se oni izvlace. Onda bi moglo nesto da se uradi.
|
|
|
|
Poslao: 22 Maj 2020 06:34
|
offline
- m4rk0
- Administrator
- Administrator tech foruma
- Marko Vasić
- Gladijator - Maximus Decimus Meridius
- Pridružio: 14 Jan 2005
- Poruke: 15766
- Gde živiš: Majur (Colosseum)
|
OK, hvala Rasta.
|
|
|
|