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.

Redesign postProfile content [All versions]

4 posters

Go down

Redesign postProfile content [All versions] Empty Redesign postProfile content [All versions]

Post by Guest August 8th 2023, 8:33 pm

If you are bored with default concept of having postProfile content like this:

Redesign postProfile content [All versions] Screen42

But want something like this:

Redesign postProfile content [All versions] Screen43

Then, follow these simple instructions.

1. Go to AP -> Display -> Colors & CSS -> CSS Stylesheet

All versions

Paste this CSS code:

Code:
.postData {
    margin-left:auto;
    margin-right:auto;
    background-color: #fff;
    width:150px;
    margin-bottom:5px;
    text-align:center;
    padding: 6px 2px;
    border: 1px solid #dfdfdf;
    border-radius: 4px;
}


Edit templates. Go to AP -> Display -> Templates -> General ->viewtopic_body and find:

PhpBB2, PhpBB3, PunBB, Invision,
Find:

Code:
{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}

Replace it with:
Code:
<div class="postData">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>

ModernBB

Find:
Code:
{postrow.displayed.profile_field.LABEL}
                     {postrow.displayed.profile_field.CONTENT}
                     {postrow.displayed.profile_field.SEPARATOR}

Replace it with:

Code:
<div class="postData">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>

AwesomeBB

Find:
Code:
<dt>{postrow.displayed.profile_field.LABEL}</dt>
                                    <dd>{postrow.displayed.profile_field.CONTENT}</dd>

Replace it with:

Code:
<div class="postData">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}</div>


I hope this was useful to somebody.
avatar
Guest
Guest


Back to top Go down

Redesign postProfile content [All versions] Empty Re: Redesign postProfile content [All versions]

Post by YoshiGM August 9th 2023, 3:37 pm

Very nice!

Thanks for the codes and well done!
YoshiGM
YoshiGM
Active Poster

Male Posts : 1502
Reputation : 144
Language : Spanish & English
Location : Mexico

http://asistencia.foroactivo.com/u21373

Back to top Go down

Redesign postProfile content [All versions] Empty Re: Redesign postProfile content [All versions]

Post by Obscure August 11th 2023, 2:23 am

I love how clean it looks. Thanks for the tutorial! Nice job! Very Happy
Obscure
Obscure
Forumember

Female Posts : 48
Reputation : 10
Language : English
Location : USA

http://imgtest.forumotion.com/

Back to top Go down

Redesign postProfile content [All versions] Empty Re: Redesign postProfile content [All versions]

Post by Guru22 December 7th 2023, 6:39 am

Redesign postProfile content [All versions] Untitled

Why is it visible on this side? It should be visible in the middle.
Guru22
Guru22
New Member

Posts : 4
Reputation : 1
Language : English

https://funza.forumotion.com

Back to top Go down

Redesign postProfile content [All versions] Empty Re: Redesign postProfile content [All versions]

Post by skouliki December 7th 2023, 8:01 am

Guru22 wrote:Redesign postProfile content [All versions] Untitled

Why is it visible on this side? It should be visible in the middle.

hello

this is not the right section to ask for help
please open a new thread in our support section providing all the necessary information such as forum URL ect

thank you
skouliki
skouliki
Manager
Manager

Female Posts : 15182
Reputation : 1696
Language : English,Greek
Location : Greece

http://iconskouliki.forumgreek.com

Back to top Go down

Redesign postProfile content [All versions] Empty Re: Redesign postProfile content [All versions]

Post by Guest December 7th 2023, 11:23 am

Guru22 wrote:Redesign postProfile content [All versions] Untitled

Why is it visible on this side? It should be visible in the middle.

Moderators may open new topic from your post, so my obvious solution is to add this to your CSS:

Code:
.postprofile {
    text-align: center;
}

I think you are running phpBB3, so..
avatar
Guest
Guest


Back to top Go down

Redesign postProfile content [All versions] Empty Re: Redesign postProfile content [All versions]

Post by Guru22 December 8th 2023, 2:15 pm

Redesign postProfile content [All versions] Untitled

Yeah working thanks
Guru22
Guru22
New Member

Posts : 4
Reputation : 1
Language : English

https://funza.forumotion.com

TonnyKamper likes this post

Back to top Go down

Back to top

- Similar topics

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