section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li kodunu sonuna li:first-child gelecek şekilde değiştirin ve içerisindekileri de aynen yazın. Yani aşağıdaki gibi olsun.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:first-child {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 0 0 2px 7px;
float: left;
}
Sonra ek olarak aşağıdaki kodu ekleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:last-child {
font-size: 12px;
color: #000;
margin: 3px 0 0 4px;
float: left;
}
Aşağıdaki css yi de düzenleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
ve son olarak son li içerisinde jan ve 2014'ü br ile ayırın, yani aşaağıdaki gibi olmalı.
Jan
2014
bu işlemlerden sonra istediğiniz görüntüyü elde edersiniz.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:first-child {
font-size: 30px;
font-weight: bold;
color: #fff;
margin: 0 0 2px 7px;
float: left;
}
Sonra ek olarak aşağıdaki kodu ekleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date li:last-child {
font-size: 12px;
color: #000;
margin: 3px 0 0 4px;
float: left;
}
Aşağıdaki css yi de düzenleyin.
section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
ve son olarak son li içerisinde jan ve 2014'ü br ile ayırın, yani aşaağıdaki gibi olmalı.
2014
bu işlemlerden sonra istediğiniz görüntüyü elde edersiniz.
Dostum çok yordum seni de.. Çok ama çok sağol...
Ek Olarak: section.tabs-and-news>.col-md-6 .recent-posts .post .left ul.post-date {
width: 100%;
height: 33px;
background: #05a1db;
list-style: none;
padding: 0;
margin: 0;
line-height: 1;
}
hocam first child last child olayını da denemiştim fakat bu
padding: 0;
margin: 0;
line-height: 1;
olayı çözdü sanırım ne dersin?