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

DucNguyen0107

Private
Tham gia
17/04/2016
Bài viết
29
Được Like
13
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

Bon

MasterCorporal
Tham gia
22/03/2016
Bài viết
258
Được Like
258
Chữ nghiêng thêm chữ <i>đăng kí</i> chữ gạch chân <u>đăng kí</u>
 
  • Like
Reactions: THB

thebigsize

MasterCorporal
Tham gia
04/03/2015
Bài viết
327
Được Like
250
ý mình là tạo hiệu ứng khi rê chuột vào ấy!
Đâ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........
}
 

DucNguyen0107

Private
Tham gia
17/04/2016
Bài viết
29
Được Like
13
Đâ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!
 

phankt

Corporal
Tham gia
23/08/2016
Bài viết
116
Được Like
25
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
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom