Neler yeni

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.

  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Nasıl yapılır ? xenforoda bunu nasıl yapam uyarı metni?

WebAbi

Banned
Yasaklı
SMS onaylı
Kullanıcı
Katılım
4 May 2018
Mesajlar
61
merhaba forumdaki eklentiyi kurdum lakin bu görünümü elde edemedim bunun için kod vb varmıdır ?
 
Widget oluştur şablona bu kodu gir.
Konum: Konu görüntülenirken: Mesajların altında
HTML:
<div class="PthreadInfo2" style="margin: 10px 0px; text-align: left;">
    <div class="PThreadName">Lorem Ipsum</div>
    <ul>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
    </ul>
    <div class="PRightBlock">
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
    </div>
</div>

Extra.less
CSS:
.PthreadInfo2 {
    width: 100%;
    text-align: center;
    background: linear-gradient(90deg, #ececec 0%, #fefefe 40%, #ececec 100%);
    padding: 7px;
    border: 1px solid #ffffff;
}
.PThreadName {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    background: #e4e4e4;
    padding: 7px;
    margin: 11px 0;
    border: 2px solid #ddd;
    width: 100%;
    border-radius: 8px;
}
.Ptext {
    text-decoration: none;
    font-size: 15px;
}
.Plinktext:hover {
    background: #e4e4e4;
}
.PRightBlock {
    display: block;
    position: relative;
    right: 0;
    text-align: right;
    margin: -2px;
}
.Plinktext {
    right: 0;
    color: #3b3b3b;
    padding: 7px;
    background: #e4e4e4;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    text-decoration: none !important;
}
 
Widget oluştur şablona bu kodu gir.
Konum: Konu görüntülenirken: Mesajların altında
HTML:
<div class="PthreadInfo2" style="margin: 10px 0px; text-align: left;">
    <div class="PThreadName">Lorem Ipsum</div>
    <ul>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
        <li class="Ptext">Lorem Ipsum</li>
    </ul>
    <div class="PRightBlock">
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
        <a href="https://xenforo.gen.tr/" class="Plinktext">Lorem Ipsum</a>
    </div>
</div>

Extra.less
CSS:
.PthreadInfo2 {
    width: 100%;
    text-align: center;
    background: linear-gradient(90deg, #ececec 0%, #fefefe 40%, #ececec 100%);
    padding: 7px;
    border: 1px solid #ffffff;
}
.PThreadName {
    text-align: center;
    font-size: 22px;
    font-weight: 700;
    background: #e4e4e4;
    padding: 7px;
    margin: 11px 0;
    border: 2px solid #ddd;
    width: 100%;
    border-radius: 8px;
}
.Ptext {
    text-decoration: none;
    font-size: 15px;
}
.Plinktext:hover {
    background: #e4e4e4;
}
.PRightBlock {
    display: block;
    position: relative;
    right: 0;
    text-align: right;
    margin: -2px;
}
.Plinktext {
right: 0;
    color: #3b3b3b;
    padding: 7px;
    background: #e4e4e4;
    border-radius: 4px 4px 0 0;
    font-weight: 700;
    text-decoration: none !important;
}
Html ve css bilgisi çok önemliymiş 1 kez daha anlamış oldum😂
 

Foruma hoş geldin 👋, Ziyaretçi

Forum içeriğine ve tüm hizmetlerimize erişim sağlamak için foruma kayıt olmalı ya da giriş yapmalısınız. Foruma üye olmak tamamen ücretsizdir.