Refika Compenant

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;
}

© 2024, ASP.NET MVC CMS (Content Management System / İçerik Yönetim Sistemi). Tüm Hakları Saklıdır.