I don't see an image..?
Is this just me?

It'd be helpful if you posted the image hehe..

LGForum, it's not just you

can't you guys see the picture? It works fine for me , one second i'll upload the link aswell.


Edit : here's the link, hope it works now

http://images1.wikia.nocookie.net/__cb20111026121813/runescape/images/a/ae/Onepiercingnote.png

404 not found, please upload the image, on a different website, such as..

Tinypic.com

FrozenX wrote:404 not found, please upload the image, on a different website, such as..

Tinypic.com

This is so weird, i have no problem at all viewing the picture, does the link work?

For those that need it, here's the image:



I can see it just fine.

@ Base : Thanks, i also had no problems viewing it, might be browser based.

Pretty sure this isn't possible, since you'd need to make the code to have just the admin posts show the highlighted background.

It is possible through a javascript put its pretty nasty and slow.

Nera knows it, so i'll let her share it because i know very little about PunBB versions class names and ID's.

Hi,

Go to your viewtopic_body template and find this

Code:

{postrow.displayed.POST_SUBJECT}</a> {postrow.displayed.POST_DATE_NEW}

After it add this

Code:

<span class="novo" style="display:none;">{postrow.displayed.POSTER_RANK}</span>

Save and publish your template on the green cross.

You must have the special ranks assigned to users, without it it wont work.

Now go to Users and groups > Rank administration & edit the rank you want to add color to.

In the rank title instead only the word "Administrator" add this

Code:

<span class="admin1">Administrator</span>

Now go to your AP > Modules > JS managment and add this there

Code:

$(document).ready(function() {
$('.postmain:has(".admin1"),.post:has(".admin1"),.posthead:has(".admin1")').css('background-color', 'purple');
});

If you would like to add an other color for mods too you'd go to the mods rank title and wrap it with a span class named for example "mod2" and than in your script (the same one you added before) add an other line, like this

Code:

$('.postmain:has(".mod2"),.post:has(".mod2"),.posthead:has(".mod2")').css('background-color', 'pink');

So the script in the end would look like this:

Code:

$(document).ready(function() {
$('.postmain:has(".admin1"),.post:has(".admin1"),.posthead:has(".admin1")').css('background-color', 'purple');
$('.postmain:has(".mod2"),.post:has(".mod2"),.posthead:has(".mod2")').css('background-color', 'pink');
});

thanks, this solved part of it, but i also need help with the boxes and the profile in the center of the right side, i found the code before but i can't seem to find it again.

I want to do the whole style like the image, not just the colors.

I want to do the whole style like the image, not just the colors.

You can't just take and copy someones design completely. Take inspiration from it and create something of your own.

i know LG, but i want that border like on that forum, and the post profile in the center, that's all i'm asking ;l

Hi,

Viewtopic_body template and find this:

Code:

{postrow.displayed.POSTER_AVATAR}

Replace it with this:

Code:

<span class="avic">{postrow.displayed.POSTER_AVATAR}</span>

Save and publish your template on the green cross.

Than add this to CSS:

Code:

.pun .user-ident .user-basic-info {
    text-align: center;
}
.pun .user-ident .username {
    position: relative !important;
    text-align: center;
}
.avic img {
  border: 3px solid black;
}

thanks, Nera ! You really helped me with this, i'll mark this as solved

Since this thread is marked solved, I will archive this thread.


Sanket