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.

Author presentation/Author and message bar.

View previous topic View next topic Go down

Solved Author presentation/Author and message bar.

Post by *Judgment Dragon* on August 14th 2014, 6:55 pm

Author Presentation.


So, I really want the presentation for the author of a message/comment to look a lot more presentable than what it looks like now. So I was wondering if you could tell me how I can make my author presentation to look more like this;


Thank this;


Basically, I would love it if someone could tell me how I could get that vague table underneath the ranking images. And how I can get the name of the author and their ranking to go underneath the image rather than on top.

Author and message bar.


I was wondering how I could get rid of this bar an all posts in the academy;
For all posts and comments that are made.

Best regards.

JD.


Last edited by *Judgment Dragon* on September 12th 2014, 12:26 am; edited 1 time in total

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by Sir Chivas™ on August 15th 2014, 12:22 am

Hi,


Can you please provide your forum URL? Thank you.

I think your forum version is phpbb2: you can follow this tutorial to complete the position of the username, rank and rank image.
Tutorial: http://help.forumotion.com/t53485-putting-the-username-and-the-rank-under-the-avatar


Now, add this into your CSS: ACP >> Display >> Color >> CSS (tab)
Code:
.postdetails {
color: #fff !important;
font-size: 9px;
}

Regards,
Sir Chivas.

Sir Chivas™
Support Moderator
Support Moderator

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

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by *Judgment Dragon* on August 26th 2014, 2:51 pm

I'm not sure what that CSS code you gave me is suppose to do? I followed the tutorial to get the name and rank under the image, which is all cool. But what is that CSS code suppose to do?
http://judgmentdayduelacade.forumotion.co.uk/t24-requirements-to-join-dragon-ruler-gold#24

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by *Judgment Dragon* on August 31st 2014, 6:54 pm

*bump*

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by SLGray on August 31st 2014, 7:39 pm

It changes the text color and size.


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by *Judgment Dragon* on September 5th 2014, 12:08 am

Okay then, has anyone any idea how I can gain the vague table, and also get rid of the author/message bar?

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by Ange Tuteur on September 5th 2014, 3:36 am

Hello Judgement Dragon,

For the author/message heading go to Administration Panel > Display > Templates > General > viewtopic_body

Find and remove :
Code:
<tr>
 <th class="thLeft" nowrap="nowrap" width="150px" height="26">{L_AUTHOR}</th>
 <th class="thRight" nowrap="nowrap" colspan="2">{L_MESSAGE}</th>
 </tr>

Save and publish.

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by *Judgment Dragon* on September 10th 2014, 11:54 pm

Okay, awesome. That's sorted, all I need to know now, is how I can get that kinda vague table? Anyone got any ideas? Very Happy

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by Ange Tuteur on September 11th 2014, 2:01 pm

Go to Templates > General > viewtopic_body

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

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

Save and publish.


Then go to Display > Colors > CSS stylesheet and add the following rules to style the fields :
Code:
.profile_field {
 color:#FFF;
 background:#333;
 border:1px solid #444;
 margin:2px 0;
 padding:3px;
}

You can adjust the style as you wish of course. Smile

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by *Judgment Dragon* on September 11th 2014, 7:02 pm

Okay.. er... that's really bold and kinda sticks out like a saw thumb.. I just want something really vague and like.. not so bold.. O.o As close as you can get it to the original picture I posted?


*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by SLGray on September 11th 2014, 7:09 pm

Code:
.profile_field {
color:#FFF;
background:#333;
border:1px solid #444;
margin:2px 0;
padding:3px;
}
Try changing the color here:
Code:
background:#333;


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


SLGray
Administrator
Administrator

Male Posts : 36663
Reputation : 2444
Language : English
Location : United States

http://ztwds.forumotion.com/

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by Ange Tuteur on September 11th 2014, 9:19 pm

As Gray has mentioned adjust the hex colors to your liking. There's three color values in the rule I provided :
Code:
color:#FFF; /* Font color */
 background:#333; /* Background color */
 border:1px solid #444; /* Border color */

Use this to choose a hex color : http://www.colorpicker.com/

Ange Tuteur
Forumaster

Male Posts : 13028
Reputation : 2704
Language : EN10, FR5
Location : Pennsylvania

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by *Judgment Dragon* on September 12th 2014, 12:25 am

Okay, thank you this is solved.

*Judgment Dragon*
Forumember

Posts : 95
Reputation : 1
Language : English

Back to top Go down

Solved Re: Author presentation/Author and message bar.

Post by SLGray on September 12th 2014, 1:44 am

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 : 36663
Reputation : 2444
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