Önceki Sonraki Yazı Css Düzenleme Yardım

18-04-2018, 15:56:02

#1

brovl

Kimlik doğrulama veya yönetimden onay bekliyor.

Css ile önceki sonraki yazının görünümünü düzenlemek istiyorum. Yardımcı olabilecek Biri Varmı?

18-04-2018, 18:15:47

brovl adlı üyeden alıntı: mesajı görüntüle

Css ile önceki sonraki yazının görünümünü düzenlemek istiyorum. Yardımcı olabilecek Biri Varmı?

Kodlarını paylaşırsan yardımcı olabiliriz

li.previous {           float: left;
    background: #fff;
    list-style-type: none;
    width: 50%;
    padding: 5px;
    z-index: 200;
}


li.next {    
    float: left;
    background: #fff;
    list-style-type: none;
    width: 50%;
    padding: 5px;
    z-index: 200;
}




li.next a span {
background: #000;
    width: 100%;
    display: block;
    padding: 10px;
    color: #fff;
    border-radius: 0px 0px 4px 4px;
}


li.next a strong {
position: absolute;
    background: rgba(0, 0, 0, 0.61);
    margin-top: -130px;
    padding: 10px;
}
li.next a img {
border: none;
    display: block;
    height: auto;
    z-index: 100;
    width: 100%;
    height: 150px;
    border-radius: 4px 4px 0px 0px;
}


li.previous a span {
background: #000;
    width: 100%;
    display: block;
    padding: 10px;
    color: #fff;
    border-radius: 0px 0px 4px 4px;
}


li.previous a strong {
position: absolute;
    background: rgba(0, 0, 0, 0.61);
    margin-top: -130px;
    padding: 10px;
}
li.previous a img {
border: none;
    display: block;
    height: auto;
    z-index: 100;
    width: 100%;
    height: 150px;
    border-radius: 4px 4px 0px 0px;
}