Neler yeni
Kullanıcı:
Filtreler

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

Xenforo 2 Ek Dosya Stili

A
A

amiqos55

Banned
Yasaklı
SMS onaylı
Kullanıcı
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.
Ziyaretçiler için gizlenmiş link, görmek için Giriş yap veya üye ol.
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.

Tema özelleştirme sistemi

Bu menüden forum temasının bazı alanlarını kendinize özel olarak düzenleye bilirsiniz

Sisteme duyarlı
Gündüz modu
Gece modu
Zevkini yansıtan rengi seç

Geniş / Dar görünüm

Temanızı geniş yada dar olarak kullanmak için kullanabileceğiniz bir yapıyı kontrolünü sağlayabilirsiniz.

Izgara görünümlü forum listesi

Forum listesindeki düzeni ızgara yada sıradan listeleme tarzındaki yapının kontrolünü sağlayabilirsiniz.

Resimli ızgara modu

Izgara forum listesinde resimleri açıp/kapatabileceğiniz yapının kontrolünü sağlayabilirsiniz.

Kenar çubuğunu kapat

Kenar çubuğunu kapatarak forumdaki kalabalık görünümde kurtulabilirsiniz.

Sabit kenar çubuğu

Kenar çubuğunu sabitleyerek daha kullanışlı ve erişiminizi kolaylaştırabilirsiniz.

Köşe kıvrımlarını kapat

Blokların köşelerinde bulunan kıvrımları kapatıp/açarak zevkinize göre kullanabilirsiniz.

Geri