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.

Profile

View previous topic View next topic Go down

Solved Profile

Post by remarkable on March 7th 2015, 6:37 pm

Technical Details

Forum version : phpBB2
Position : Member
Concerned browser(s) : Google Chrome
Who the problem concerns : Yourself
Forum link : http://remarkablecity.forumlt.com/

Description of problem

Hello, me again. Could you tell me how to make this profile for phpbb2?
Here is the normal screen


When you roll over your mouse on Profil it becomes like this


Last edited by remarkable on March 7th 2015, 8:56 pm; edited 1 time in total

remarkable
New Member

Posts : 23
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile

Post by brandon_g on March 7th 2015, 6:43 pm

Ah these were done with images and probably some css too. You said you are just a regular member on the forum right?

Also is this on every profile or just one or two?

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5357
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Profile

Post by remarkable on March 7th 2015, 6:48 pm

Yes I am. For a long time I was guest, but I joined today.
On every member profile.

remarkable
New Member

Posts : 23
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile

Post by brandon_g on March 7th 2015, 7:04 pm

Then this was most likely installed by an administrator of the forum and you should ask him/her if they can add what you are looking for. Smile

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5357
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Profile

Post by remarkable on March 7th 2015, 7:11 pm

I think that this is template and css but i don't know what they are. Thanks anw Smile)

remarkable
New Member

Posts : 23
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile

Post by Luffy on March 7th 2015, 7:13 pm

Hello,

The Avatar is above the information with a z-index and as soon as you hover the avatar it gets with less opacity so that the information is visible

or

The information is over the avatar with opacity set to 0 and as soon as you hover the appear and the avatar sets to less opacity.


To install this you need to be able to see the effect and try set it by changing your template.


Luffy






Luffy
Manager
Manager

Male Posts : 4252
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Profile

Post by brandon_g on March 7th 2015, 7:16 pm

@Luffy wrote:Hello,

The Avatar is above the information with a z-index and as soon as you hover the avatar it gets with less opacity so that the information is visible

or

The information is over the avatar with opacity set to 0 and as soon as you hover the appear and the avatar sets to less opacity.


To install this you need to be able to see the effect and try set it by changing your template.



Luffy

Yes but the problem with that is he is just a member of the forum and does not have access to any Administrative fields let alone the templates which is a Founder only field/tool. Sad


brandon_g
Support Moderator
Support Moderator

Male Posts : 5357
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Profile

Post by remarkable on March 7th 2015, 7:20 pm

this is the forum where profile looks like I want it to lookhttp://vdlifers.ohmylife.net/t22-atidarymas#43

remarkable
New Member

Posts : 23
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile

Post by Luffy on March 7th 2015, 7:22 pm

@brandon_g wrote:Yes but the problem with that is he is just a member of the forum and does not have access to any Administrative fields let alone the templates which is a Founder only field/tool. Sad

@brandon_g he doesn't need any access to the administrative fields to do this. The only thing he needs is knowledge on editing the templates and adding some CSS.

@remarkable i will try to see what is this and help you as soon as possible.


Luffy






Luffy
Manager
Manager

Male Posts : 4252
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Profile

Post by brandon_g on March 7th 2015, 7:26 pm

Oh ok, never mind then, I thought you had meant the forum templates, I guess not. Good luck to you then and have a good day.

-Brandon


Remember to mark your topic when a solution is found.

brandon_g
Support Moderator
Support Moderator

Male Posts : 5357
Reputation : 489
Language : English
Location : USA

http://broadcastingduo.forumotion.com/

Back to top Go down

Solved Re: Profile

Post by Luffy on March 7th 2015, 8:23 pm

@remarkable go to your templates editing:
Admin Panel > Display > Templates > viewtopic_body
and edit the template ( Edit )
Search for: (might be lines 140-148 if no changes were made)
Code:
<span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            <span class="postdetails poster-profile">
            {postrow.displayed.POSTER_RANK}<br />
            {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
            {postrow.displayed.POSTER_RPG}
         </span><br />
and delete it and paste the below to it's position:
Code:
<span class="postdetails poster-profile">
                    <div class="avaBox">{postrow.displayed.POSTER_AVATAR}</div>
                    <div class="profileInfo">
            <!-- BEGIN profile_field -->
            {postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}
            <!-- END profile_field -->
                                  {postrow.displayed.POSTER_RPG}</div>
         <div class="belowInfo"><span class="name"><a name="{postrow.displayed.U_POST_ID}" style="position: relative; top: -30px; width: 1px;" id="{postrow.displayed.U_POST_ID}"></a><strong>{postrow.displayed.POSTER_NAME}</strong></span><br />
            
                                  {postrow.displayed.POSTER_RANK}<br />
                          {postrow.displayed.RANK_IMAGE}</div> 
                   
         </span><br />
Press Submit to save the template and then press the Green Cross to publish the template ( Add )

Then go to your CSS:
Admin Panel > Display> Pics and colors > Colors > CSS Stylesheet
and paste the below code:
Code:
.avaBox img{background:#fff;border:2px solid #7C6A8C;box-shadow:0 0 5px #7C6A8C;display:block;height:300px;opacity:1!important;padding:5px;width:200px}
.belowInfo{background-color:#fff;border:2px solid #7C6A8C;box-shadow:0 0 5px #7C6A8C;padding:5px;width:200px!important;margin-top:10px}
.profileInfo{background:#FCFCFC;border:2px solid #7C6A8C;font-family:calibri!important;font-size:9px!important;font-weight:lighter!important;height:276px;left:17px;opacity:0;overflow:auto;padding:10px;position:absolute;text-transform:uppercase;top:17px;transition:.8s;width:176px;z-index:3}
.profileInfo:hover{-moz-transition:.8s all ease-in-out;-o-transition:.8s all ease-in-out;-webkit-transition:.8s all ease-in-out;opacity:.9;top:20px px;transition:.8s all ease-in-out}
.poster-profile{display:block;margin-left:15px;margin-right:15px;padding:10px;position:relative}
.postdetails{color:#706c67;font-size:10px}
and then press sumbit to save the changes.

Your profile fields should be like this now:


Luffy






Luffy
Manager
Manager

Male Posts : 4252
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Profile

Post by remarkable on March 7th 2015, 8:39 pm

Thank you so much! Smile)

remarkable
New Member

Posts : 23
Reputation : 1
Language : english

Back to top Go down

Solved Re: Profile

Post by Luffy on March 7th 2015, 8:41 pm

No problem!

Have a nice day! Smile






Luffy
Manager
Manager

Male Posts : 4252
Reputation : 424
Language : Greek, English
Location : Greece

http://helpgr.forumgreek.com/forum

Back to top Go down

Solved Re: Profile

Post by SLGray on March 7th 2015, 9:50 pm

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 36731
Reputation : 2446
Language : English
Location : United States

http://ztwds.forumotion.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