Senang aje nak buat teks bertindih ni... Hanya copy code di bawah kemudian paste dekat blog masing-masing. Lepas tu tukar ayat kepada perkataan yang diingini. Hahaha... Tapi aku buat sekejap je... Tak cantik pula kalau taruk kat blog aku. Tutorial ni nak cakap susah, takdalah susah. Nak cakap senang, senang gaklah. Tapi kalau korang try buat benda ni banyak kali, mestilah lama-lama jadi mahir. Betul tak?
Tutorial ni aku jumpa time usya-usya blog orang lain. Tapi dia punya dalam english. So aku translate pula ke dalam bahasa Melayu. Selain digunakan untuk header blog, text bertindih ni juga boleh digunakan dalam friendster dan myspace. Tapi aku tak try lagi. Korang cubalah sendiri. Hahaha... Ok lah, hasilnya mungkin seperti di bawah ni...
1st Line Text
2nd Line Text
2nd Line Text
Sila copy code di bawah. ( Ctrl + C )
Di bawah ini pula. sedikit penerangan dan sedikit code yang boleh anda gunakan untuk adjust text mengikut kehendak anda.
Value | Description | Example |
| line-height:80% | Line-height" is the value where your 1st & 2nd text is overlapped. Here you can adjust the % value on your own | 0% - 100% [smaller value means the more the text overlapped] |
| text-align:center | the text alignment | center, left, right |
| font-weight:bold | Either the font is bold, it must be set to "bold" or empty for normal | bold |
| text-decoration: underline | Additional decoration over the text | underline / overline |
| font-style: italic | The style should be set under "italic" or none | italic |
| font-size:24px | size under pixel count | 24px, 15px & so on |
| color:#172ae3 | The color can be set using rgb format or color codes format | 1. [color codes format #fffff, #e8f610] 2. [rgb format : writen as :rgb(53,221,179) where the numbers indicates red, green & blue channel composition] |
| font-family:Arial | Font face for the text | comic sans, verdana, arial |
| 1st Line Text | For your 1st text | welcome |
| 2nd Line Text | For your 1st text | to my world |
Harap tutorial ini bermanfaat kepada anda :) - Feel free to comment.
No comments:
Post a Comment