The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

[help] drop down user profile issue [PunB]

+3
E-Mark
Sir Chivas™
zenzo
7 posters

Go down

[help] drop down user profile issue [PunB] Empty [help] drop down user profile issue [PunB]

Post by zenzo 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
[help] drop down user profile issue [PunB] 20130404202229

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
zenzo
Forumember

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

Back to top Go down

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

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

Hello,

Have you removed the codes from the forum?
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by zenzo 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
zenzo
Forumember

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

Back to top Go down

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

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

bump,....
zenzo
zenzo
Forumember

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

Back to top Go down

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

Post by E-Mark 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
E-Mark
Active Poster

Male Posts : 1412
Reputation : 169
Language : English
Location : Bitcoin

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

Back to top Go down

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

Post by zenzo 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
zenzo
Forumember

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

Back to top Go down

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

Post by nextlevelgaming 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
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

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

Post by Sir Chivas™ 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.
Sir Chivas™
Sir Chivas™
Helper
Helper

Male Posts : 6965
Reputation : 457
Language : EN, FR, ES
Location : || CSS || HTML || Graphics Designs || Support ||

Back to top Go down

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

Post by Mr.EasyBB 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!
avatar
Mr.EasyBB
Forumember

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

http://www.avacweb.com

Back to top Go down

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

Post by Jophy 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 [help] drop down user profile issue [PunB] Naughty Now this message doesn't require a reply Wink
Jophy
Jophy
ForumGuru

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

Back to top Go down

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

Post by Mr.EasyBB 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.
avatar
Mr.EasyBB
Forumember

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

http://www.avacweb.com

Back to top Go down

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

Post by Sanket 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
Sanket
ForumGuru

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

Back to top Go down

Back to top


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