Kullanıcı:
Filtreler

Xenforo 2 Ek Dosya Stili

A
  • Kullanıcı amiqos55
  • Başlangıç tarihi Başlangıç tarihi
  • - XenForo sorunları için destek talepleri
Arkadaşlar ek dosya stilim aşağıdaki gibi bunu değiştirebilme Dosya indir tarzı yapabilirmiyim
?dddddd.webp
 
Tarihe göre sırala Oylara göre sırala
1539780821105.webp
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
İ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.webp
 
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.webp

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.
Kişiselleştirme

Tema editörü

Ayarlar Renkler

  • Mobil kullanıcılar bu fonksiyonları kullanamaz.

    Alternatif header

    Farklı bir görünüm için alternatif header yapısını kolayca seçebilirsiniz.

    Görünüm Modu Seçimi

    Tam ekran ve dar ekran modları arasında geçiş yapın.

    Izgara Görünümü

    Izgara modu ile içerikleri kolayca inceleyin ve düzenli bir görünüm elde edin.

    Resimli Izgara Modu

    Arka plan görselleriyle içeriğinizi düzenli ve görsel olarak zengin bir şekilde görüntüleyin.

    Yan Paneli Kapat

    Yan paneli gizleyerek daha geniş bir çalışma alanı oluşturun.

    Sabit Yan Panel

    Yan paneli sabitleyerek sürekli erişim sağlayın ve içeriğinizi kolayca yönetin.

    Box görünüm

    Temanızın yanlarına box tarzı bir çerçeve ekleyebilir veya mevcut çerçeveyi kaldırabilirsiniz. 1300px üstü çözünürler için geçerlidir.

    Köşe Yuvarlama Kontrolü

    Köşe yuvarlama efektini açıp kapatarak görünümü dilediğiniz gibi özelleştirin.

  • Renginizi seçin

    Tarzınızı yansıtan rengi belirleyin ve estetik uyumu sağlayın.
Geri