Code màu chạy xung quanh chuyên mục[✔]

[tommy_phan]

cho mình hỏi làm cái này sao vậy cho mình xin code với..! mình không biết giải thix cái này là sao hết bạn nào biết share mình với nha

[BTV2]

link demo?

[Kid Knight]

HTML

Code:

<div class="main-content">
<span class="natata"></span><span class="netete"></span><span class="nototo"></span><span class="nututu"></span>

Nội dung cần đóng khung     

</div>


css

Code:

.main-content .natata{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;content:"";height:3px;left:0;position:absolute;top:0;width:0}
.main-content:hover .natata{background:#FF0000;width:100%}
.main-content .netete{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:3px;position:absolute;right:0;width:0}
.main-content:hover .netete{background:#FF0000;width:100%}
.main-content .nototo{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;width:3px}
.main-content:hover .nototo{background:#FF0000;height:100%}
.main-content .nututu{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;content:"";height:0;position:absolute;right:0;top:0;width:3px}
.main-content:hover .nututu{background:#FF0000;height:100%}

[Hades]

ý bạn là cái này:

[pro_qng]

Hades nói chính xác rồi đấy  

[tommy_phan]

link demo?

link DEMO đây http://danit.forumvi.com/forum
khi rê chuột tới đâu thì có màu xanh chạy bao quanh cái chuyên mục đó

[Kid Knight]

HTML

Code:

<div class="main-content">
<span class="natata"></span><span class="netete"></span><span class="nototo"></span><span class="nututu"></span>

Nội dung cần đóng khung      

</div>


css

Code:

.main-content .natata{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;content:"";height:3px;left:0;position:absolute;top:0;width:0}
.main-content:hover .natata{background:#FF0000;width:100%}
.main-content .netete{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:3px;position:absolute;right:0;width:0}
.main-content:hover .netete{background:#FF0000;width:100%}
.main-content .nototo{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;bottom:0;content:"";height:0;left:0;position:absolute;width:3px}
.main-content:hover .nototo{background:#FF0000;height:100%}
.main-content .nututu{-moz-transition:all 1s ease;-webkit-transition:all 1s ease;background:#2e2e2e;border-radius:2px;content:"";height:0;position:absolute;right:0;top:0;width:3px}
.main-content:hover .nututu{background:#FF0000;height:100%}

[accit]

1 like liền

[ligerv]

Hades nói chính xác rồi đấy  

mấy tuần bạn toàn đứng đầu danh sách tích cực , nhưng đa số đều là những bài viết ntn . report mấy lần những vẫn cứ thấy comment kiểu vậy là thấy khó chịu (nói ra những gì chướng mắt thôi , hi vọng không đụng chạm .)

[pro_qng]

sẽ rút kinh nghiệm , cám ơn đã nhắc nhở

[tommy_phan]

mấy bạn giúp mình với mình làm giống code trên mà không dc

[huypro2105]

mấy pác chỉ sai rồi , người ta xin code vòng màu xanh trượt quanh box khi rê chuột vào mà @@
giống như lionvip ấy =.=!

[anhdaodaica1]

quá hay ~

[hunghsmn]

Tham khảo thêm một kiểu khác để tạo khung cho một văn bản khi ta rê chuột vào, ra đoạn văn bản đó. Thực chất là trong các thẻ table, tr, td, div ta thay đổi  màu nền phía sau bằng 2 thuộc tính này
Đổi màu khung khi rê chuột vào: onmouseover="style.backgroundColor='#mã màu'"
Đổi màu khung khi rê chuột ra :onmouseout="style.backgroundColor='#mã màu'"
Đây là ví dụ cơ bản:
trekhuyettat.org/h230-page
Chúng ta có thể biến tướng thành nhiều kiểu khung theo ý thích riêng

[Tuyệt Vọng]

http://trasua2.forumvi.com/ như này à ? cần gì bạn phải nói rõ ràng ra, đưa luôn cả demo onl thì mọi người mới biết giúp

[tommy_phan]

mấy pác chỉ sai rồi , người ta xin code vòng màu xanh trượt quanh box khi rê chuột vào mà @@
giống như lionvip ấy =.=!

đúng rồi mong các bạn giúp mình

[tommy_phan]

http://trasua2.forumvi.com/ như này à ? cần gì bạn phải nói rõ ràng ra, đưa luôn cả demo onl thì mọi người mới biết giúp

đúng rồi bạn giông vậy đó nếu dc bạn cho mình cái skin càng tốt thank các bạn

[BTV2]

nó đây like t phát nhé :> 

Code:

http://diendan.chinhphuc.info/t28298-topic

[tommy_phan]

nó đây like t phát nhé :> 

Code:

http://diendan.chinhphuc.info/t28298-

thank rồi nhé..! cảm ơn bạn

[Sponsored content]