Hướng dẫn Thêm chữ chéo avatar rất đẹp :D

Bon

Bon

MasterCorporal
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
Demo
s7PJtqw.png


Thêm code sau và EXTRA.css
.subvn {
height: 75px;
left: -5px;
overflow: hidden;
position: absolute;
text-align: right;
top: -5px;
width: 75px;
z-index: 1;
}
.subvn span {
background: rgba(0, 0, 0, 0) linear-gradient(rgb(36, 111, 175) 0%, rgb(36, 111, 175) 100%) repeat scroll 0 0;
box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
color: #fff;
display: block;
font-size: 10px;
font-weight: bold;
left: -21px;
line-height: 20px;
position: absolute;
text-align: center;
text-transform: uppercase;
top: 19px;
transform: rotate(-45deg);
width: 100px;
}
.subvn span::before {
border-color: rgb(36, 111, 175) transparent transparent rgb(36, 111, 175);
border-style: solid;
border-width: 3px;
content: "";
left: 0;
position: absolute;
top: 100%;
z-index: -1;
}
.subvn span::after {
border-color: rgb(36, 111, 175) rgb(36, 111, 175) transparent transparent;
border-style: solid;
border-width: 3px;
content: "";
position: absolute;
right: 0;
top: 100%;
Nhấn để mở rộng...

Rồi vào message_user_info tìm <div class="extraUserInfo">
Chèn xuống dưới
<div class="subvn">
<span>SUBVN.NET</span>
</div>
Nhấn để mở rộng...

Done ! nhớ like nhé @@ come back
 
Bài viết liên quan
Giúp thêm màu label bởi NOKIAPRO,
Xin hỏi làm sao đưa tất cả tin ghim ra ngoài trang chủ XF2 bởi muabandalat,
Hỏi về thêm icon sau node list bởi loinguyen1x94,
Hỏi cách thêm footer vào theme bởi bloghocpiano,
Xin hỏi addon thêm nội dung từng chuyên mục ( rút gọn ) - ( mở rộng ) ? bởi nhuttran913,
em cần tìm thanh kéo chuột bởi Kendy,
Bài viết mới
Xin hướng dẫn cách làm mục này bởi ngoctuanvnnn,
Bị Lỗi share facebook không hiển thị ảnh đại diện xenforo bởi bloghocpiano,
Lỗi Nội dung không mong muốn bởi muabandalat,
Cho em xin code chèn comment facebook bởi quang9292,
Socials & Languages PREFIXES - Tiền tố mạng xã hội & ngôn ngữ cho XenForo 2.3 bởi PVS,
Bị lỗi ErrorException: Template error: [E_USER_WARNING] Cannot call method first on a non-object (NULL) src/XF/Template/Templater.php:1177 bởi bloghocpiano,
cái này có cần cái hình up lên host ko bạn nhỉ?
mình nhớ có 1 cái tương tự hình như là cần hình up lên host?
bác nào làm rồi cho ý kiến nhá.
thank @Bon
 
THB nói:
cái này có cần cái hình up lên host ko bạn nhỉ?
mình nhớ có 1 cái tương tự hình như là cần hình up lên host?
bác nào làm rồi cho ý kiến nhá.
thank @Bon
Nhấn để mở rộng...
ko úp gì cả tất cả chỉ là css sửa chữ SUBVN.NET THÀNH CHỮ BẠN CẦN THAY
mình đang chạy site mình mà bác @@
 
Thôi chịu bỏ, bác code lại nghiêng sang bên phải hộ em đc ko :v
Mà sao em mất 3 cái hình like tin nhắn vs huy hiệu trong khung tròn r nhỉ
20169ef9f661-0680-499b-83cf-527cfe4f0630.png



Tool Liên Minh Huyền Thoại
http://hnvautopro.com
 
Bác này code backgroud pro quá
Tks bác đã share :=D
(Có điều không sài được bị che mất mặt giống thằng chột quá) emo~~
 
  • Like
Reactions: THB
Share code bên phải em ấy lại này cho hợp với bên vnxf

Extra.css
Mã: 
.ribbon {
  position: absolute;
  right: -5px; top: -5px;
  z-index: 1;
  overflow: hidden;
  width: 75px; height: 75px;
  text-align: right;
}
.ribbon span {
  font-size: 10px;
  font-weight: bold;
  color: #FFF;
  text-transform: uppercase;
  text-align: center;
  line-height: 20px;
  transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  width: 100px;
  display: block;
  background: #79A70A;
  background: linear-gradient(#9BC90D 0%, #79A70A 100%);
  box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
  position: absolute;
  top: 19px; right: -21px;
}
.ribbon span::before {
  content: "";
  position: absolute; left: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid #79A70A;
  border-right: 3px solid transparent;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}
.ribbon span::after {
  content: "";
  position: absolute; right: 0px; top: 100%;
  z-index: -1;
  border-left: 3px solid transparent;
  border-right: 3px solid #79A70A;
  border-bottom: 3px solid transparent;
  border-top: 3px solid #79A70A;
}

message_user_info

Mã: 
<div class="box">
   <div class="ribbon"><span>HNVAuto</span></div>
</div>

Tool liên minh huyền thoại
http://www.hnvautopro.com/
 
  • Like
Reactions: THB
thanks bạn, mình ko làm cái này mà nhờ cái này mình biết cách bỏ cái khung chữ chéo đó đi vì style nó có sẵn kaak
 
  • Like
Reactions: THB
8,713 19 7
Bạn phải đăng nhập hoặc đăng ký để bình luận.

Dịch vụ XenForo của VNXF

Zalo 0906081284
avatar Silzedt InboxPVS
[VNXF 2x] Best Statistics Pro – Thống kê nâng cao, tối ưu hiệu năng cho XenForo 1.1 Bảng giá dịch vụ thiết kế, làm diễn đàn XenForo năm 2024

Xử lý sự cố

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

XenForo 1 XenForo 2
Translate by PVS
Xenforo là gì?
Xây dựng MXH bằng Xenforo

Texlink

Khám phá AI cùng người Việt
Diễn đàn chia sẻ kinh nghiệm massage
Review dịch vụ massage toàn quốc
Cộng Đồng Massage Việt Nam
Cộng đồng AI Việt Nam
Liên hệ đặt Textlink

Nhà Tài Trợ

Mút Xốp Không Gian
Mút Sofa Không Gian
Back
Top