2016-04-13 27 views
0

readthedocs.org'daki özel metin kutusunun nasıl yapıldığını merak ediyorum. MeselaÖzel "not" kutusu readthedocs.org'da nasıl yapılır?

:

enter image description here

Ben css dosyayı verdiği çok daha fazla olduğunu düşünüyorum ve gerçekten başıma tane oluşturmak istiyoruz.

Şimdiden teşekkürler!

EDIT: Genel kutunun note yönergesinden geldiğini biliyorum. Ancak, sorum şu: bunu nasıl yapıyorlar "!" işaret? İpucu css dosyasında bulamıyorum.

+0

var? – SiHa

+0

@SiHa, render motoru python ile yazılmıştır. Sanırım render motoru ile bir ilgisi olabilir ve bu konuda daha fazla bilgi edinebilirsiniz [here] (http://www.sphinx-doc.org/en/stable/) – zack

+0

Sfenks ile yapıldığının farkındasınız dokümantasyon aracı ve [bu sayfanın kaynağını github'da görebilirsiniz] (https://github.com/divio/django-filer/blob/1.0.0/docs/index.rst)? Sadece 'not' yönergesiyle yapılır .. not :: 'dan yükseltme ... '. Altbilgide de belirtildiği gibi, özelleştirilmiş bir css de var. –

cevap

3

Bu Python etiketlenen Neden FontAwesome icon

div { 
 
    background-color: skyblue; 
 
    padding: 3px 10px; 
 
} 
 
.fa-exclamation-circle { 
 
    color: white; 
 
} 
 
span { 
 
    color: white; 
 
    margin-left: 6px; 
 
}
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.1/css/font-awesome.min.css" rel="stylesheet" /> 
 

 
<div> 
 
    <i class="fa fa-exclamation-circle" aria-hidden="true"></i> 
 
    <span>Note</span> 
 
</div>

+0

Aynı zamanda ": önce:" yönergesini de uygulayacak gibi görünüyorlar, öyle ki, her zaman 'not' yönergesi kullanılan metnin önüne ünlem işareti koyulabilir mi? Ancak, bunun doğru olup olmadığından emin değilim. Veya tamamen css olarak uygulanabilir? Teşekkürler! – zack