XF 1.2 Custom Node Icon (again...)

[Sheratan]

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



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

Any ideas?

 

[Sheratan]

Still no luck. Maybe I should find a xenforo site who used this kind of node icon to ask.

 

[Ernest L. Defoe]

I bet @Sheldon could help you with something like this. He did this for my site http://www.secforu.ms/forums look at the bottom nodes. If he can do that I am sure he could do what you are needing.

 

[Sheldon]

Something along the lines of that? Don't mind the image obviously...

 

[Sheratan]

Yes, something like the 2nd pic.

 

[Shelley]

Yes, something like the 2nd pic.

Almost got it. In the middle of something so I'm jumping back and forth with this.

 

[Sheratan]

That's nice.

I found a xenforo forum for example: http://weheartiu.com/forums/

 

[Shelley]

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

.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;}

 

[Sheratan]

I pretty much did it the same way. so you change the margins/sizes and whatnot to fit your needs

.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...

 

[Shelley]

Let me test it...

You'll need to tinker with it a little (lastpost might need adjusting).

edit: I had to apply some negative value to the following you may need to do the same.

.node .nodeControls, .node .nodeLastPost {top: -10px !important;}

 

[Shelley]

Just a thought. I'm almost sure waindigo's add-on will accomplish this also http://xenforo.com/community/resources/extra-node-information-by-waindigo.2041/

@Waindigo - Is this possible to accomplish what @Sheratan is doing with this add-on? (screenshot below)