• This site uses cookies. By continuing to use this site, you are agreeing to our use of cookies. Learn more.

XF 1.2 Custom Node Icon (again...)

Sheratan

Well-known member
#1
So I tried to break custom node icon "outside" pageWidth into like this (See "Anime" section. This is just a mock up)

Untitled-1.jpg

I trying to set margin-left -14px, z-index:99 but still had no luck.

Any ideas?
 

Shelley

Well-known member
#8
That's nice. :)

I found a xenforo forum for example: http://weheartiu.com/forums/
I pretty much did it the same way. so you change the margins/sizes and whatnot to fit your needs

Code:
.nodeList .node .nodeIcon, .nodeList .node .unread .nodeIcon {
  height: 38px;
  margin: 0 8px 0 -36px;
  width: 60px;}
.nodeList .forumNodeInfo, .nodeList .forumNodeInfo.unread, .nodeList .categoryForumNodeInfo, nodeList .categoryForumNodeInfo.unread {
  overflow: visible !important; }
.node .nodeText {
  margin: 10px 270px 10px 36px !important;}
Screenshot_63.png
 
Last edited:

Sheratan

Well-known member
#9
I pretty much did it the same way. so you change the margins/sizes and whatnot to fit your needs

Code:
.nodeList .node .nodeIcon, .nodeList .node .unread .nodeIcon {
  height: 38px;
  margin: 0 8px 0 -36px;
  width: 60px;}
.nodeList .forumNodeInfo, .nodeList .forumNodeInfo.unread, .nodeList .categoryForumNodeInfo, nodeList .categoryForumNodeInfo.unread {
  background: none repeat scroll 0 0 transparent !important;
  overflow: visible !important;
}


.node .nodeText {
  margin: 10px 270px 10px 36px !important;}
View attachment 60934
Let me test it...