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 ? Resim ekleme

berkayakinci

Sabit kullanıcı
SMS onaylı
Kullanıcı
Katılım
8 Ara 2018
Mesajlar
63
Merhabalar,

Buraya resim koymak istiyorum. Bunu nasıl yapabilirim ?
 

Nasıl yapılır ? Resim ekleme

Block header alanin arkaplanı için tema şablonlarından blockheader'e arkplan eklemek işini çözecektir.


arkplanblock.jpg mevcut grafiği sağa yaslamak için :)float değeri vermek yeterlidir.

Kod:
.block-header:after {
    content: url(/resim.png);
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    float: right;
}

bu işlemler sonrasindaki sonuc demo :)

1581673683077.png

1581673793597.png
.block.block--category.block--categoryXXX .block-header {
background-image: url("BURAYA RESİM LİNK veya DOSYA YERİ");

XXX olan yere kategorinin id'sini girin.
 
Merhabalar berkayakinci berkayakinci

blockheader'in sağına ve soluna grafik eklemek için Aşağıdaki kodlardan uygun olanı extra.less ekleyip
grafik tanımını yapmanız yeterlidir :)

Soluna

Kod:
.block-header:before{
    content: url(/styles/resim.png);
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}


Sağına ;

Kod:
.block-header:after {
    content: url(/styles/resim.png);
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}

Demo görünüm

1581672895984.png
 
Son düzenleme:
Merhabalar berkayakinci berkayakinci

blockheader'in sağına ve soluna grafik eklemek için Aşağıdaki kodlardan uygun olanı extra.less ekleyip
grafik tanımını yapmanız yeterlidir :)

Soluna

Kod:
.block-header:before{
    content: url(/styles/resim.png);
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}


Sağına ;

Kod:
.block-header:after {
    content: url(/styles/resim.png);
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
}
Çok teşekkürler, peki en sağa almak için napabiliriz?
"after" kodu var, bunu en sağa yaslayabilir miyiz ? veya komple arka plana resim koyabilir miyiz ?
 
Block header alanin arkaplanı için tema şablonlarından blockheader'e arkplan eklemek işini çözecektir.


arkplanblock.jpg mevcut grafiği sağa yaslamak için :)float değeri vermek yeterlidir.

Kod:
.block-header:after {
    content: url(/resim.png);
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    float: right;
}

bu işlemler sonrasindaki sonuc demo :)

1581673683077.png

1581673793597.png
 
Çözüm
Block header alanin arkaplanı için tema şablonlarından blockheader'e arkplan eklemek işini çözecektir.


Ekli dosyayı görüntüle 9920mevcut grafiği sağa yaslamak için :)float değeri vermek yeterlidir.

Kod:
.block-header:after {
    content: url(/resim.png);
    display: inline-block;
    position: relative;
    top: 0px;
    padding: 0px;
    margin: 0px;
    vertical-align: middle;
    float: right;
}

bu işlemler sonrasindaki sonuc demo :)

Ekli dosyayı görüntüle 9921

Ekli dosyayı görüntüle 9922
Çok teşekkürler hocam <3
 

Tema özelleştirme sistemi

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

Zevkine göre renk kombinasyonunu belirle

Gece/Gündüz modunu seç

Gece ve gündüz modlarından tarzınıza yada ihtiyaçlarınıza uygun olanı seçerek kullana bilirsiniz.

Tam ekran yada dar ekran

Temanızın gövde büyüklüğünü sevkiniz, ihtiyacınıza göre dar yada geniş olarak kulana bilirsiniz.

Izgara yada normal mod

Temanızda forum listeleme yapısını ızgara yapısında yada normal yapıda listemek için kullanabilirsiniz.

Forum arkaplan resimleri

Forum arkaplanlarına eklenmiş olan resimlerinin kontrolü senin elinde, resimleri aç/kapat

Sidebar blogunu kapat/aç

Forumun kalabalığında kurtulmak için sidebar (kenar çubuğunu) açıp/kapatarak gereksiz kalabalıklardan kurtula bilirsiniz.

Yapışkan sidebar kapat/aç

Yapışkan sidebar ile sidebar alanını daha hızlı ve verimli kullanabilirsiniz.

Radius aç/kapat

Blok köşelerinde bulunan kıvrımları kapat/aç bu şekilde tarzını yansıt.

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.