Help xin giúp đở về rê chuột vào link

mình có cái box thông bảo nhỏ như hình

YBpTMrN.png


mình muốn tạo thêm hiệu ứng nghiên chữ hay gạch đích khi rê chuột vào link Đăng kýĐăng nhập!
nhờ các anh em có kinh nghiệm chia sẽ giúp
code footer mình đang dùng

Mã:
<xen:if is="!{$visitor.user_id}">
<div>
<div id='stickymsg'><center>Chào mừng bạn đến với diễn đàn!<br />
<font color="#1874CD"><b>Hội Cựu Học Sinh Tân Long</b></font><br />
Xin hãy <a href='{xen:link 'register'}' title=''> <font color="#FF0000">Đăng ký</font> </a>hoặc <a href='{xen:link 'login/'}' title=''> <font color="#FF0000">Đăng nhập </font> </a> <br />
để có thể sử dụng diễn đàn.<br />
Xin cám ơn!</center></div></div>
</xen:if>

footer CSS
Mã:
/* sticky guest message */

#stickymsg{
position: fixed;
bottom: 62px;
line-height: 16px;
right: 82px;
z-index: 30000;
opacity: 1;
width: 260px;
height: auto;
background: #E8E8E8;
color: #000000;
text-shadow: rgba(0,0,0,0) 0px -1px 0px;
padding: 10px;
text-decoration: none;
font-size: 13px;
font-family: Tahoma;
border: 2px solid #E8E8E8;
box-shadow: rgba(0,0,0,0) 0px 1px 4px, inset #E8E8E8 0px 1px 0px;
border-radius: 3px;
}
#stickymsg a{ color: #000000; font-weight:bold; text-decoration: none; }
#stickymsg:hover{ opacity: 1; }
 
  • Like
Reactions: THB
Chữ nghiêng thêm chữ <i>đăng kí</i> chữ gạch chân <u>đăng kí</u>
 
  • Like
Reactions: THB
Đây là các css cơ bản, thường hiệu ứng khi rê chuột là thêm :hover sau class cần rê chuột. Ví dụ trường hợp bạn :
Mã:
#stickymsg a:hover{
text-decoration: underline; //gạch dưới
text-transform: uppercase;// Chữ hoa
font-style: italic;//font nghiêng........
}
đã thành công xin cám ơn!
 
hover khi di chuột vào link trong link được zoom rộng ra và nội dung bị dãn da nhìn rất chối.. sửa houver này ở đâu dây các bác
 
Back
Top