vấn đề đưa con chuột vào khung chọn giống trang muare.vn

dragondark9999 · 14/10/12

demo trang: http://muare.vn

demo trang cần làm: http://thoitrangplus.net

thank các bác nhiều!

dragondark9999 · 17/10/12

có ai giúp mình cái này không?

BoDoi · 17/10/12

bạn xem thuộc tính này nhé:
.node .nodeInfo:hover

vd:
.node .nodeInfo:hover{
background:#F86D1B;
}
hoặc
.node .nodeInfo:hover .nodeIcon
{
background: url('styles/xensplash/xenforo/node-sprite.png') 0 30 no-repeat;
}

dragondark9999 · 17/10/12

voibietbay said: ↑

bạn xem thuộc tính này nhé:
.node .nodeInfo:hover

vd:
.node .nodeInfo:hover{
background:#F86D1B;
}
hoặc
.node .nodeInfo:hover .nodeIcon
{
background: url('styles/xensplash/xenforo/node-sprite.png') 0 30 no-repeat;
}
Click to expand...

làm như bạn ko dc bạn ơi?
code mình đây, bạn giúp với

.nodeList { zoom: 1; }
.nodeList .node {
zoom: 1;
vertical-align: bottom;
}

.nodeList .node.level_1
{
margin-bottom: 20px;
}

.nodeList .node.level_1:last-child
{
margin-bottom: 0;
}

.nodeList .node.groupNoChildren + .node.groupNoChildren
{
margin-top: -20px;
}

.node .nodeInfo
{
overflow: hidden; zoom: 1;
position: relative;
}

.node .nodeInfo.primaryContent,
.node .nodeInfo.secondaryContent
{
padding: 0;
}

.node .nodeIcon
{
@property "nodeIcon";
margin: 5px 10px 0px 5px;
float: left;
width: 60px;
height: 60px;
@property "/nodeIcon";
}

.node .forumNodeInfo .nodeIcon,
.node .categoryForumNodeInfo .nodeIcon
{
@property "nodeIconForum";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: 0 0;
@property "/nodeIconForum";
}

.node .forumNodeInfo.unread .nodeIcon,
.node .categoryForumNodeInfo.unread .nodeIcon
{
@property "nodeIconForumUnread";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: 0 -30px;
@property "/nodeIconForumUnread";
}

.node .pageNodeInfo .nodeIcon
{
@property "nodeIconPage";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: 0 -60px;
@property "/nodeIconPage";
}

.node .linkNodeInfo .nodeIcon
{
@property "nodeIconLink";
background-image: url('@imagePath/xenforo/node-sprite.png');
background-repeat: no-repeat;
background-position: 0 -90px;
@property "/nodeIconLink";
}

.node .nodeText
{
@property "nodeText";
margin: 10px 270px 10px 56px;
@property "/nodeText";
}

.node .nodeTitle
{
@property "nodeTitle";
font-size: 12pt;
@property "/nodeTitle";
}

.node .unread .nodeTitle
{
@property "nodeTitleUnread";
font-weight: bold;
@property "/nodeTitleUnread";
}

.node .nodeDescription
{
@property "nodeDescription";
font-size: 11px;
margin-right: 5px;
margin-left: 5px;
@property "/nodeDescription";
}

.hasJs .node .nodeDescriptionTooltip
{
/* will be shown as a tooltip */
display: none;
}

.Touch .node .nodeDescriptionTooltip
{
/* touch browsers don't see description tooltips */
display: block;
}

.node .nodeStats
{
@property "nodeStats";
font-size: 11px;
margin-top: 2px;
@property "/nodeStats";
}

.node .nodeLastPost
{
@property "secondaryContent";
font-family: arial;
background-color: @primaryLightest;
padding: 10px;
border: 1px solid @primaryLighterStill;
@property "/secondaryContent";

@property "nodeLastPost";
font-size: 11px;
padding: 3px 10px;
margin: 10px;
border: 1px solid @primaryLighterStill;
border-radius: 3px;
position: absolute;
top: 0;
right: 0;
line-height: 14px;
white-space: nowrap;
word-wrap: normal;
overflow: hidden;
width: 210px;
height: 28px;
@property "/nodeLastPost";
}

.node .nodeLastPost .lastThreadMeta
{
display: block;
}

.node .nodeLastPost .noMessages
{
line-height: 28px;
}

.node .nodeControls
{
position: absolute;
top: 0;
right: {xen:calc '@nodeLastPost.border-left-width + @nodeLastPost.padding-left + @nodeLastPost.width + @nodeLastPost.padding-right + @nodeLastPost.border-right-width + @nodeLastPost.margin-right'}px;
margin: 20px 0;
}

.node .tinyIcon
{
@property "nodeTinyIcon";
background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
margin: 1px 4px;
display: block;
white-space: nowrap;
text-indent: 9999px;
overflow: hidden;
opacity: 0.25;
width: 14px;
height: 14px;
@property "/nodeTinyIcon";
}

.node .nodeInfo:hover .tinyIcon[href],
.Touch .node .tinyIcon
{
@property "nodeTinyIconHover";
opacity: 1;
@property "/nodeTinyIconHover";
}

/*.node .feedIcon
{
background: transparent url('@imagePath/xenforo/xenforo-ui-sprite.png') no-repeat -112px -16px;
}*/

/* description tooltip */

.nodeDescriptionTip
{
@property "nodeDescriptionTip";
padding: 4px 10px;
margin-top: -22px;
line-height: 1.5;
width: 350px;
height: auto;
@property "/nodeDescriptionTip";
}

.nodeDescriptionTip .arrow
{
@property "nodeDescriptionTipArrow";
border: 6px solid transparent;
border-right-color: @tooltip.background-color;
border-left: 1px none black;
top: 6px;
left: -6px;
bottom: auto;
@property "/nodeDescriptionTipArrow";
}

/* main area - used for L2 categories and most other nodes */

.nodeList .categoryForumNodeInfo,
.nodeList .forumNodeInfo,
.nodeList .pageNodeInfo,
.nodeList .linkNodeInfo
{
@property "primaryContent";
font-family: arial;
background-color: rgb(251, 254, 254);
padding: 10px;
@property "/primaryContent";

padding: 0;
}

/* category strip - used for L1 categories and group headers */

.nodeList .categoryStrip
{
@property "subHeading";
font-size: 11px;
font-family: arial;
color: @secondaryDarker;
background-color: @secondaryLightest;
padding: 5px 10px;
margin: 3px auto 0;
border: 1px solid @secondaryLighter;
border-bottom: 1px solid @secondaryLight;
@property "/subHeading";

@property "categoryStrip";
padding: 5px 10px;
margin: 0;
border-bottom-color: @subHeading.border-bottom-color;
border-radius: 5px;
min-height: 6px;
@property "/categoryStrip";
}

.nodeList .categoryStrip .nodeTitle
{
@property "categoryStripTitle";
font-size: 10pt;
color: @secondaryDarker;
@property "/categoryStripTitle";
}

.nodeList .categoryStrip .nodeTitle a
{
color: @categoryStripTitle.color;
}

.nodeList .categoryStrip .nodeDescription
{
@property "categoryStripDescription";
font-size: 10px;
color: @secondaryDarker;
@property "/categoryStripDescription";
}

.nodeList .categoryStrip .nodeDescription a
{
color: @categoryStripDescription.color;
}

.nodeList .node.groupNoChildren + .node.groupNoChildren .categoryStrip
{
display: none;
}

/* node stats area */

.nodeStats
{
overflow: hidden; zoom: 1;
}

.nodeStats dl,
.subForumsPopup
{
float: left;
display: block;
margin-right: 3px;
}

/*.nodeStats dl,
.subForumsPopup .PopupControl
{
padding-top: 2px;
}*/

.subForumsPopup a.PopupControl
{
padding-left: 5px;
padding-right: 5px;
}

.subForumsPopup .dt
{
color: @mutedTextColor;
}

.subForumsPopup .PopupOpen .dt
{
color: @body.color;
}

.subForumsMenu .node .node /* for depths 2+ */
{
padding-left: 10px;
}

.subForumsMenu .node .nodeTitle
{
font-size: 11px;
}

/** new discussion button below nodelist **/

.nodeListNewDiscussionButton
{
margin-top: 10px;
text-align: right;
}
Click to expand...

BoDoi · 17/10/12

cái này còn tùy bạn muốn nó thay đổi ntn chứ, trang mua rẻ nó khác với forum của xen, mình chỉ làm ví dụ thôi còn bạn muốn nó thế nào thì bạn phải tự tùy chọn ^^!.
note: ở trang mua rẻ, cái icon của chuyên mục là chữ vì thế chỉ cần đổi màu background là đc. Còn của xen là image nên phải thay = ảnh khác mới rõ.

bạn cứ thử them code này vào cuối template node_list.css xem
Mã:
.node .nodeInfo:hover .nodeIcon
{
background:#F86D1B;
}

dragondark9999 · 18/10/12

voibietbay said: ↑
cái này còn tùy bạn muốn nó thay đổi ntn chứ, trang mua rẻ nó khác với forum của xen, mình chỉ làm ví dụ thôi còn bạn muốn nó thế nào thì bạn phải tự tùy chọn ^^!.
note: ở trang mua rẻ, cái icon của chuyên mục là chữ vì thế chỉ cần đổi màu background là đc. Còn của xen là image nên phải thay = ảnh khác mới rõ.

bạn cứ thử them code này vào cuối template node_list.css xem
Mã:
.node .nodeInfo:hover .nodeIcon
{
background:#F86D1B;
}
Click to expand...
vẫn ko dc bạn ơi!, thank bạn nhiều nha!

BoDoi · 18/10/12

dragondark9999 said: ↑

vẫn ko dc bạn ơi!, thank bạn nhiều nha!
Click to expand...

bạn phải sửa đúng template đang dùng nhé,

vấn đề đưa con chuột vào khung chọn giống trang muare.vn

dragondark9999 Member

dragondark9999 Member

BoDoi ( ´ー`) Staff Member

dragondark9999 Member

BoDoi ( ´ー`) Staff Member

dragondark9999 Member

BoDoi ( ´ー`) Staff Member

Chia sẻ trang này

Text Links

Textlink

Thông báo mới nhất