[Hillian]

 

 

Nước đến chân mới lò cò, deadline gần kề mà không kiếm ra đề tài dự thi. Thôi thì đành giở máu đạo chích lang thang trên net bạ gì vớ nấy

Hillian's Trickroom

Your eyes don't lie? Guess not..
Since they could be tricked, one way or another.

Sometimes hover can reveal the truth,
At other times, it comes to your wisdom..

 

.

.

.

.

.

.

 

.

.

 

.

.

.

.

.

.

.

.

 

.

.

.

.

.

 

.

.

.

.

 

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

 

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

 

.

.

.

.

.

.

.

.

 

 

Bài dưới đây không phải là phần chính, ai còn tỉnh trí hẵng xem nhá

Parallax Theater

Không xài code cao siêu gì cả nhưng độ bá của trò này không nhỏ
Thôi xem như là bonus

* Chống chỉ định: bạn nào có bệnh motion sickness kinh niên, dễ say tàu xe
vs người già và trẻ em đang cho con bú.. ý lộn
Nhìn xa màn hình để thấy rõ hơn đồng thời chống ói mửa

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

.

 

 

Công sức 2 ngày rưỡi cơ khổ hy sinh cặp mắt quý báu vì sự nghiệp đầu độc thị giác thiên hạ bbcoder

=============CLASS===============

.

=============TABSTYLE=============

 

10 char này

[Hillian]

Này thì bẹp

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

.

Chiều ý sếp Kal khó thật Mà mới có 2 ngày đâu đã đến nỗi ế
Edit: Sao xem trên chrome vừa siđa vừa giật thế này, bỏ cái -webkit- scale đi vậy FF thì cái gì cũng ngon

[Kou Togima]

*nhìn dàn cao thủ ở trên*

Đoạn Lorem Ipsum chuẩn, được sử dụng từ những năm 1500

"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum."

Đoạn 1.10.32 trong "De Finibus Bonorum et Malorum" viết bởi Cicero năm 45 trước Công Nguyên

"Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. Ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur, vel illum qui dolorem eum fugiat quo voluptas nulla pariatur?"

[Hetallies]

Hồi trước có bạn hỏi mình cách ẩn scrollbar, với lại cái này cũng có ở forum cũ, mình chỉ nhớ rồi viết lại thôi Tut về thuộc tính overflow. Cách 1: Bọc box trong chứa nội dung có overflow:auto với thuộc tính margin-right:-17px và height bằng 1 box ngoài kèm thuộc tính overflow:hidden và height giống hệt box trong.
Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. a a a a a a a a â a a a a a a a a a a a a a a a Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài.	[box=;overflow:hidden;height:300px||1||][box=;margin-right:-17px;overflow-y:auto;height:300px||||]Một nội dung dài dòng gì đấy[/box][/box]
Cách 2: Sử dụng hover để khi rê chuột vào box thì hiện scrollbar. Chắc không giống cách ở forum cũ đâu..
Đây là một cái nội dung rất rất là dài dài dài dài dài dài. aaaaaaaaaaaaaaaaaaaaaaaaaa Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. a a a a a a a a â a a a a a a a a a a a a a a a Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài.	[hover=giauscrollbar div|overflow-y:auto!important;padding-right:0px!important;][box=;overflow-y:hidden;height:300px;padding-right:17px||1||]Đây là một cái nội dung rất rất là dài dài dài dài dài dài.[/box][/hover]
Đây là một cái nội dung rất rất là dài dài dài dài dài dài. aaaaaaaaaaaaaaaaaaaaaaaaaa Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. a a a a a a a a â a a a a a a a a a a a a a a a Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. Đây là một cái nội dung rất rất là dài dài dài dài dài dài. [box=;height:300px;overflow:hidden;||1||][hover=giauscrollbar2 div|margin-right:0px!important;padding-right:0px!important;][box=;overflow-y:auto;height:300px;margin-right:-17px;transition:all 0.4s ease-in-out;padding-right:17px;||||]Đây là một cái nội dung rất rất là dài dài dài dài dài dài.[/box][/hover][/box]
Hãy chắc chắn rằng khi ẩn scrollbar như vậy người đọc sẽ dễ nhận ra, nếu không sẽ rất dễ bỏ quên nội dung vì người đọc không biết còn nội dung ở đó. Mọi thắc mắc có thể hỏi trong topic hỏi đáp của box hoặc vm trực tiếp cho mình.

