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
 

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.