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.

How to make a box around the profiles.

4 posters

Go down

Solved How to make a box around the profiles.

Post by Kite Trojan February 16th 2014, 19:34

How can I make a box around the profiles. Like Posts, etc. then a box sournding it
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 18th 2014, 04:58

BUMP
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Jophy February 18th 2014, 06:16

Hello,

Can you show us a screenshot of which you are pertaining to?
Jophy
Jophy
ForumGuru

Male Posts : 17924
Reputation : 836
Language : English
Location : Somewhere

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 18th 2014, 06:24

This is not a good image, but I remember I took this awhile back:
http://gyazo.com/8c64231e5ee5b2cfe9325b664bbb0321.png
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by SLGray February 18th 2014, 06:41

Is your forum version phpBB 2?


How to make a box around the profiles. Slgray10

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

Male Posts : 51463
Reputation : 3519
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 18th 2014, 06:42

Yes
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 19th 2014, 03:27

bump
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Ange Tuteur February 21st 2014, 06:09

Hello Kite Trojan,

Administration panel > Display > Templates > General > viewtopic_body

find :
Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <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 />
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                  </td>

Replace by :
Code:
<td class="{postrow.displayed.ROW_CLASS}"{postrow.displayed.THANK_BGCOLOR} valign="top" width="150">
 <div class="postprofile"><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 />
 <img src="http://2img.net/i/fa/empty.gif" alt="" style="width:150px;height:1px" />
                  </div></td>

save and publish, then add this to your CSS :
Display > Colors > CSS stylesheet
Code:
.postprofile {
    background:#DEF;
    border:1px solid #BCD;
    border-radius:12px;
    padding:6px;
}

You can then modify the style of the box to your liking. If you need additional help, see this reference for a list of properties you can use.
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 21st 2014, 06:19

The Results:
How to make a box around the profiles. Captur14
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Ange Tuteur February 21st 2014, 06:26

Your profile already has a box, but you wanted another box, did I misread something ? scratch
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 21st 2014, 06:27

Yes, the viewtopic_body hasn't been edited, expect the removal of author and message header. 

I wanted a box in the profile fields
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Ange Tuteur February 21st 2014, 06:35

Then undo the last changes, and do the following.

Open the viewtopic_body,

find :
Code:
<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 />

Replace by :
Code:
<span class="postdetails poster-profile">
 {postrow.displayed.POSTER_RANK}<br />
 {postrow.displayed.RANK_IMAGE}{postrow.displayed.POSTER_AVATAR}<br /><br />
 <!-- BEGIN profile_field -->
                                  <div class="profileField">{postrow.displayed.profile_field.LABEL} {postrow.displayed.profile_field.CONTENT}{postrow.displayed.profile_field.SEPARATOR}</div>
 <!-- END profile_field -->
 {postrow.displayed.POSTER_RPG}
 </span><br />

Then add this to your CSS :
Code:
.profileField {
    background:#DEF;
    border:1px solid #BCD;
    border-left:5px solid #BCD;
    margin:3px 0px;
    padding:3px;
}
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 21st 2014, 06:40

How to make a box around the profiles. Captur15 Now they are white.
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Ange Tuteur February 21st 2014, 06:43

All you need to do is edit the CSS and change the hex colors to the color you wish :
Code:
.profileField {
    background:#000;
    border:1px solid #444;
    border-left:5px solid #444;
    margin:3px 0px;
    padding:3px;
}
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Kite Trojan February 21st 2014, 06:45

You can lock now. I'll try to think of something.
Kite Trojan
Kite Trojan
Forumember

Male Posts : 823
Reputation : 19
Language : English

http://galacticda.forumotion.com/

Back to top Go down

Solved Re: How to make a box around the profiles.

Post by Ange Tuteur February 21st 2014, 06:53

Okie dokie. If you need help with the colors, try this : http://www.w3schools.com/tags/ref_colorpicker.asp

Topic solved and archived
Ange Tuteur
Ange Tuteur
Forumaster

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

https://fmdesign.forumotion.com

Back to top Go down

Back to top


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