Kullanıcı:
Filtreler
Neler yeni
XenGenTr
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.

Giriş yap Şimdi kayıt ol
  • Forumdan daha fazla yararlanmak için, profilinizi telefon numaranız 📱 ile doğrulayın ve daha ayrıcalıklı olun 😉
    Daha fazla bilgi!

Xenforo 2 Ek Dosya Stili

A

amiqos55

Banned
Yasaklı
SMS onaylı
Kullanıcı
Katılım
6 May 2018
Mesajlar
54
Arkadaşlar ek dosya stilim aşağıdaki gibi bunu değiştirebilme Dosya indir tarzı yapabilirmiyim
? dddddd.png
 
Tarihe göre sırala Oylara göre sırala
1539780821105.png
sağ tarafta yer al alan content kısmında bulunan "\f1c6" değiştirmen yeterli. nasıl değiştireceğini bilmiyorsan, bu mesajı okuyabilirsin. Font Awesome 5 den eklemek istediğiniz ikonları seçebilirsiniz. ama yüklediğin her dosyanın uzantasına göre otomatik daha önce ikonlar hazırlanmış zaten. biraz inceleyip, altına üstüne bir yere ekstra bir ikon koy bence.
 
Oyla 0 Downvote
Bahsettiğiniz işlem dosya uzantısına gore attachments.less den alıyor ikonu oradan düzenleme yapabilirsinşz
 
Oyla 0 Downvote
İLTERİŞ HAN' Alıntı:
Bahsettiğiniz işlem dosya uzantısına gore attachments.less den alıyor ikonu oradan düzenleme yapabilirsinşz
Genişletmek için tıkla ...

hocam bahsettiğiniz yeri nasıl düzenlicem

Kod: 
@_attach-thumbSize: xf-option('attachmentThumbnailDimensions', px);

.attachment
{
    display: inline-block;
    .xf-minorBlockContent();
    border-radius: @xf-borderRadiusSmall;
    padding: @xf-paddingMedium;
    width: 165px;
}

.attachment-icon
{
    overflow: hidden;
    text-align: center;
    height: @_attach-thumbSize;
    line-height: @_attach-thumbSize;
    font-size: 0;

    a:hover
    {
        text-decoration: none;
    }

    &.attachment-icon--img
    {
        a,
        img
        {
            display: inline-block;
            vertical-align: middle;
        }

        img
        {
            max-height: @_attach-thumbSize;
            max-width: 100%;
        }
    }

    i
    {
        display: block;
        height: @_attach-thumbSize;

        &:before
        {
            display: inline-block;

            .m-faBase();
            .m-faContent(@fa-var-file-o, .86em);
            font-size: min(.66 * @_attach-thumbSize, 100px);
            vertical-align: middle;

            color: @xf-textColorFeature;

            border-radius: 100%;
        }
    }

    // text files
    &[data-extension="txt"],
    &[data-extension="patch"],
    &[data-extension="diff"]
    {
        i:before {
            .m-faContent(@fa-var-file-o, .86em); }
    }

    // code files
    &[data-extension="c"],
    &[data-extension="cpp"],
    &[data-extension="h"],
    &[data-extension="htm"],
    &[data-extension="html"],
    &[data-extension="js"],
    &[data-extension="json"],
    &[data-extension="php"],
    &[data-extension="pl"],
    &[data-extension="py"],
    &[data-extension="xml"]
    {
        i:before {
            .m-faContent(@fa-var-file-code-o, .86em); }
    }

    // archive files
    &[data-extension="7z"],
    &[data-extension="gz"],
    &[data-extension="rar"],
    &[data-extension="tar"],
    &[data-extension="zip"]
    {
        i:before {
            .m-faContent(@fa-var-file-zip-o, .86em); }
    }

    // image files
    &[data-extension="gif"],
    &[data-extension="jpe"],
    &[data-extension="jpeg"],
    &[data-extension="jpg"],
    &[data-extension="png"]
    {
        i:before {
            .m-faContent(@fa-var-file-text, .86em); }
    }

    // audio files
    &[data-extension="aac"],
    &[data-extension="mp3"],
    &[data-extension="ogg"],
    &[data-extension="wav"]
    {
        i:before {
            .m-faContent(@fa-var-file-sound-o, .86em); }
    }

    // video files
    &[data-extension="avi"]
    {
        i:before {
            .m-faContent(@fa-var-file-video-o, .86em); }
    }

    // special files
    &[data-extension="xls"],
    &[data-extension="xlsx"]
    {
        i:before {
            .m-faContent(@fa-var-file-excel-o, .86em); }
    }

    &[data-extension="pdf"]
    {
        i:before {
            .m-faContent(@fa-var-file-pdf-o, .86em); }
    }

    &[data-extension="ppt"],
    &[data-extension="pptx"]
    {
        i:before {
            .m-faContent(@fa-var-file-powerpoint-o, .86em); }
    }

    &[data-extension="doc"],
    &[data-extension="docx"]
    {
        i:before {
            .m-faContent(@fa-var-file-word-o, .86em); }
    }
}