[Hetallies]

Một cách chỉnh style của img không cần động đến hàng nhạy cảm.

[Tham Lam]

Một cái animation đơn giản lồng vào tabs thôi. Chỉ là phần ý tưởng, tùy biến thì để ngồi hóng các cao nhân ra tay.
Lưu ý: Chỉ thực hiện được 1 lần duy nhất trên Fire Fox và hoạt động bình thường trên Chrome
Mà trong VNS đa phần sử dụng Chrome nên chắc xài tốt.

Text text text text text text text
text text text text text text text
text

1111111111111111111111111111111111111111111111111
text text text text text text text text text text

text text text

 

Text text text text text text text
text text text text text text text
text

2222222222222222222222222222222222222222222222222
text text text text text text text text text text

text text text

 

Text text text text text text text
text text text text text text text
text

333333333333333333333333333333333333333333333333
text text text text text text text text text text

text text text

 

Text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text
text
444444444
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text

text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text text text text text text
text text text text text text text text text text text text text text text text text text text text

text text text

 

Quá đơn giản phải không?

[Hetallies]

Cái này chắc khối người cũng biết rồi ha Hình tam giác tạo bằng border

.

Dành cho những ai lười viết: http://apps.eky.hk/css-triangle-generator/

[Hetallies]

Bạn muốn biến mất phần viền bên dưới khi rê chuột vào link?

Đây là link đấy

[hover=link a|text-decoration:none;][url=Đây là link đấy]Đây là link đấy[/url][/hover]

[Hetallies]

Cách chèn code nhạc Zing Mp3
ngắn nhất mà mình biết huhu

1. Mở link nhạc Zing Mp3 và tìm id nhạc

(VD: mình có link http://mp3.zing.vn/bai-hat/Like-I-Would-ZAYN/ZW7OD7W9.html và id của nó là phần được bôi highlight)

2. Copy cái id đó và replace vào phần mình tô đậm trong link dưới, rồi paste vào trình duyệt và nhấn Enter

http://api.mp3.zing.vn/api/mobile/song/getsonginfo?keycode=fafd463e2131914934b73310aa34a23f&requestdata={%22id%22:%22Cho id vào đây%22}

Nó sẽ ra 1 cái phần đại loại như dưới, nhiều chữ nhưng mặc xác chúng nó nhưng chỉ cần để ý đoạn sau phần " {"128":"http:\/\/api.mp3.zing.vn\/api\/mobile\/source\/song\/ " (hoặc là cái phần mình tô xanh ấy) là LGJGTLGNQAJGDVVTLDJTDGLG



3. Copy cái phần mình tô xanh vừa nãy vào link dưới, replace cái đoạn mình tô xanh vừa nãy bằng phần mình tô highlight, rồi lấy cái link đã replace làm link szflash

http://static.mp3.zdn.vn/skins/mp3_main/flash/embed/embed_1.0.swf?xmlURL=http%3A%2F%2Fmp3.zing.vn%2Fxml%2Fsong-xml%2FCho đoạn vừa nãy vào đây&autostart=true

(Btw: Nếu bạn ko muốn autoplay thì sửa phần &autostart=true ở trên thành &autostart=false nhé)

Thành quả:

Mình biết là hơi lằng nhằng tí nhưng mà bạn nào có cách nào ngắn gọn hơn thì vm mình để mình sửa lại nhé

[Hetallies]

.

Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung. Nội dung.

Xem thêm?: http://www.html5rocks.com/en/tutoria...tting-started/
Ứng dụng của CSS shape: http://webplatform.adobe.com/Demo-fo...in-Wonderland/

Hỗ trợ Chrome 37 trở lên. Không hiển thị trên Firefox.