The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

[help] drop down user profile issue [PunB]

View previous topic View next topic Go down

[help] drop down user profile issue [PunB]

Post by zenzo on April 4th 2013, 2:41 pm

i really want this trick for punbb although this code is for phpbb2
but i think this is possible also for punbb,.

the problem is the drop down image is not shown on profile field instead it shows on post body
here is the screen shot


i don't if i put exactly the HTML code on the right place

also the CSS code i guess its not working on punbb

here is the combination code

templates > general > viewtopic_body , find
Code:
<!-- BEGIN displayed -->
  <tr class="post post--{postrow.displayed.U_POST_ID}" id="p{postrow.displayed.U_POST_ID}" style="{postrow.displayed.DISPLAYABLE_STATE}">
      <td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">

add this under it
Code:
<span class="gensmall toggle" style="cursor:pointer;"> <img src="http://i13.servimg.com/u/f13/11/67/28/75/drop_d10.png" /> </span>
                  <div class="hidden" id="hidden">
 <table class="table" width="100%">
  <tr>
    <span class="avatarmini">{postrow.displayed.POSTER_AVATAR}</span>
    <td align="left"><span class="gensmall"><script>document.write( '{postrow.displayed.PROFILE_IMG}'.replace(/<\/a>/, 'View Profile</a>') );</script></span><br /></td>
  </tr>
  <tr>
    <td><span class="gensmall"><script>document.write( '{postrow.displayed.PM_IMG}'.replace(/<\/a>/, 'Message User</a>') );</script></span><br /></td>
  </tr>
  <tr>
    <td><span class="gensmall"><script>document.write( '{postrow.displayed.EMAIL_IMG}'.replace(/<\/a>/, 'Email User</a>') );</script></span><br /></td>
  </tr>
  <tr>
    <td>
      <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> <br />{postrow.displayed.ONLINE_IMG}
    </td>
  </tr>
    </table>
                  </div>

now for the javascript
Code:
jQuery(document).ready(function() {
    jQuery(".toggle").next(".hidden").hide();
    jQuery(".toggle").click(function() {
        $('.active').not(this).toggleClass('active').next('.hidden').fadeToggle(100);
        $(this).toggleClass('active').next().fadeToggle("4000");
    });
});

And last the css
Code:
/*--Codes for the user drop down menu in posts - By Mr.Easybb--*/
#hidden{
padding:5px;
width:147px;height:auto !important;
min-height:100px;height:100px;
overflow:hidden;
background:#424242;
border-width: 0px;
border-style:solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:absolute;
z-index:3;
display:none;
}
.table td{border-bottom:1px dashed #000;}
.table img{vertical-align:middle;}
#hidden a:link{
font-size:9px;
color:white !important;
}
#hidden a:visited{
color:white !important;
}
.avatarmini img {
float:left;
top:0;
right:0;
width:70px;
height:70px;
}

i get this code here
http://www.avacweb.com/t1152-drop-down-profile-punbb


my forum url:http://pinoywebmaster.punbbforum.com/

please help

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by Sir Chivas™ on April 5th 2013, 7:27 am

Hello,

Have you removed the codes from the forum?



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by zenzo on April 5th 2013, 2:29 pm

Sir Chivas™ wrote:Hello,

Have you removed the codes from the forum?

yes i remove it after the test because i saw some issues

however the code works

i just need to put the drop down on the username inside the profile field

but don't know how,.maybe you can help me arrange that templates.

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by zenzo on April 6th 2013, 3:53 pm

bump,....

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by E-Mark on April 6th 2013, 4:22 pm

Give this a try:

CSS:
Code:
.username {
  position: initial !important;
  display: inline !important;
}
#hidden{
padding:5px;
width:147px;height:auto !important;
min-height:100px;height:100px;
overflow:hidden;
background:#424242;
border-width: 0px;
border-style:solid;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
position:absolute;
z-index:3;
display:none;
}
.table td{border-bottom:1px dashed #000;}
.table img{vertical-align:middle;}
#hidden a:link{
font-size:9px;
color:white !important;
}
#hidden a:visited{
color:white !important;
}
.avatarmini img {
float:left;
top:0;
right:0;
width:70px;
height:70px;
}

In viewtopic_body, find this part:
Code:
<h4 class="username">{postrow.displayed.POSTER_NAME} </h4>

