CSS kullanarak "devamını oku" bölümünü özelleştirmek için aşağıdaki adımları izleyebilirsiniz:
- Arka Plan ve Çerçeve Rengi:
.jump-link
sınıfını kullanarak devamını oku bölümünün arka plan rengini ve çerçevesinin rengini belirleyin 13.
.jump-link { background: #DDE1CC; padding: 1px 5px; border: 1px solid #DDE1CC; width: 70px; }
- Yazı Rengi:
.jump-link a
sınıfını kullanarak devamını oku yazısına tıklandığında almasını istediğiniz rengi ayarlayın 13.
.jump-link a { color: #000; text-decoration: none; font-weight: bold; }
- Mouse Üzerine Geldiğinde Renk Değişimi:
.jump-link:hover
sınıfını kullanarak mouse ile bölümün üzerine gelindiğinde farklı bir renk almasını sağlayın 13.
.jump-link:hover { background: #4172B3; border: 1px solid #4172B3; }
- Yazının Konumlandırılması:
.jump-link
sınıfınıfloat: right;
özelliği ile yazının sağında olacak şekilde konumlandırın 13.
.jump-link { float: right; }
Bu kodları, blog şablonunuzun CSS kodları arasına yerleştirmeniz gerekmektedir 1.
5 kaynaktan alınan bilgiyle göre: