Wordpress Konu İçine İpucu, Hata, Uyarı, Bilgi Gibi Butonlar

Bir eklenti gibi bir şey vardı arkadaşlar. Wordpress metin editörüne ekleniyordu.

Örneğin [ipucu] İPUCU MESAJI [/ipucu] böyle bir kod eklediğimizde yazı içine yazı arkaplanında tablo şeklinde bir dikdörtgen beliriyor, yanda da ipucu butonu görünüyordu.


Yardımcı olabilecek var mı?

Takip

Aslında çok basit bir .css işlemi

Wordpress'te böyle bir özellik varmış Ayrıca insert button eklentisi var bakmanızı tavsiye ederim.

Herhangi bir temaya resimeki gibi özelleştirilerek shortcodes eklenebilir, bu işi gören eklentilerde var ama bir yerimiz ağrıdığı zaman hemen eklentiye koşarsak evin yolunu bulamak..

Shortcodes araştırın bir

.hata, .ikaz, .tamam, .bilgi {
    margin-bottom: 1.5em;
    padding: 1em 1.5em 1em 5.5em;
    border-bottom: 2px solid #fff;
    border-top: 2px solid #fff;
    color: #444
}

.hata    {background: #fbe3e4 url(http://www.teklinkoyunindir.com/wp-content/uploads/hata.png) 2.2em center no-repeat; border-color: #e0011b}
.hata a  {color: #d12f19}

.ikaz    {background: #fff6bf url(http://www.teklinkoyunindir.com/wp-content/uploads/ikaz.png) 2.2em center no-repeat; border-color: #ffd324}
.ikaz a  {color: #817134}

.tamam   {background: #e9ffdd url(http://www.teklinkoyunindir.com/wp-content/uploads/tamam.png) 2.2em center no-repeat; border-color: #72c868}
.tamam a {color: #529214}

.bilgi   {background: #e2ecee url(http://www.teklinkoyunindir.com/wp-content/uploads/bilgi.png) 2.2em center no-repeat; border-color: #9ddae6}
.bilgi a {color: #2d7ba2}


/* listeler */
.hata ul, .ikaz ul, .tamam ul, .bilgi ul {
    list-style: none;
    margin: 1.3em 1.5em
}
.hata ul li, .ikaz ul li, .tamam ul li, .bilgi ul li {
    padding-left: 1.3em
}
.hata ul li  { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/hata-bullet.png)  0 0.55em no-repeat }
.ikaz ul li  { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/ikaz-bullet.png)  0 0.55em no-repeat }
.tamam ul li { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/tamam-bullet.png) 0 0.55em no-repeat }
.bilgi ul li { background: url(http://www.teklinkoyunindir.com/wp-content/uploads/bilgi-bullet.png) 0 0.55em no-repeat }

üstteki kodları single.css dosyanın en altına yapıştırın daha sonra kullanmak istediginiz bölümlerde aşağıdaki kodlar arasında kullanabilirsiniz.

<div class="hata">hata mesajı</div> 
<div class="ikaz">İkaz mesajı</div> 
<div class="tamam">Tamam Mesajı</div> 
<div class="bilgi">Bilgi Mesajı</div>

--R10.NET; Flood Engellendi -->-> Yeni yazılan mesaj 18:07:58 -->-> Daha önceki mesaj 18:07:04 --

site adresini değiştirmeyi ve iconları almayı unutmayın