XF 2.2 Eklenti [XenGenTr] HTML Sayfa sistemi 2.0.0

eTiKeT™' Alıntı:

eTiKeT™ Kullanıcımız yeni bir kaynak oluşturdu:

[XenGenTr] HTML Sayfa sistemi - XenForo 2 için kolaylıkla bir HTML sayfa oluşturmanızı sağlar



Bu kaynak hakkında daha fazla bilgi ...

Genişletmek için tıkla ...

ellerinize sağlık uzun zamandır beklediğim birşeydi

Eline sağlık kanka. Bu konuya örnek bir kaç şablonda ekleyelim bence kullanır üyelerimiz. Benim düzenleme bitsin onu da ekleyeyim. Ayrıca üyelerimiz de kendi şablonlarını paylaşmak isterlerse bu konu altında html ve css kodları olarak paylaşabilirler.

netr0n' Alıntı:

Eline sağlık kanka. Bu konuya örnek bir kaç şablonda ekleyelim bence kullanır üyelerimiz. Benim düzenleme bitsin onu da ekleyeyim.

Genişletmek için tıkla ...

Aynen kanka,kaynak olur hazır kod olur.

teşekkürler baya zamandır böyle birşey arıyordum ellerine sağlık

Eğer böyle bir şey yapmak isteyen olursa aşağıdaki Kodları kullanabilir. HTML ve css olarak dilediğiniz şablonu da ekleyebilirsiniz.




Css Kodları

netr0n' Alıntı:

Eğer böyle bir şey yapmak isteyen olursa aşağıdaki Kodları kullanabilir. HTML ve css olarak dilediğiniz şablonu da ekleyebilirsiniz.

Ekli dosyayı görüntüle 13697

HTML:

<div class="wrapper">
    <div class="plan">
        <header><i class="ion-ios-navigate-outline"></i>
            <h4 class="plan-title">Basic</h4>
            <div class="plan-cost"><span class="plan-price">150₺</span><span class="plan-type">/ 1 Ay Destek</span></div>
        </header>
        <ul class="plan-features">
            <li>XenForo Kurulumu <i class="far fa-check destekEvet"></i></li>
            <li>Eklentilerin Ayarlanması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Ayarlarının Yapılması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Optimizasyonu <i class="far fa-times destekHayir"></i></li>
            <li>Kategorilerin Oluşturulması <i class="far fa-times destekHayir"></i></li>
            <li>Öneklerin Oluşturulması <i class="far fa-times destekHayir"></i></li>
            <li>Sitemap Ayarları <i class="fal fa-times destekHayir"></i></li>
            <li>Üye Gruplarının Ayarlanması <i class="fal fa-times destekHayir"></i></li>
            <li>Terfi Sisteminin Ayarlanması <i class="fal fa-times destekHayir"></i></li>
            <li>Webmaster Tools Kaydı <i class="fal fa-times destekHayir"></i></li>
        </ul>
        <div class="plan-select"><a href="#">Satın Al</a></div>
    </div>
    <div class="plan">
        <header><i class="ion-ios-world"></i>
            <h4 class="plan-title">Standart</h4>
            <div class="plan-cost"><span class="plan-price">200₺</span><span class="plan-type">/ 1 Ay Destek</span></div>
        </header>
    <ul class="plan-features">
            <li>XenForo Kurulumu <i class="far fa-check destekEvet"></i></li>
            <li>Eklentilerin Ayarlanması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Ayarlarının Yapılması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Optimizasyonu <i class="far fa-check destekEvet"></i></li>
            <li>Kategorilerin Oluşturulması <i class="far fa-times destekHayir"></i></li>
            <li>Öneklerin Oluşturulması <i class="far fa-times destekHayir"></i></li>
            <li>Sitemap Ayarları <i class="fal fa-times destekHayir"></i></li>
            <li>Üye Gruplarının Ayarlanması <i class="fal fa-times destekHayir"></i></li>
            <li>Terfi Sisteminin Ayarlanması <i class="fal fa-times destekHayir"></i></li>
            <li>Webmaster Tools Kaydı <i class="fal fa-times destekHayir"></i></li>
        </ul>
       <div class="plan-select"><a href="#">Satın Al</a></div>
    </div>
    <div class="plan featured">
        <header><i class="ion-ios-people"></i>
            <h4 class="plan-title">Professional</h4>
            <div class="plan-cost"><span class="plan-price">250₺</span><span class="plan-type">/ 1 Ay Destek</span></div>
        </header>
    <ul class="plan-features">
            <li>XenForo Kurulumu <i class="far fa-check destekEvet"></i></li>
            <li>Eklentilerin Ayarlanması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Ayarlarının Yapılması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Optimizasyonu <i class="far fa-check destekEvet"></i></li>
            <li>Kategorilerin Oluşturulması <i class="far fa-times destekHayir"></i></li>
            <li>Öneklerin Oluşturulması <i class="far fa-times destekHayir"></i></li>
            <li>Sitemap Ayarları <i class="fal fa-check destekEvet"></i></li>
            <li>Üye Gruplarının Ayarlanması <i class="fal fa-times destekHayir"></i></li>
            <li>Terfi Sisteminin Ayarlanması <i class="fal fa-times destekHayir"></i></li>
            <li>Webmaster Tools Kaydı <i class="fal fa-check destekEvet"></i></li>
        </ul>
        <div class="plan-select"><a href="#">Satın Al</a></div>
    </div>
    <div class="plan">
        <header><i class="ion-ios-speedometer"></i>
            <h4 class="plan-title">Ultra</h4>
            <div class="plan-cost"><span class="plan-price">400₺</span><span class="plan-type">/ 1 Ay Destek</span></div>
        </header>
    <ul class="plan-features">
            <li>XenForo Kurulumu <i class="far fa-check destekEvet"></i></li>
            <li>Eklentilerin Ayarlanması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Ayarlarının Yapılması <i class="far fa-check destekEvet"></i></li>
            <li>Forum Optimizasyonu <i class="far fa-check destekEvet"></i></li>
            <li>Kategorilerin Oluşturulması <i class="far fa-check destekEvet"></i></li>
            <li>Öneklerin Oluşturulması <i class="far fa-check destekEvet"></i></li>
            <li>Sitemap Ayarları <i class="fal fa-check destekEvet"></i></li>
            <li>Üye Gruplarının Ayarlanması <i class="fal fa-check destekEvet"></i></li>
            <li>Terfi Sisteminin Ayarlanması <i class="fal fa-check destekEvet"></i></li>
            <li>Webmaster Tools Kaydı <i class="fal fa-check destekEvet"></i></li>
        </ul>
        <div class="plan-select"><a href="#">Satın Al</a></div>
    </div>
