How to change threadlist jump icon?

Hey me again..

I wonder how u changed the threadlist "jump" icon, when a new thread is made.

I don't see an option to upload image so I uploaded one. ( Can't post the link.. I(ll PM u, Marcus )

Find

Reply

Simply replace your default jump.gif image that is located in images directory with your own one! If you want to edit the image format then open forumdisplay_thread_gotounread template which is located in Forum Display Templates and change the path to the image, name or extention!

Find

Reply

Got it. Though there are 2 images. the jump image is the "new", but UNDER that u got the dotted image aswell.

Find

Reply

Also if you want you can add some CSS style to make it align with the thread title! Tell me if you need CSS styling?

---

P.S. For the dotted line you need to add CSS class into your Global.css file!
Add this:

Code:

.author {
    background: url("../../../images/nav_bit.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
    padding-left: 30px;
}

Adjust padding if you need to Please let me know if it works?

Find

Reply

Yes thats what I wanted. Didn't work though.

Find

Reply

What part is not working?

Find

Reply

The image isn't showing. added the code to my .css and uploaded the image.

Find

Reply

Are you talking about dotted image or jump image? Also make sure you hard refresh your browser!
Ctrl+F5

Find

Reply

The dotted image.
Yes I know, I have some exp. I'm not a total noob

Find

Reply

This is because the path to the image ain't correct! Are you using custom MYBB theme?

Find

Reply

I'm sure the path is correct. If it wasn't correct it would show a broken image.

Find

Reply

If you are not using default mybb theme the path has to be different and no it will not show broken image because you are not using img tag but class

Replace YOUR THEME with the name of the folder (your custom MYBB theme) you have in your images directory make sure nav_bit.gif is in that folder!!!!!

PHP Code:

.author {
     background: url("../../../images/YOUR THEME/nav_bit.gif") no-repeat scroll left center rgba(0, 0, 0, 0);
     padding-left: 30px;
 } 


Find

Reply

Yeah, either way I know the path is correct.. my path is url(images/twist-sd/nav_bit.gif)

Find

Reply

It is not it has to be: "../../../images/twist-sd/nav_bit.gif"

---

Code:

background: url("../../../images/twist-sd/nav_bit.gif") no-repeat scroll left center rgba(0, 0, 0, 0);

You should use this one!!!!

---

Please share your url so I can take a look!

Find

Reply

Trust me your wrong this time buddy

You know my url

Find

Reply

Well thanks for the complement!

The reason it doesn't work is because you use a custom MYBB theme which has class="author" missing!

Inside Forum Display Templates >> forumdisplay_thread template find:

Code:

<div>{$thread['profilelink']}</div>

Replace it with:

Code:

<div class="author">{$thread['profilelink']}</div>

Find

Reply

Sorry if it sounded rude, just knew it wasnt the path that was wrong but something else.
Glad u found the problem my html/css is basic <.<

Thanks

Find

Reply

NP I know you were joking. Please tell me it works?
If after you add class="author" it still doesn't work then correct the path to the image!

Find

Reply

Yeah it worked.

Cheers.

Find

Reply

Looks like after all you use my image path

PHP Code:

background: url("../../../images/twist-sd/nav_bit.gif") no-repeat scroll left center rgba(0, 0, 0, 0); 


Find

Reply