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;
}