</div>

Css Kodları

CSS:

@import url(https://fonts.googleapis.com/css?family=Raleway:400,500,800);
@import url(https://fonts.googleapis.com/css?family=Montserrat:800);

.wrapper {
    font-family: 'Raleway',Arial,sans-serif;
    color: #ffffff;
    text-align: left;
    font-size: 16px;
    width: 100%;
    max-width: 1200px;
    margin: 50px 10px 10px;
    margin-left: auto;
    margin-right: auto;
}
.wrapper .plan {
    margin: 0;
    width: 25%;
    position: relative;
    float: left;
    background: linear-gradient(to bottom, #02264f, #011327);
    border: 1px solid #01254e;
    box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
.wrapper .plan:hover, wrapper .plan.hover {
    background-color: #1c1c1c;
}
.wrapper .plan:hover i, wrapper .plan.hover i {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}
.wrapper * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: all 0.25s ease-out;
    transition: all 0.25s ease-out;
}
.wrapper header {
    position: relative;
    padding: 20px 10px;
}
.wrapper header i {
    font-size: 56px;
    margin: 0 15px;
    color: #f39c12;
    display: inline-block;
    float: left;
}
.wrapper .plan-title {
    top: 0;
    font-weight: 800;
    margin: 10px 0 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}
.wrapper .plan-cost {
    margin: 0;
    opacity: 0.2;
}
.wrapper .plan-price {
    font-family: 'Montserrat', Arial, sans-serif;
    font-weight: 800;
    font-size: 1.3em;
}
.wrapper .plan-type {
    opacity: 0.8;
    font-size: 0.7em;
    text-transform: uppercase;
}
.wrapper .plan-features {
    padding: 0;
    margin: 0 0 40px;
    text-align: center;
    list-style: outside none none;
    font-size: 0.8em;
    text-align: left;
}
.wrapper .plan-features li {
    padding: 5px 5%;
    font-weight: 500;
    opacity: 0.5;
    border-left: 5px solid #0498f4;
    margin: 2px 20px;
}

.wrapper .plan-features li .destekEvet {
    float: right;
    color: #54ec06;
}

.wrapper .plan-features li .destekHayir  {
    float: right;
    color: red;
}

.wrapper .plan-select {
    background-color: rgba(0, 0, 0, 0.2);
    text-align: center;
}
.wrapper .plan-select a {
    color: #ffffff;
    text-decoration: none;
    padding: 15px 20px;
    margin: 20px;
    border-radius: 40px;
    font-size: 0.75em;
    font-weight: 800;
    text-transform: uppercase;
    display: inline-block;
    background-color: #f39c12;
}
.wrapper .plan-select a:hover {
    background-color: #262626;
}
.wrapper .featured {
    margin-top: -10px;
    background-color: #262626;
    box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
    z-index: 1;
}
.wrapper .featured .plan-select a {
    margin: 30px 20px;
}
@media only screen and (max-width: 767px) {
    .wrapper .plan {
        width: 50%;
    }
    .wrapper .plan-title, .wrapper .plan-select a {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    .wrapper .plan-select a, .wrapper .featured .plan-select a {
        margin: 20px;
    }
    .wrapper .featured {
        margin-top: 0;
    }
}

@media only screen and (max-width: 440px) {
    .wrapper .plan {
        width: 100%;
    }
}

Genişletmek için tıkla ...

reis bunun 2.1 versiyonu varmi

kamal12' Alıntı:

reis bunun 2.1 versiyonu varmi

Genişletmek için tıkla ...

2.0.X - 2.1.X - 2.2.X ile uyumludur.

kamal12' Alıntı:

reis bunun 2.1 versiyonu varmi

Genişletmek için tıkla ...

Uyumludur reis dene bakalım

Elinize sağlık hocam işlevsel olarak çok fazla iş görüyor

Yanlız domain.com/test olarak link yolu nerede onu göremedim veya nereden veriyoruz eklenti panelinde de gözümden mi kaçtı ben mi bulamadim anlamadım )