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!
Kaynak ikonu

XF 2.1 Eklenti Sayfa yenilenince değişen ipucu yapımı 2020-02-26

Bu eklenti, add-ons XenForo 2.1.X ile uyumlu ve stabil olarak çalışmaktadır.
Garfield Garfield yazılarımı ortaya almak istiyorsunuz ? sitenizde aktifse ona göre düzenleme yaparım
 
1. li.hit-ikon classında
CSS:
height: 38px;
yapın
2. ul.hit classında
CSS:
border: 0px solid #0a4668;
yapın

eğer yanlardakı boşluklarıda almak isterseniz
CSS:
.hitm {
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

margin-bottom: 0px; hitm classındaki bu margin-bottom aşağı ile olan aralığı alıyor.

deneyin işinize yarayacakmı küçültme ve büyültme işlemleri için li.hit-ikon classındakı height 38px olan kodla oynayın
 
1. li.hit-ikon classında
CSS:
height: 38px;
yapın
2. ul.hit classında
CSS:
border: 0px solid #0a4668;
yapın

eğer yanlardakı boşluklarıda almak isterseniz
CSS:
.hitm {
    margin-bottom: 0px;
    padding-left: 0px;
    padding-right: 0px;
}

margin-bottom: 0px; hitm classındaki bu margin-bottom aşağı ile olan aralığı alıyor.

deneyin işinize yarayacakmı küçültme ve büyültme işlemleri için li.hit-ikon classındakı height 38px olan kodla oynayın

sadece 38 degerını bahsettıgın alana ekledım ama birsey değişmedi kodlar su sekılde buradan bak ıstersen birde

Kod:
/* değişen ip ucu*/
.hitm {
    margin-bottom: 15px;
    padding-left: 15px;
    padding-right: 15px;
}

ul.hit {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    padding: 0px !important;
    line-height: 0px;
    list-style: none;
    display: block;
    border: 1px solid #0a4668;
    background: #0f608f;
}

ul.hit li {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    border-right: 1px solid #0a4668;
}
ul.hit li:last-child {
    border: 0;
}
li.hit-ikon {   
    width: 48px;
    height: 48px;
    display: block;
}
li.hit-ikon i {
    width: 100%;
    height: auto;
    display: block;
    font-size: 26px;
    text-align: center;
    color: yellow;
}

li.hitbaslik {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
}
li.hityazi {
    line-height: 25px;
    display: block;
    color: white;
}
 
Kod:
/* değişen ip ucu*/
.hitm {
    margin-bottom: 0px;
    padding-left: 15px;
    padding-right: 15px;
}

ul.hit {
    width: 100%;
    overflow: hidden;
    border-radius: 4px;
    padding: 0px !important;
    line-height: 0px;
    list-style: none;
    display: block;
    border: 0px solid #0a4668;
    background: #0f608f;
}

ul.hit li {
    display: table-cell;
    vertical-align: middle;
    padding: 5px 10px;
    border-right: 1px solid #0a4668;
}
ul.hit li:last-child {
    border: 0;
}
li.hit-ikon {   
    width: 48px;
    height: 38px;
    display: block;
}
li.hit-ikon i {
    width: 100%;
    height: auto;
    display: block;
    font-size: 26px;
    text-align: center;
    color: yellow;
}

li.hitbaslik {
    display: block;
    font-weight: 600;
    text-transform: uppercase;
    color: white;
}
li.hityazi {
    line-height: 25px;
    display: block;
    color: white;
}
 
evet bu kod işe yaradı tşk ederım ama .js dosyasının ıcıne ekledıgım ıp ucları gorunmuyor hiç cıkmıyor

ipucu.js
Kod:
$(document).ready(function() {
    var hitm = [{
        "yazi": "com : Ticari kuruluş veya şirket, net: Internet hizmeti sunan kuruluş, org: Kar amacı gütmeyen kuruluş",
    }, {
        "yazi": "ipucu 0 yazım",
    }, {
        "yazi": "ipucu 3 yazım",
    }, {
        "yazi": "ipucu 4 yazım",
    }, {
        "yazi": "ipucu 5 yazım",
    }, {
        "yazi": "ipucu 6 yazım",
    }, {
        "yazi": "ipucu 7 yazım",
    }, {
        "yazi": "ipucu 8 yazım",
    }, {
        "yazi": "ipucu 9 yazım",
    }];

    function getHitim() {
        var randomIndex = Math.floor(Math.random() * hitm.length);
        var selectedHitim = hitm[randomIndex];

        $('#benim-hitim').text(selectedHitim.yazi);
    }
    
    $('#rastgele-yazi').click(getHitim);
    getHitim();
});
 
Örnek olarak birşeyler yazın siteden bakalım
 

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.