How can I make a box around the profiles. Like Posts, etc. then a box sournding it
4 posters
How to make a box around the profiles.
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
- Post n°1
How to make a box around the profiles.
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
BUMP
Jophy- ForumGuru
- Posts : 17922
Reputation : 836
Language : English
Location : Somewhere
Hello,
Can you show us a screenshot of which you are pertaining to?
Can you show us a screenshot of which you are pertaining to?
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
This is not a good image, but I remember I took this awhile back:
http://gyazo.com/8c64231e5ee5b2cfe9325b664bbb0321.png
http://gyazo.com/8c64231e5ee5b2cfe9325b664bbb0321.png
SLGray- Administrator
- Posts : 51499
Reputation : 3523
Language : English
Location : United States
Is your forum version phpBB 2?
Lost Founder's Password |Forum's Utilities |Report a Forum |General Rules |FAQ |Tricks & Tips
You need one post to send a PM.
You need one post to send a PM.
When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
Yes
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
bump
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
Hello Kite Trojan,
Administration panel > Display > Templates > General > viewtopic_body
find :
Replace by :
save and publish, then add this to your CSS :
Display > Colors > CSS stylesheet
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.
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.
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
- Post n°10
Re: How to make a box around the profiles.
Your profile already has a box, but you wanted another box, did I misread something ?
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
- Post n°11
Re: How to make a box around the profiles.
Yes, the viewtopic_body hasn't been edited, expect the removal of author and message header.Â
I wanted a box in the profile fields
I wanted a box in the profile fields
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
- Post n°12
Re: How to make a box around the profiles.
Then undo the last changes, and do the following.
Open the viewtopic_body,
find :
Replace by :
Then add this to your CSS :
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;
}
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
- Post n°13
Re: How to make a box around the profiles.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
- Post n°14
Re: How to make a box around the profiles.
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;
}
Kite Trojan- Forumember
- Posts : 823
Reputation : 19
Language : English
- Post n°15
Re: How to make a box around the profiles.
You can lock now. I'll try to think of something.
Ange Tuteur- Forumaster
- Posts : 13207
Reputation : 3000
Language : English & 日本語
Location : Pennsylvania
- Post n°16
Re: How to make a box around the profiles.
Okie dokie. If you need help with the colors, try this : http://www.w3schools.com/tags/ref_colorpicker.asp
Topic solved and archived
Topic solved and archived