Drop Down MenusCSS Drop Down MenuPure CSS Dropdown Menu

February 21, 2011

Tutorial Background Blockquote

ok tutorial ni untuk semua ye.:face75:hehe nina ajarkan macam mana nak buat background untuk blockquote. ala macam ni la..:face64:
background blockquote
:face44:ok ikut step ni ye anak-anak.


CARA PERTAMA - blockquote biasa


1Dashbord:65:Design:65:Edit HTML

2Cari code bawah ni guna ctrl + f
.post blockquote {
3Copy dan paste code bawah ni kat bawah .post blockquote {
background: url(URL BACKGROUND);
border-top: 2px dashed #000000;
border-left: 2px dashed #000000;
border-right: 2px dashed #000000;
border-bottom: 2px dashed #000000;

4Save:q:


ribbon and flower


CARA KEDUA - flash blockquote


1design:65:edit HTML:65:tick expand widget

2tekan+F cari kod ni
.post blockquote {
3dah jumpakan:120:pastu copy code dibawah ni..
background:url(URL BACKGROUND);
padding:5px;
Border:2px dotted #000000;
colour:#FFFFFF}
blockquote:hover {
background: url(URL BACKGROUND) repeat right bottom ;
border:2px dashed #000000;
-moz-border-radius-topleft: 10px;
-moz-border-radius-bottomright: 10px;

credit to anis


ribbon and flower


CARA KETIGA - blockquote ada icon keluar dekat hujung


1design:65:edit HTML:65:tick expand widget

2tekan+F cari kod ni
.post blockquote {
3jumpa:120:pastu copy code dibawah ni dan pastekan dekat bawah code .post blockquote {
background-image:url(URL BACKGROUND);
padding:3px;
border:2px dotted #000000;
}
.post blockquote:hover {
background-image:url(URL ICON YANG COMEL);
background-position:bottom right;
background-repeat:no-repeat;
}


ribbon and flower


CARA KEEMPAT - blockquote icon menurun


1design:65:edit HTML:65:tick expand widget

2tekan+F cari kod ni
.post blockquote {
3jumpa:120:pastu copy code dibawah ni dan pastekan dekat bawah code .post blockquote {
background:url(URL BACKGROUND);
border-top: 2px dotted #58ACFA;
border-left: 4px solid #58ACFA;
border-right: 4px solid #58ACFA;
border-bottom: 2px dotted #58ACFA;
margin:1em 20px;
colour:#FFFFFF}
blockquote:hover {
background: url(URL BACKGROUND);
-webkit-transition-duration: 2.5s;
background-image:url(URL ICON YANG COMEL);
background-position:bottom right;
background-repeat:no-repeat;
border-top: 2px solid #58ACFA;
border-left: 4px dotted #58ACFA;
border-right: 4px dotted #58ACFA;
border-bottom: 2px solid #58ACFA;
margin:1em 20px;
}
yang warna MERAH = URL korang kena ambil direct link je
warna BIRU = ketebalan border
warna UNGU = warna border
warna EMAS = jenis border. contoh korang boleh pilih dekat bawah ni :

Cara nak gunakan blockquote :
pergi kat new post:65:then taip apa-apa:65:lepas tu highlight word:65:klik blockquote.
ha save la. kalau preview memang tak jadi, korang kenalah save dulu ye.:face68:jangan tanya kenapa tak boleh sebab ADA SESETENGAH TEMPLATE TAK BOLEH..:face17:

12 comments:

  1. ♪..aq[daN]pUteraku..♪February 21, 2011 at 11:53 PM

    waa...npa tk jdi?? tensennyaaaa syyy... :((

    mula2 memg nk post entry..then bila prvieww memg tk dptt...x jdik ponn.. :((

    npa nina??

    ReplyDelete
  2. Ruqaiyah AmaninaFebruary 21, 2011 at 11:57 PM

    haha syg anna kalo preview memang tak jadi. knela save dulu tengok :)

    ReplyDelete
  3. ezy.fiaFebruary 22, 2011 at 6:51 PM

    xpham.. ngeeeeee

    ReplyDelete
  4. Ruqaiyah AmaninaFebruary 22, 2011 at 10:01 PM

    hehe pe yg xphm cik ezy? this is the simple tutorial. just ikut je :)

    ReplyDelete
  5. - UnknownFebruary 25, 2011 at 7:17 PM

    kaka ,
    nak tanye neh .
    camane nak guna ctrl + f tuh ?
    dah try byk kali ,
    tp cam pelik jeh .
    hehe ~

    ReplyDelete
  6. YAya IEdayahMarch 8, 2011 at 5:36 PM

    :yaya cari .post blockquote uh xde un...nk cri tat mne agi nie...???

    ReplyDelete
  7. AnisAlya ★March 24, 2011 at 5:59 PM

    xbleh la.... U tlg buat kt sy bleh x ??? U ader fb x ??? I nk add U .. I nk bg password bl0g I kt U ... bleh tak ??? nm fb I '' anis moko ''

    ReplyDelete
  8. MiSh FJune 22, 2011 at 4:36 PM

    nape x jdi kak niena??biler nk paste kt edit html tuh dier x masok p0wn...dier x highlight...camner kak...

    ReplyDelete
  9. Ruqaiyah AmaninaJune 25, 2011 at 12:17 AM

    tak jd ke? owh ad la dik. try lagi sekali. highlight & tekan ctrl+c.. pastu paste la dekat html tu :)

    ReplyDelete
  10. FieqaOctober 11, 2011 at 6:49 PM

    kak niena,template watemark mmg x der ker kod .post blockquote { tu??boleh tlg x??

    ReplyDelete
  11. Chik MyraOctober 21, 2012 at 6:37 PM

    kenapa x bleh nak find .post blockquate tu erk?

    ReplyDelete
  12. Ruqaiyah AmaninaDecember 5, 2012 at 11:51 AM

    maaf semua yg bertanya. act bukan semua template ada code ni ye :)

    ReplyDelete

Thank you for comment. Come again :)

WARNING!
AKTA 588, AKTA KOMUNIKASI DAN MULTIMEDIA 1998
Seseorang yang menggunakan applikasi dengan memulakan penghantaran apa-apa komen, permintaan, cadangan atau komunikasi lain yang lucah, sumbang, palsu, mengancam atau jelik sifatnya dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu orang lain; atau tanpa mendedahkan identitinya dan dengan niat untuk menyakitkan hati, menganiayai, mengugut atau mengganggu mana-mana orang di mana-mana nombor atau alamat elektronik, adalah melakukan satu kesalahan dan boleh didenda tidak melebihi RM 50,000.00 @ dipenjarakan selama tempoh tidak melebihi 1 tahun @ kedua-duanya.

 
Copyright © 2014 JIAKREATIFELT. All rights reserved. | Sign in
Top of Page