Nasıl yapılır ? Resim ekleme

n3ujx

xFanatik
XGT 2 kullanıcı
Katılım
19 Ağu 2018
Mesajlar
157
Web sitesi
localhost
.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.
 

LaDezs

Hosting Uzmanı
Yönetici
XGT Admin
Katılım
4 Ara 2016
Mesajlar
1,678
Konum
/src
Web sitesi
www.ladezs.com
Merhabalar @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:

berkayakinci

Sabit kullanıcı
XGT 1 kullanıcı
Katılım
8 Ara 2018
Mesajlar
58
Konum
Samsun
Merhabalar @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 ?
 

LaDezs

Hosting Uzmanı
Yönetici
XGT Admin
Katılım
4 Ara 2016
Mesajlar
1,678
Konum
/src
Web sitesi
www.ladezs.com
Block header alanin arkaplanı için tema şablonlarından blockheader'e arkplan eklemek işini çözecektir.


arkplanblock.jpgmevcut 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
 

berkayakinci

Sabit kullanıcı
XGT 1 kullanıcı
Katılım
8 Ara 2018
Mesajlar
58
Konum
Samsun
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
 
Google ads alanı