Help Chỉnh tiền tố cho đẹp

ngaithon · 15/02/2017

e đã làm được tiền tố rôi nhưng chưa giống vnxf ạ. Nên e nhờ a chị giúp giùm ạ
hình của e: (chưa đẹp vì chưa bo tròn)

hình đẹp( có bo tròn)

PVS · 15/02/2017

Bạn thử vào template thread_prefixes.css thay thế toàn bộ code ở đó bằng:

Mã:

.prefix
{
    @property "titlePrefix";
    background: transparent url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
    padding: 0px 6px;
    margin: -1px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    @property "/titlePrefix";
}

a.prefixLink:hover
{
    text-decoration: none;
}

a.prefixLink:hover .prefix
{
    @property "titlePrefixHover";
    color: @primaryMedium;
    text-decoration: none;
    background-color: @primaryLightest;
    padding: 0 6px;
    border: 1px solid @primaryLighter;
    @property "/titlePrefixHover";
}

.prefix a { color: inherit; }

.prefix.prefixPrimary    { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighterStill; }
.prefix.prefixSecondary  { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }

.prefix.prefixRed        { color: white; background-color: red; border-color: #F88; }
.prefix.prefixGreen      { color: white; background-color: green; border-color: green; }
.prefix.prefixOlive      { color: black; background-color: olive; border-color: olive; }
.prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.prefix.prefixBlue       { color: white; background-color: blue; border-color: #88F; }
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  }
.prefix.prefixSkyBlue    { color: black; background-color: skyblue; border-color: skyblue; }
.prefix.prefixGray       { color: black; background-color: gray; border-color: #AAA; }
.prefix.prefixSilver     { color: black; background-color: silver; border-color: silver; }
.prefix.prefixYellow     { color: black; background-color: yellow; border-color: #E0E000; }
.prefix.prefixOrange     { color: black; background-color: orange; border-color: #FFC520; }

.discussionListItem .prefix,
.searchResult .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 16px;
    @property "/discussionListPrefix";
    
    font-weight: normal;
}

h1 .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 16px;
    @property "/discussionListPrefix";
    
    line-height: normal;
}

.breadcrumb span.prefix,
.heading span.prefix
{
    @property "breadcrumbTitlePrefix";
    font-style: italic;
    font-weight: normal;
    background: none;
    padding: 0;
    margin: 0;
    border: 0 none black;
    border-radius: 0;
    display: inline;
    @property "/breadcrumbTitlePrefix";
    color: inherit;
}

Chú ý: Lưu lại 1 bản code của template này trước khi sửa, đề phòng có lỗi.

ngaithon · 15/02/2017

PVS nói:

Bạn thử vào template thread_prefixes.css thay thế toàn bộ code ở đó bằng:

Mã:

.prefix
{
    @property "titlePrefix";
    background: transparent url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
    padding: 0px 6px;
    margin: -1px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    @property "/titlePrefix";
}

a.prefixLink:hover
{
    text-decoration: none;
}

a.prefixLink:hover .prefix
{
    @property "titlePrefixHover";
    color: @primaryMedium;
    text-decoration: none;
    background-color: @primaryLightest;
    padding: 0 6px;
    border: 1px solid @primaryLighter;
    @property "/titlePrefixHover";
}

.prefix a { color: inherit; }

.prefix.prefixPrimary    { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighterStill; }
.prefix.prefixSecondary  { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }

.prefix.prefixRed        { color: white; background-color: red; border-color: #F88; }
.prefix.prefixGreen      { color: white; background-color: green; border-color: green; }
.prefix.prefixOlive      { color: black; background-color: olive; border-color: olive; }
.prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.prefix.prefixBlue       { color: white; background-color: blue; border-color: #88F; }
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  }
.prefix.prefixSkyBlue    { color: black; background-color: skyblue; border-color: skyblue; }
.prefix.prefixGray       { color: black; background-color: gray; border-color: #AAA; }
.prefix.prefixSilver     { color: black; background-color: silver; border-color: silver; }
.prefix.prefixYellow     { color: black; background-color: yellow; border-color: #E0E000; }
.prefix.prefixOrange     { color: black; background-color: orange; border-color: #FFC520; }

.discussionListItem .prefix,
.searchResult .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 16px;
    @property "/discussionListPrefix";
   
    font-weight: normal;
}

h1 .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 16px;
    @property "/discussionListPrefix";
   
    line-height: normal;
}

.breadcrumb span.prefix,
.heading span.prefix
{
    @property "breadcrumbTitlePrefix";
    font-style: italic;
    font-weight: normal;
    background: none;
    padding: 0;
    margin: 0;
    border: 0 none black;
    border-radius: 0;
    display: inline;
    @property "/breadcrumbTitlePrefix";
    color: inherit;
}

Chú ý: Lưu lại 1 bản code của template này trước khi sửa, đề phòng có lỗi.

tks. e đã làm đc ajh

ducga · 06/07/2017

PVS nói:

Bạn thử vào template thread_prefixes.css thay thế toàn bộ code ở đó bằng:

Mã:

.prefix
{
    @property "titlePrefix";
    background: transparent url('@imagePath/xenforo/gradients/form-button-white-25px.png') repeat-x top;
    padding: 0px 6px;
    margin: -1px 0;
    border: 1px solid transparent;
    border-radius: 4px;
    display: inline-block;
    @property "/titlePrefix";
}

a.prefixLink:hover
{
    text-decoration: none;
}

a.prefixLink:hover .prefix
{
    @property "titlePrefixHover";
    color: @primaryMedium;
    text-decoration: none;
    background-color: @primaryLightest;
    padding: 0 6px;
    border: 1px solid @primaryLighter;
    @property "/titlePrefixHover";
}

.prefix a { color: inherit; }

.prefix.prefixPrimary    { color: @primaryMedium; background-color: @primaryLighterStill; border-color: @primaryLighterStill; }
.prefix.prefixSecondary  { color: @secondaryDark; background-color: @secondaryLighter; border-color: @secondaryLighter; }

.prefix.prefixRed        { color: white; background-color: red; border-color: #F88; }
.prefix.prefixGreen      { color: white; background-color: green; border-color: green; }
.prefix.prefixOlive      { color: black; background-color: olive; border-color: olive; }
.prefix.prefixLightGreen { color: black; background-color: lightgreen; border-color: lightgreen; }
.prefix.prefixBlue       { color: white; background-color: blue; border-color: #88F; }
.prefix.prefixRoyalBlue  { color: white; background-color: royalblue; border-color: #81A9E1;  }
.prefix.prefixSkyBlue    { color: black; background-color: skyblue; border-color: skyblue; }
.prefix.prefixGray       { color: black; background-color: gray; border-color: #AAA; }
.prefix.prefixSilver     { color: black; background-color: silver; border-color: silver; }
.prefix.prefixYellow     { color: black; background-color: yellow; border-color: #E0E000; }
.prefix.prefixOrange     { color: black; background-color: orange; border-color: #FFC520; }

.discussionListItem .prefix,
.searchResult .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 16px;
    @property "/discussionListPrefix";
   
    font-weight: normal;
}

h1 .prefix
{
    @property "discussionListPrefix";
    font-size: 80%;
    margin: 0;
    line-height: 16px;
    @property "/discussionListPrefix";
   
    line-height: normal;
}

.breadcrumb span.prefix,
.heading span.prefix
{
    @property "breadcrumbTitlePrefix";
    font-style: italic;
    font-weight: normal;
    background: none;
    padding: 0;
    margin: 0;
    border: 0 none black;
    border-radius: 0;
    display: inline;
    @property "/breadcrumbTitlePrefix";
    color: inherit;
}

Chú ý: Lưu lại 1 bản code của template này trước khi sửa, đề phòng có lỗi.

cho em hỏi tiền tố như này thì nên chỉnh sửa sao ạ demo: http://cd.mtasa.vn/

Người đăng	Chủ đề tương tự	Diễn đàn	Trả lời	Ngày đăng
	Other 2x Adds a link to the moderator profile who edited a post - Thêm liên kết vào hồ sơ moderator, người đã chỉnh sửa bài viết cho XenForo 2	Template Modifications	0	05/09/2020
	Other nhờ chỉnh sửa giao diện	Template Modifications	7	30/07/2019
L	Request Xin hướng dẫn chỉnh kích thước custom node icon xenforo 1x	Template Modifications	4	01/07/2019
L	Request Giúp chỉnh tab menu top	Template Modifications	0	12/06/2019
	Help Giúp em chỉnh sửa menu sider	Template Modifications	3	05/03/2019

Help Chỉnh tiền tố cho đẹp

ngaithon

Corporal

PVS

Super Moderator

ngaithon

Corporal

ducga

Private

Chủ đề tương tự

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

Dịch vụ XenForo của VNXF

Xử lý sự cố (Troubleshooting)

Texlink

Nhà Tài Trợ

Thông tin chung

LIÊN KẾT

LIÊN KẾT

LIÊN KẾT