Middle Section Circle Border Image IE + OPERA

Kategori

@{
    int card68Col = 4;
    int card68TotalRow = 2;
    int card68CategoryOrderNumber = 14;

    if (Partial.isCategoryOrderNumber(card68CategoryOrderNumber))
    {
        IEnumerable<Category> card68Category = Partial.CategorySubOrderNumber(card68CategoryOrderNumber, lang);
        Category categoryidno = Partial.Category(card68CategoryOrderNumber, lang);
        int card68Count = Convert.ToInt32(Math.Ceiling(card68Category.Count() / Convert.ToDouble(card68Col)));
        <div class="text-left" style="height:100%;background-image: url(@categoryidno.CategoryImage);background-repeat: no-repeat;background-size: cover;margin-bottom:0px;">
            <div class="row" style="background-color:rgba(212, 92, 92, 0.40); margin-left:0px !important;margin-right:0px !important;">
                <div class="container">
                    <div class="row p-5">
                        <div class="col-md-6">
                            <a href="@Partial.CategoryLink(categoryidno.CategoryID)"><img src="@categoryidno.CategoryThumbnail" /></a>
                        </div>
                        <div class="col-md-6">
                            <h1 style="color:#00344f;font-weight:bold;"><a href="@Partial.CategoryLink(categoryidno.CategoryID)">@categoryidno.CategoryTitle.HtmlEncode() </a></h1>
                            <div class="row">
                                <div class="col-md-12">
                                    <p style="color: white; font-size: 20px; font-weight: bold; text-align: justify;"><span style="font-family:Trebuchet MS,Helvetica,sans-serif;">@categoryidno.CategoryContent.HtmlEncode()</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                @for (int componen = 0; componen < card68TotalRow; componen++)
                {
                    <div class="row p-5" style="text-align: center;">
                        @foreach (Category comCategory in card68Category.Skip(componen * card68Col).Take(card68Col))
                        {
                            <div class="col-md-@(12 / card68Col) col-sm-6">
                                <div class="gkm-yuvarlak"><a href="@Partial.CategoryLink(comCategory.CategoryID)"><img src="@comCategory.CategoryThumbnail"> </a></div>
                                <div class="gkm-yuvarlak-title"><a href="@Partial.CategoryLink(comCategory.CategoryID)">@comCategory.CategoryTitle.HtmlEncode()</a></div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
    }
}

Makale

@{
    int card69Col = 4;
    int card69categoriOrderNumber = 345;
    int card69postCount = 2;

    if (Partial.isCategoryOrderNumber(card69categoriOrderNumber))
    {
        IEnumerable<Post>
        card69Post = Partial.PostsOrderNumber(card69categoriOrderNumber, 0, card69Col * card69postCount, Partial.Order.OrderBy, true, lang);
        Category category = Partial.Category(card69categoriOrderNumber, lang);
        <div class="text-left" style="height:100%;background-image: url(@category.CategoryImage);background-repeat: no-repeat;background-size: cover;margin-bottom:0px;">
            <div class="row" style="background-color:rgba(212, 92, 92, 0.40); margin-left:0px !important;margin-right:0px !important;">
                <div class="container">
                    <div class="row p-5">
                        <div class="col-md-6">
                            <a href="@Partial.CategoryLink(category.CategoryID)"><img src="@category.CategoryThumbnail" /></a>
                        </div>
                        <div class="col-md-6">
                            <h1 style="color:#00344f;font-weight:bold;"><a href="@Partial.CategoryLink(category.CategoryID)">@category.CategoryTitle.HtmlEncode()</a></h1>
                            <div class="row">
                                <div class="col-md-12">
                                    <p style="color: white; font-size: 20px; font-weight: bold; text-align: justify;"><span style="font-family:Trebuchet MS,Helvetica,sans-serif;">@category.CategoryContent.HtmlEncode()</span></p>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="container">
                @for (int componen = 0; componen < card69postCount; componen++)
                {
                    <div class="row p-5" style="text-align: center;">
                        @foreach (Post comPost in card69Post.Skip(componen * card69Col).Take(card69Col))
                        {
                            <div class="col-md-@(12 / card69Col) col-sm-6">
                                <div class="gkm-yuvarlak"><a href="@Partial.PostLink(comPost.PostID)"><img src="@comPost.PostThumbnail"></a></div>
                                <div class="gkm-yuvarlak-title"><a href="@Partial.PostLink(comPost.PostID)">@comPost.PostTitle.HtmlEncode()</a></div>
                            </div>
                        }
                    </div>
                }
            </div>
        </div>
    }
}

CSS

<style type="text/css">
    .gkm-yuvarlak {
        height: 120px;
        width: 120px;
        border-radius: 50%;
        border: 8px solid #d3d3d3;
        background-color: #4d4d4d;
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        font-size: 35px;
        padding: 19px 19px 17px 17px;
    }

    .gkm-yuvarlak-title {
        font-size: 14px;
        font-weight: normal;
    }
</style>

http://www.antalyateknokent.com.tr/tr/girisimcilik-ve-kulucka-merkezi