Good art is a taste, good design is an opinion.


Come as guest, stay as family.
Board Index

Come as guest, stay as family.


You are not connected. Please login or register

Foto

[Archived] I can't post in questions forum: punbb profile box



View previous topic View next topic Go down Message [Page 1 of 1]

1
Offline

  Ultron

avatar
Punbb Rookie
Punbb Rookie
When I post a question in the questions forum it tells me to reply to a topic. So I'm going to post my question here and hopefully a mod can move it.

Hi,

I'd like to hide to user profile in topics and only make it visible in a pop up box when I click on a button. I have seen this on other forums:



Once clicked on the button it pops up a box with the user profile and a transparent border. This box disappears when you click on button again. How can I create this?

Regards,

Ultron

Powered by PunBB
Currently 0 users have thanked Ultron for this post:

2
Offline

  weasel

avatar
Punbb Rookie
Punbb Rookie
So , let's start .

Create a new JavaScript ( placement in topics ).
The JavaScript code :
Code:
jQuery(document).ready(function() {
  jQuery('.post .postmain .postbody .user').each(function() {
      jQuery(this).find('.user-info').insertAfter(this);
      jQuery(this).find('.user-ident').after('<input onclick="jQuery(this).closest(\'.postbody\').find(\'.user-info\').fadeToggle();" style="font-weight: bold;font-family: century gothic;" value="View Profile" type="button">');
  });
});
Now add in the css stylesheet this code:
Code:
.pun .post .user {
background: -moz-linear-gradient(top, #DDD 0%, #BFBFBF 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#DDD), color-stop(100%,#BFBFBF));
background: -webkit-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: -o-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: -ms-linear-gradient(top, #DDD 0%,#BFBFBF 100%);
background: linear-gradient(to bottom, #DDD 0%,#BFBFBF 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dddddd', endColorstr='#bfbfbf',GradientType=0 );
}
.user-basic-info {
margin-top: 20px;
}
 

/* VIEW PROFILE */
.user-info {
display: none;
position: absolute;
left: 430px;
z-index: 999;
background: rgba(255, 255, 255, 0.92);
border: 12px solid rgba(0,0,0,0.7);
padding: 12px;
font-family: century gothic;
font-size: 14px;
line-height: 1.8em;
}
That's all .

Powered by PunBB
Currently 0 users have thanked weasel for this post:

3
Offline

  Ultron

avatar
Punbb Rookie
Punbb Rookie
Thanks for your fast reply. It works but the colors are all the same now, it's hard to see a difference between the question and the answer. In my example the questions are red, how can I change the color of the questions so it's not the same as the answers? Oh and the field view profile is located left, how can I center this?


Powered by PunBB
Currently 0 users have thanked Ultron for this post:

4
Offline

  cloud02

avatar
★Moderator★
★Moderator★
Info Topic moved

Powered by PunBB
Currently 0 users have thanked cloud02 for this post:

5
Offline

  cloud02

avatar
★Moderator★
★Moderator★
Info for weasel is that code yours? or there's some one to get some Credits?

Powered by PunBB
Currently 0 users have thanked cloud02 for this post:

6
Offline

  Ultron

avatar
Punbb Rookie
Punbb Rookie
Hmm, no answer yet. Bump.

Powered by PunBB
Currently 0 users have thanked Ultron for this post:

7
Offline

  cloud02

avatar
★Moderator★
★Moderator★
Info: yes ultron some members are just busy.. and please don't bump or spam in this thread this is your 1st warning

Powered by PunBB
Currently 0 users have thanked cloud02 for this post:

8
Offline

  Sponsored content



Powered by PunBB
Currently 0 users have thanked Sponsored content for this post:

View previous topic View next topic Back to top Message [Page 1 of 1]


Topic URL's

URL
BBcode
HTML

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