Hover Over Avatar for Information

[Tumbleweed]

Well, as you can see in the css it is the avatar wrapper. You may have to post in the V5 board for help because I tried this on another V5 forum and it is the exact same thing. No matter where I put borders in the default ProBoards css I only get the top border in the mini-profile.  The only class surrounding the avatar wrapper is the class mini-profile and that would wrap the whole mini profile. I'm at a loss.

Sorry.

[Alanna 🥀🖤]

Mar 27, 2013 1:24:27 GMT -8 Tumbleweed said:

Well, as you can see in the css it is the avatar wrapper. You may have to post in the V5 board for help because I tried this on another V5 forum and it is the exact same thing. No matter where I put borders in the default ProBoards css I only get the top border in the mini-profile.  The only class surrounding the avatar wrapper is the class mini-profile and that would wrap the whole mini profile. I'm at a loss.

Sorry.

Actually... I got it to work exactly how I wanted it to.

/*TOP AND BOTTOM BORDER ON MINI-PROFILE WRAPPER*/

.mini-profile{

border-top:3px solid #5d4847;

border-bottom:3px solid #5d4847;

}

However it only works on the first post, it doesn't apply it to the second post...

sinnerstouchv5.proboards.com/thread/5/quote-test?scrollTo=9&page=1

[Tumbleweed]

That's because we have the option to have a style on post 1 and a different style on post 2 and then back to the same style as post one.

Try this class in addition to the one you are using:

.even .mini-profile

[Alanna 🥀🖤]

Ah! Thank you.

Edited: I have an idea (if you already haven't thought of it) for the hover over avatar thing... could it be done in the layout templates, mini-profile? I'm already messing with it to make the mini-profile look like I had it in the v4.5 version.

[Tumbleweed]

I'm sorry, my Mom ended up in the hospital so I"ve not had time to even really get started on that, but I didn't forget.  For sure, it will have to be done in the layout templates but also I was planning on using jquery as well as css,  like I did on this test site for the board descriptions. That is sort of what you were talking about or did you want something off to the side showing when hovering over the avatar? Either way, I'd still use jquery, probably.

[Alanna 🥀🖤]

Mar 29, 2013 23:35:00 GMT -8 Tumbleweed said:

I'm sorry, my Mom ended up in the hospital so I"ve not had time to even really get started on that, but I didn't forget.  For sure, it will have to be done in the layout templates but also I was planning on using jquery as well as css,  like I did on this test site for the board descriptions. That is sort of what you were talking about or did you want something off to the side showing when hovering over the avatar? Either way, I'd still use jquery, probably.

Oh my! I'm so sorry and I wish her well...

Yes, just like that actually, that would be fantastic!

Edited: I have another little question which I tried solving on my own but I can't find it in the style sheet. What controls the columns where the circled images are? I just want the columns themselves to be gone by putting {display:none;} in the css because just changing the images to a transparent 1x1px image still left a large space.

[Tumbleweed]

For the info center go to the home template and remove these:

<td class="icon">$[image.stats]</td>
<td class="icon">$[image.members]</td>
<td class="icon">$[image.online]</td>
<td class="icon">$[image.online_24]</td>

Once you remove those the text will be butted to the edge so you should put this in your style sheet:

.info{

    padding-left: 8px!important;

}

Or you can just add the style to each td tag after the ones you removed. Example of the first td tag after the the first one removed:

<td class="info" style="padding-left: 8px;">


For the boards you need to go to the boards template and then under "board list" and remove this....


<td class="icon">$[board.icon]</td>


.....but I'd need to set up my test site like yours, because removing it may mess up the board cells without other changes. Unfortunately, I don't have time to do that.

[Alanna 🥀🖤]

Thank you, I got that done and you don't have to make a complete test site for me. I can fiddle with codes on my own pretty well, I'm just getting used to this new set up and coding because apparently v5 made it much more picky when it comes to coding. For example, I found out that if you don't add the # before a color code, it won't work. v4 let you get away with that, haha.

[Alanna 🥀🖤]

Bump? Tumbleweed

[Tumbleweed]

I'm sorry, life has been crazy and today I have a houseful of guests (and more coming)but I had a few minutes and got this far.

paviii.freemessageboards.com/thread/6/xxx


I'm not even sure I can get it to work when a user edits their profile (probably not), but maybe on the micro profile avatar. Anyway, is that what you had in mind? It seems my opacity is rendering differently per browser so that needs fixing and I have no clue if it works on any other browser besides IE, FF and Chrome.


But obviously, we need to get the info in there that is user specific and that is where I run out of steam. I'm not a coder at all. I don't know if we could do some custom fields and then pick up that info or if it is just things you want that is already in a users personal profile that we could grab.  A ton of things need to be worked out (what I did was the easy part) and I'll probably need some experts help with this.

[Alanna 🥀🖤]

Perfect! I was thinking of having the "Latest Status" appearing in the hover over if anything. I would like a few other things for custom links, but now that I think about it it would be too confusing and way too much work for you, so just that would be fine.

I really appreciate the time you are putting into helping me! Take all the time you need.

[Tumbleweed]

Well, I already ran into a snafu, in that, it only works on the first post but I know I saw something that may give me a clue how to fix it. I just have to find the thread.

The good news is I set up a new field ...silly one.. called "Favorite cookie" and it works on the two different members.

paviii.freemessageboards.com/thread/7/testing-hover

paviii.freemessageboards.com/thread/2/xxx

I may not be barking up the right tree but I'm barking in the forest. lol

[Alanna 🥀🖤]

Awesome! A forest is better than a desert!

I'm messing around with the coding trying my best to make the v5 look like v4... I'm running into a lot of holes but, I think I'll eventually get there.

[Alanna 🥀🖤]

Update: So, because I'm graduating June 9th I'll have a lot more time to work on this, just FYI.

Secondly, I am absolutely HORRIBLE with the new style coding and I cannot for the life of me get my old V4 to V5 without it looking like a toddler wrote it.

Lastly, there are a few things I cannot figure out how to manage.

I know you are busy figuring out the hover over avatar thing, and I REALLY APPRECIATE IT! but I just thought I'd let you know my issues and hope to God you knew an easy fix!

Thank you so much!

[Tumbleweed]

1. Go to: Admin > Themes > Layout Templates and then click on Forum Wrapper.

Scroll down and look for this: (Should be somewhere around line 51 below </header>

<!--$[participated_threads_link]-->

Add the red (commenting out) so it doesn't show:

Then add this link to your side table:

<a href="/threads/participated">Participated</a>

Your other questions, I'll get at in a minute. Also, I haven't forgotten about the hover over avatar stuff. I asked for advice in the V5 template board but have yet to try anything more on the advice given.

Edit:

O.K. For #2 we'll need to create a hidden container in your wrapper area slightly above where I told you to comment out the threads link. So again in
Admin > Themes > Layout Templates and then click on Forum Wrapper find the <body> tag and add this right below it:

       
  <!--A hidden div for sidetable placement-->
<div id="hiddendiv" style="display:none">
<div id="userdiv">Welcome,$[current_user.name], please make yourself at home.</div>
</div>

You can edit the welcome to say hello and remove that ",please make yourself at home" bit. I just wanted to show you how to do it. You can style that if need be by using the id: "userdiv" (If you need help with that, let me know.)

Now go to your side tables and add this:

<script type="text/javascript">
<!--
document.write(document.getElementById('hiddendiv').innerHTML);
//-->
</script>

#3, I'm scratching my head on since the member can set that stuff to be seen or not be seen. But I'm thinking.