Help with a code pls

[Former Member]

Hi  this isn't the plugins bug before i start  

I'v put the status tracking under the miniprofile here (i did it months age) if you scroll down and hover over them in each post, they go blank after the 2nd one .... i set this up (months ago) so it would just show in the 1st post because it won't show twice on a page anyways.

So this code i added  today  messed it up so it shows back in every post under the mini profile.


How do i get this code to work like it used to before i added the blue bit pls ? so it still popouts way cool tho ovbs


thank you







<style type="text/css">

#statusTracking {

color: black;

-o-transition: color 0.5s linear;

-moz-transition: color 0.5s linear;

-khtml-transition: color 0.5s linear;

-webkit-transition: color 0.5s linear;

-ms-transition: color 0.5s linear;

transition: color 0.5s linear;

transition: all .2s ease-in-out;

}


#statusTracking:hover {

color: #FFCC00 ;transform: scale(1.0);background-color:transparent ;overflow: auto;height:300px;width:600px;border:solid #FEF29C;background-color:white;position:relative;z-index:999;border-radius:10px;border-width:5px

} </style>

[Kami]

First of all:

'overflow:auto' should not be used on a hover, you should put it in the parent CSS (#statusTracking). the same is true for height, width, positioning, and zindex.

you also need to put a closing semi-colon after 'border-width: 5px;'

[Former Member]

Nov 2, 2016 14:09:58 GMT -8 Kami said:

First of all:

'overflow:auto' should not be used on a hover, you should put it in the parent CSS (#statusTracking). the same is true for height, width, positioning, and zindex.

you also need to put a closing semi-colon after 'border-width: 5px;'

ok so i'v rectified everything you said and it's gone back to normal but my cool effects gone  


so i want this  then on the hover, which you said i can't put, but it works, it just brings the old bug back putting in all the post. 

 height:300px;width:600px;border:solid #FEF29C;background-color:white;position:relative;border-radius:10px;border-width:5px;

[Kami]

If it creates a problem then it doesn't work, now does it :P

You should be able to put everything except height, width, and position in the hover CSS; is there a reason you need those things to be implemented on hover only?

Also you should probably read up on what the positioning css does because I don't think it's doing what you need it to do, and is likely the cause of the issues you're describing:
www.w3schools.com/css/css_positioning.asp

[Former Member]

Nov 2, 2016 14:50:40 GMT -8 Kami said:

If it creates a problem then it doesn't work, now does it

You should be able to put everything except height, width, and position in the hover CSS; is there a reason you need those things to be implemented on hover only?

Also you should probably read up on what the positioning css does because I don't think it's doing what you need it to do, and is likely the cause of the issues you're describing:
www.w3schools.com/css/css_positioning.asp

for the cool popout big shoutbox style status update tracking thing i got going on  thats the reason i put it there. 


iv know about the positioning stuff and read that before ..... so how do i get this to work then pls kami dear ? 

[Kami]

hey buddy I'm sorry but I procrastinated on my own forum work and my head admin wants us to reopen on Friday so I don't have time to help this right now. If no one has helped by next week I'll be glad to take a look at it then.

Sorry about that :/

[Former Member]

ok thank you kami

[Former Member]

bump pls !! pls pls ... i'll pay, and it's a quick fix


man how desperate do i sound

[TheSupremePatriot]

I have been told; not many people are working on scripting at the moment due to the upcoming release of ProboardsV6.0.

I am no coder...but I will see if one of my buddies would be willing to help out.

[Former Member]

Nov 8, 2016 15:32:06 GMT -8 TheSupremePatriot said:

I have been told; not many people are working on scripting at the moment due to the upcoming release of ProboardsV6.0.

I am no coder...but I will see if one of my buddies would be willing to help out.

o ok, thats makes sense


thank you then

[Former Member]

bump

[Former Member]

could i get some help with this for someone pls, i was complictad, but i made it simple

support.proboards.com/thread/604541/quick-help-pls

i just want a black white square under the mp so it won't click.


I'll be taking the whole thing today if i can't get help, it looks bad and buggy.


thanks

[Chris]

I tried explaining this before:

Sept 28, 2016 5:00:46 GMT -8 Chris said:

The plugin uses an ID to find the target and since an ID is suppose to be unique on a page you'll never get more than one miniprofile out of the 15 or so on the page to have status tracking data, plus the tracker data is not segregated per user, it is meant to be a community shared area like the shoutbox, not everyone should have a shoutbox in their miniprofile. 

Sept 28, 2016 6:02:19 GMT -8 Chris said:

No,  do  not  put  the  tracker  in  miniprofile,  it  is  not  meant  to  have  more  than  one  on  the  page.

Sept 28, 2016 6:30:36 GMT -8 Chris said:

By default the forum is set to have 15 posts per page which means if you put it in the miniprofile layout you are putting 15 of them on a page (more if you increase that number in settings). Some browsers will pick the first and ignore the rest and other browsers will pick the last and ignore the rest. There should be only one <div id="statusTracking"></div> on the page not 15, that can cause a few problems.

The tracker was not meant to be used in such a manner, it would be like placing a feed in everybody's miniprofile even though the feed contained content not only related to the profile owner but pretty much everybody on the forum, that feed would make much more sense going in a common area such as a sidebar.

As stated before, by placing the markup in the miniprofile template you have made it available in every single miniprofile and since it uses an ID then only one will be used if there are duplicates (usually first or last) but they are still all there. It can't really be called a bug if it is intentionally being used in a manner that has been stated before as being simply wrong.

ETA:

you could probably prepend the selector with something like
.item.first #statusTracking:hover {
to get the CSS to honor only the first post but it is still a fundamentally flawed implementation as was stated previously and should really be reconsidered.

[Former Member]

i know you explained this before chris, i don't want it every post because it's impossible ..... i'm wanting to cover the second post with a blank white square so it can't be hovered and show the empty tracker box bug.


How do i put this <img src="img.url"> under the mp in the 2nd post only, so it z-index over the tracker box pls ?

so it doesn't show the bug

[Former Member]

ha ha ! i missed the last bit ... brb