MAKALE GETİRİR
HTML
<div class="container-fluid refika">
<div class="col-sm-6">
@{
MakaleKategori kategorisiOtotab = Partial.Kategori(2, dilk);
IEnumerable<Makale> makalelerOtotab = Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk);
<div class="row">
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira == 1 )
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 2 && rmakale.MakaleSira <= 3)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
<div class="col-sm-2 mp"></div>
</div>
<div class="row">
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 4 && rmakale.MakaleSira <= 7)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira == 8)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira == 9)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
</div>
<div class="row">
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 10 && rmakale.MakaleSira <= 14)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
</div>
<div class="row">
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira == 15)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 16 && rmakale.MakaleSira <= 18)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
<div class="col-sm-2 mp"></div>
</div>
<div class="row">
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 19 && rmakale.MakaleSira <= 23)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
</div>
<div class="row">
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 24 && rmakale.MakaleSira <= 26)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 27 && rmakale.MakaleSira <= 28)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
</div>
<div class="row">
<div class="col-sm-2 mp"></div>
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 29 && rmakale.MakaleSira <= 31)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
</div>
<div class="row">
<div class="col-sm-2 mp"></div>
<div class="col-sm-2 mp"></div>
<div class="col-sm-2 mp"></div>
<div class="col-sm-2 mp"></div>
@foreach (Makale rmakale in Partial.MakalelerSiraNo(2, 0, 1000, "sira", false, dilk))
{
if (rmakale.MakaleSira >= 32 && rmakale.MakaleSira <= 33)
{
<div class="col-sm-2 mp wow fadeIn animated" data-wow-duration=".@(zamanbir)s" data-wow-delay=".@(zamaniki)s">
<a href="@Partial.MakaleLink(rmakale.MakaleID)">
<div class="kanvas" style="background-image:url(@rmakale.MakaleKucukResim);"></div>
</a>
</div>
}
zamanbir = rbir.Next(1, 9);
zamaniki = riki.Next(1, 9);
}
</div>
}
</div>
</div>
CSS
.refika {
position: absolute;
width: 100%;
z-index: 9;
top: 20vh;
left: 80px;
}
body.kts-one .mp {
padding: 5px;
}
.refika .kanvas {
min-height: 42px;
max-height: 42px;
border: 1px solid #b7b7b7;
background-color: #FFFFFF;
}