Replace it with this:
Code:
<div style="margin-top:-15px !important;"><h4 class="username">{postrow.displayed.POSTER_NAME} </h4>
                                                          <span class="gensmall toggle" style="cursor:pointer;"> <img src="http://i13.servimg.com/u/f13/11/67/28/75/drop_d10.png" /> </span>
                  <div class="hidden" id="hidden">
 <table class="table" width="100%">
  <tr>
    <span class="avatarmini">{postrow.displayed.POSTER_AVATAR}</span>
    <td align="left"><span class="gensmall"><script>document.write( '{postrow.displayed.PROFILE_IMG}'.replace(/<\/a>/, 'View Profile</a>') );</script></span><br /></td>
  </tr>
  <tr>
    <td><span class="gensmall"><script>document.write( '{postrow.displayed.PM_IMG}'.replace(/<\/a>/, 'Message User</a>') );</script></span><br /></td>
  </tr>
  <tr>
    <td><span class="gensmall"><script>document.write( '{postrow.displayed.EMAIL_IMG}'.replace(/<\/a>/, 'Email User</a>') );</script></span><br /></td>
  </tr>
  <tr>
    <td>
      <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> <br />{postrow.displayed.ONLINE_IMG}
    </td>
  </tr>
    </table>
                                                            </div></div>

Then the Javascript, use the code given.

E-Mark
Active Poster

Male Posts : 1389
Reputation : 164
Language : English, Tagalog
Location : Republic of the Philippines

http://coding-spot.darkbb.com/

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by zenzo on April 10th 2013, 1:44 am

your code is in right position but this is not i'm looking

like on invision when you click the username it drop down or popup

i'm looking for the solution to remove the username redirect on the profile info and add the dropdown or popup when you click it

zenzo
Forumember

Posts : 464
Reputation : 13
Language : english,tagalog
Location : philippines

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by nextlevelgaming on April 12th 2013, 5:33 am

Eww don't ever use tables for your coding man! I will get everything sorted for you over at AvacWeb ok

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by Sir Chivas™ on April 12th 2013, 5:46 am

Hi nextlevelgaming,

If you're going to provide support, please make sure to do so here. Instead of taking this issue somewhere else. Thank you.

I've noticed a comment, if you were to get caught advertising in any way you will receive a warning. I'm sorry that it has to be me to ban you.



Attention!
- Please provide your forum URL at all times.
- When the issue is solved, please mark it as solved.



Sir Chivas™
Support Moderator
Support Moderator

Male Posts : 6756
Reputation : 428
Language : English, Spanish, and French
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by Mr.EasyBB on April 15th 2013, 7:20 am

Both of your so called "Warnings" are irrelevant...

I've noticed a comment, if you were to get caught advertising in any way you will receive a warning. I'm sorry that it has to be me to ban you.

Where was my link? I offered support, I only told him else where because everyone here seems to think their coding answers are correct by using tables and unreasonable JS. Ban me again I don't care! Though don't give my account banned for some dumb excuse you think is right. HA!

Pssh moderators here think they are the best, yet they are the worse and don't know what they are doing nor how to code. Peace!

Mr.EasyBB
Forumember

Posts : 69
Reputation : 9
Language : HTML/CSS/JS/JQUERY/MOOTOOLS

http://www.avacweb.com

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by Jophy on April 15th 2013, 7:54 am

@Mr.EasyBB wrote:Both of your so called "Warnings" are irrelevant...

I've noticed a comment, if you were to get caught advertising in any way you will receive a warning. I'm sorry that it has to be me to ban you.

Where was my link? I offered support, I only told him else where because everyone here seems to think their coding answers are correct by using tables and unreasonable JS. Ban me again I don't care! Though don't give my account banned for some dumb excuse you think is right. HA!

Pssh moderators here think they are the best, yet they are the worse and don't know what they are doing nor how to code. Peace!
Direct or indirect, your post was considered advertising, therefore you earned your ban Wink Learn to follow the rules Now this message doesn't require a reply Wink

Jophy
ForumGuru

Male Posts : 17924
Reputation : 835
Language : English
Location : Somewhere

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by Mr.EasyBB on April 20th 2013, 3:35 am

Ok so you said it doesn't require a reply which is fine. Though I am curious to why you have given me 2 or 3 strikes on the warning level? Which is just plain ridiculous honestly.

Mr.EasyBB
Forumember

Posts : 69
Reputation : 9
Language : HTML/CSS/JS/JQUERY/MOOTOOLS

http://www.avacweb.com

Back to top Go down

Re: [help] drop down user profile issue [PunB]

Post by Sanket on April 20th 2013, 5:41 am

@Mr.EasyBB wrote:Ok so you said it doesn't require a reply which is fine. Though I am curious to why you have given me 2 or 3 strikes on the warning level? Which is just plain ridiculous honestly.
Because, you are a returning banned member. If you want to discuss anything more about your warnings, feel free to PM me instead of posting it in someone's query thread. Thank you for your co-operation.

Sanket
ForumGuru

Male Posts : 48766
Reputation : 2819
Language : English
Location : Mumbai

http://webartzforum.com

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum