Better a cruel truth than a comfortable delusion ...
Home Anime / e-Story Story Santai Tutorials All bout d Braces Relationship

Saturday, January 11, 2014

Tutorial Bentuk-Bentuk Border

Bentuk-bentuk border ni korang boleh guna untuk banyak benda sebenarnya...
contoh : border post title, border post sidebar, blockquote dalam blog, etc..
kalau korang edit blog and terjumpa kod ala-ala kat bawah nanti, korang boleh laaa tukar..delete kod lama, gantikan dengan yang ni...tapi, jangan lupa preview dulu..... hehehe

leh tengok senarai tutorial kat bawah ni..ada yang guna kod border ni...
------> TutoR <------

attention : 

tulisan merah - saiz border 
#804000 - tukar kod warna yang korang suka , leh pilih di sini 
jenis line - dashed, dotted, solid 

now, searching......................................... 


border: 3px solid #804000;
-moz-border-radius: 0.5em 0.5em 0.5em 0.5em;
border-radius: 0.5em 0.5em 0.5em 0.5em; 


------------------------------------------------------------------------------------------------------------
border: 3px solid #804000; 
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;  


------------------------------------------------------------------------------------------------------------
 border: 3px solid #804000;
-moz-border-radius: 4em 4em 1em 1em;
border-radius: 4em 4em 1em 1em; 


------------------------------------------------------------------------------------------------------------
border: 3px solid #804000;
-moz-border-radius: 0.2em 1em 0.2em 1em;
border-radius: 0.2em 1em 0.2em 1em; 


-------------------------------------------------------------------------------------------------------------
border-top: 4px solid #804000;
border-bottom: 4px solid #804000; 


-------------------------------------------------------------------------------------------------------------
 -moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
-webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-top-right-radius: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
border-bottom: 5px solid #804000;


-------------------------------------------------------------------------------------------------------------
border-top: 2px dashed #804000;
border-bottom: 2px dashed #804000;
border-right: 6px solid #804000;
border-left: 6px solid #804000;


-------------------------------------------------------------------------------------------------------------
border: 2px dashed #804000;
border-top: 2px dashed #804000;
border-bottom: 2px dashed #804000;
border-left: 8px solid #804000; 


-------------------------------------------------------------------------------------------------------------
border: 2px dashed #804000;
border-top: 2px dashed #804000;
border-bottom: 2px dashed #804000;
border-right: 8px solid #804000;


-------------------------------------------------------------------------------------------------------------
border-top: 2px dashed #804000;
border-bottom: 2px dashed #804000;
border-left: 6px solid #804000;
-moz-border-radius: 1em 1em 1em 1em;
 border-radius: 1em 1em 1em 1em; 


-------------------------------------------------------------------------------------------------------------
border-top: 2px dashed #804000;
border-bottom: 2px dashed #804000;
border-right: 6px solid #804000;
-moz-border-radius: 1em 1em 1em 1em;
 border-radius: 1em 1em 1em 1em; 


-------------------------------------------------------------------------------------------------------------
border-top: 2px dashed #804000;
border-bottom: 2px dashed #804000;
border-right: 6px solid #804000;
border-left: 6px solid #804000;
-moz-border-radius: 1em 1em 1em 1em;
 border-radius: 1em 1em 1em 1em; 


--------------------------------------------------------------------------------------------------------------
border-bottom: 3px dashed #804000; 


---------------------------------------------------------------------------------------------------------------

5 comments:

Unknown said...

cmane nak buat ehh ?

MS said...

@Khaleda Syazwani ni untuk tukar jenis border...post title, sidebar...ade kod untuk setiap border, pilih and tukar..

Unknown said...

salam..nanti nk paste kt mne kod yg kte ske tu?

MS said...

@miss miew saya daa jawab kat atas...(baru edit balik) ... =)

Unknown said...

cmne buat menu bar?

Related Posts Plugin for WordPress, Blogger...