BlockQuote

BlockQuote

Dalam HTML, XHTML dan MediaWiki, elemen blockquote mendefinisikan "bagian [dalam dokumen] yang dikutip dari sumber lain". Sintaksnya adalah

<blockquote><p>teks yang diblokir ada di sini</p></blockquote>

. Elemen blockquote digunakan untuk menunjukkan kutipan sebagian besar teks dari sumber lain

Kode BlockQuote Modifikasi Median UI V 1.5

.post blockquote, .commentContent i[rel="quote"]{background-color:#F6F6F6; color:#000000;position:relative;font-size:.97rem; opacity:1; line-height:1.7em ;margin-left:0;margin-right:0; padding:5px 15px; border-radius:20px;border-left:7px solid var(--nav-icon)} .post blockquote.style-1{font-size:15px; padding:30px 25px 30px 55px; border:1px solid var(--content-border);border-left:0;border-right:0} .post blockquote.style-1:before{content:'\201D';display:block; position:absolute;top:18px;left:0; font-weight:700;font-size:60px; line-height:normal}

.post blockquote.style-2, .commentContent i[rel="quote"]{background-color:#0dc9f7; color:#000000;position:relative;font-size:.97rem; opacity:1; line-height:1.7em ;margin-left:0;margin-right:50px; padding:5px 15px; border-radius:20px;border-left:7px solid var(--nav-icon)}.post blockquote.style-3, .commentContent i[rel="quote"]{background-color:#ffc33c; color:#000000;position:relative;font-size:.97rem;text-align:right;opacity:1; line-height:1.7em ;margin-left:50px;margin-right:0; padding:5px 15px; border-radius:20px;border-right:7px solid var(--nav-icon);border-left:0}

Kode BlockQuote Original Median UI V 1.6

/* Blockquote */ blockquote, .cmC i[rel=quote]{position:relative;font-size:.97rem; opacity:.8;line-height:1.6em;margin-left:0;margin-right:0;padding:5px 20px;border-left:2px solid var(--contentL)} blockquote.s-1, details.sp{font-size:.93rem; padding:25px 25px 25px 45px; border:1px solid #989b9f;border-left:0;border-right:0;line-height:1.7em} blockquote.s-1::before{content:'\201D';position:absolute;top:10px;left:0; font-size:60px;line-height:normal;opacity:.5}

BlockQuote KucingGanteng

blockquote{background: #f5f5f5;border-left:5px solid #4C6C81;margin: 10px;padding:10px;font-size: 16px;color: #575757;;text-align:left}

BlockQuote Kubis Online

blockquote{margin:25px 15px;padding:10px 20px;line-height:26px;border-left:5px solid #1fa67a;background-color:#f5f6cc;background-image: -webkit-radial-gradient(center,cover,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 90%),-webkit-repeating-linear-gradient(top,transparent 0%,transparent 24px,rgba(239,207,173,0.7) 24px,rgba(239,207,173,0.7) 25px);}

BlockQuote Kotak Scrolling Amaterasublog

blockquote {

    margin:10px;

    border-left: solid 5px #ededed;

    padding: 10px 10px 10px 20px;

    font-style: italic;

    font-size: 100%;

    max-height: 75px;

    overflow: auto;

} 

BlockQuote Armaila

blockquote{

margin:25px 15px;

padding:10px 20px;

line-height:26px;

position:relative;

border-left:10px solid #1fa67a;

border-radius:20px;

background-color:#f5f6cc;

background-image: -webkit-radial-gradient(center,cover,rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 90%),-webkit-repeating-linear-gradient(top,transparent 0%,transparent 24px,rgba(239,207,173,0.7) 24px,rgba(239,207,173,0.7) 25px);

}

Live Demo via CodePen >>

Modifikasi BlockQuote Median UI

Berhubung Armaila menggunakan template median UI versi 1.6 saat ini maka untuk mengganti BlockQuote ke model yang lain maka silahkan cari kode /* Blockquote */ lalu ganti kode yang didepannya dengan kode BlockQuote yang kamu inginkan. 

Batas kode sampai /* Table */.

 

Untuk pengguna template lainnya silahkan letakkan kode tersebut diatas kode ]]></b:skin>

Jangan lupa backup file xml template kamu sebelum melakukan editing atau perubahan. Selamat mencoba dan semoga tidak ada kendala.