.attachment-name
{
    margin-top: @xf-paddingMedium;
    .m-overflowEllipsis();
}

.attachment-details
{
    font-size: @xf-fontSizeSmaller;
    color: @xf-textColorMuted;

    .m-clearFix();
}

.attachment-details-size { float: left; }
.attachment-details-views { float: right; }

.attachmentList
{
    .m-listPlain();
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    margin-bottom: -5px;

    .attachment
    {
        margin-right: 5px;
        margin-bottom: 5px;
        min-width: 0;
        display: flex;
        flex-direction: column;
    }

    .attachment-icon
    {
        flex-grow: 1;
        display: flex;
        height: auto;
        line-height: 1;
        align-items: center;

        a
        {
            margin: auto;
        }

        i
        {
            height: auto;
        }
    }
}

.attachUploadList
{
    .m-listPlain();
    .xf-contentAltBase();
    border: @xf-borderSize solid @xf-borderColor;
    border-radius: @xf-borderRadiusSmall;
    margin-bottom: @xf-paddingLarge;

    &.attachUploadList--spaced
    {
        margin-top: @xf-paddingLarge;
    }

    > li
    {
        border-bottom: @xf-borderSize solid @xf-borderColorLight;
        padding: @xf-paddingMedium;

        &:last-child
        {
            border-bottom: none;
        }

        &.is-uploadError
        {
            .contentRow-title span // span needed due to opacity creating new stacking context
            {
                text-decoration: line-through;
                opacity: .5;
            }

            .contentRow-figure
            {
                opacity: .5;
            }
        }
    }
}

.attachUploadList-insertAll,
.attachUploadList-insertRow
{
    font-size: @xf-fontSizeSmall;
    color: @xf-textColorMuted;

    span
    {
        vertical-align: middle;
    }
}

.attachUploadList-figure.contentRow-figure
{
    width: 100px;
    min-height: 50px;

    img
    {
        max-height: 100px;
        max-width: 100px;
    }
}

.attachUploadList-placeholder
{
    display: block;
    width: 100px;

    &:before
    {
        display: inline-block;
        .m-faBase();
        .m-faContent(@fa-var-file-o, .86em);
        font-size: 60px;
        vertical-align: middle;
        color: @xf-textColorFeature;
        border-radius: 100%;
    }
}

.attachUploadList-progress
{
    position: relative;

    i
    {
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        background: @xf-progressBarColor;
        color: contrast(@xf-progressBarColor);
        border-radius: @xf-borderRadiusMedium;
        padding-right: .2em;
        text-align: right;
        font-style: normal;
        white-space: nowrap;
        min-width: 2em;

        .m-transition(width);
    }
}

.attachUploadList-error
{
    color: @xf-textColorAttention;
}

@media (max-width: @xf-responsiveNarrow)
{
    .attachUploadList-figure.contentRow-figure
    {
        width: 50px;

        img
        {
            max-height: 50px;
            max-width: 50px;
        }
    }

    .attachUploadList-placeholder
    {
        display: block;
        width: 50px;

        &:before
        {
            font-size: 30px;
        }
    }
}


istediğim resim bu hepsinde bunun olmasını istiyorum
indir.jpg
 
Oyla 0 Downvote
Kod: 
i:before {
            .m-faContent(@fa-var-file-word-o, .86em); }
bu kodları değiştirmen gerekiyor.


// archive files
test etmek için yorum satırında bulunan bölümde güncelleme yap.

content: url(resim adresi);
Kod: 
i:before {
.m-faContent(@fa-var-file-word-o, .86em); }
// yukarıdaki kısmı aşağıdaki şekilde değiştir ///

i:before {
.m-faContent url(resim adresi); }

// işe yaramazsa böyle dene birde //
i:before {
.m-faContent content: url(resim adresi); }
 
Oyla 0 Downvote
Çilekli Soda' Alıntı:
Kod: 
i:before {
            .m-faContent(@fa-var-file-word-o, .86em); }
bu kodları değiştirmen gerekiyor.


// archive files
test etmek için yorum satırında bulunan bölümde güncelleme yap.

content: url(resim adresi);
Kod: 
i:before {
.m-faContent(@fa-var-file-word-o, .86em); }
// yukarıdaki kısmı aşağıdaki şekilde değiştir ///

i:before {
.m-faContent url(resim adresi); }

// işe yaramazsa böyle dene birde //
i:before {
.m-faContent content: url(resim adresi); }
Genişletmek için tıkla ...
olmadı hocam nokta çıktı linkle birlikte resim görülmüyor eskiside çıkmadı
 
Oyla 0 Downvote
1539836467575.png

CSS: 
    {
        i:before {
            content: url(https://www.oyuncukalesi.com/wp-content/uploads/2018/10/Avatar-min.jpg); }
    }

width: 100%; ve height: 100%; kullanabilirsin boyutlandırma için ya da **px
 
Oyla 0 Downvote
Cevap yazmak için giriş yap yada kayıt ol.

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.

Giriş yap Şimdi kayıt ol