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.

Profile apperance

2 posters

Go down

In progress Profile apperance

Post by Anzo September 20th 2015, 4:01 am

Hi Very Happy

I'm trying to edit a basic profile and make it fancy. However, the elements doesn't seem to have IDs/classes. How do i customize them?

This is what I'm referring to: https://i.imgur.com/uZy1Ir4.png

I want to be able to edit the name field, the online status field, the avatar field, the profile fields and - basically, the whole thing.
Anzo
Anzo
Forumember

Posts : 365
Reputation : 8
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

In progress Re: Profile apperance

Post by Ange Tuteur September 20th 2015, 10:25 am

Hi @Anzo,

To add more classes you'll need to edit the templates. Go to Admin Panel > Display > Templates and open the viewtopic_body. Edit

Find : ( the profile fields )
Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

and wrap a tag around them :
Code:
<span class="profileField">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>

Save and publish. Add
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Profile apperance

Post by Anzo September 20th 2015, 2:59 pm

Can you tell me whether this is good? I don't want to mess up the templates lol

Code:
<div class="postprofile" id="profile{postrow.displayed.U_POST_ID}">
            <!-- div class="online2"></div-->
            <dl class="profile_a">
               <dt class="profile_b">
                  {postrow.displayed.POSTER_AVATAR}
                                          <br /><p class="profile_c"><strong style="font-size:1.2em">{postrow.displayed.POSTER_NAME}</strong></p>
               </dt>
               <dd class="profile_d">{postrow.displayed.POSTER_RANK_NEW}{postrow.displayed.RANK_IMAGE}</dd>
               <dd><br /></dd>
               <dd class="profile_e">
                  <!-- BEGIN profile_field -->
                  <span class="profileField">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</span>
                  <!-- END profile_field -->
                  {postrow.displayed.POSTER_RPG}
               </dd>
               <dd><br /></dd>
               <dd>
                  {postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG}<!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field -->
               </dd>
            </dl>
         </div>

Thanks Very Happy
Anzo
Anzo
Forumember

Posts : 365
Reputation : 8
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

In progress Re: Profile apperance

Post by Ange Tuteur September 20th 2015, 3:15 pm

It appears to be fine to me, but if there does happen to be any errors you can always edit the template again and review the original template if necessary.
Ange Tuteur
Ange Tuteur
Forumaster

Male Posts : 13246
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania

https://fmdesign.forumotion.com

Back to top Go down

In progress Re: Profile apperance

Post by Anzo September 20th 2015, 3:21 pm

Oh, OK. Thank you Very Happy
Anzo
Anzo
Forumember

Posts : 365
Reputation : 8
Language : English/Arabic
Location : Baghdad - Iraq

http://www.duelacademy.net/forum

Back to top Go down

Back to top

- Similar topics

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