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.

Staff post border color

View previous topic View next topic Go down

Solved Staff post border color

Post by Kirbs on November 3rd 2015, 1:31 pm

Hi,
I want each group in my forum to have a certain post border color just like this http://prntscr.com/8yiw73 i followed these two posts http://help.forumotion.com/t143630-staff-mods-colored-post-borders#979741 & http://help.forumotion.com/t143593-modification-of-posts-from-staff#979367 and this is the final result that came up

Rank title:
Code:
 <span class="admin-rank"><span style="display: none;">Administrator</span></span>
JS:
Code:
$(function() {
  $('.admin-rank').closest('.post').addClass('admin-answer');
});
CSS:
Code:
.post {
    border-top: 10px solid #FFF33!important;
    border-radius: 10px 10px 0px 0px;
}

.post.admin-answer {
  border-top-color: #FFFFFF !important;
}

I don't know what have i done wrong for it not to work o.O

Thanks in advance!


Last edited by Kirbs on November 3rd 2015, 5:10 pm; edited 1 time in total

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Staff post border color

Post by Ange Tuteur on November 3rd 2015, 1:35 pm

Hi @Kirbs,

You're using phpbb2, correct ? If so, .post cannot have a border since it's a table row element. ( <tr> ) Try adding the border to the cells ( <td> ) instead :
Code:
.post > td {
    border-top: 10px solid #FFF33!important;
    border-radius: 10px 10px 0px 0px;
}

.post.admin-answer > td{
  border-top-color: #FFFFFF !important;
}

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff post border color

Post by Kirbs on November 3rd 2015, 1:37 pm

It works but it's dashes ;o how can i change it to the ones like here? http://prntscr.com/8yizd6

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Staff post border color

Post by Ange Tuteur on November 3rd 2015, 1:52 pm

Try changing the CSS to this :
Code:
.post > td {
    border-top: 10px solid #FFFF33 !important;
    border-radius: 10px 10px 0px 0px;
}

.post.admin-answer > td{
  border-top-color: #FFFFFF !important;
}

I noticed an F was missing on the default rule. ^^

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff post border color

Post by Kirbs on November 3rd 2015, 2:01 pm

It shows up properly now Smile just how do remove that gap in between http://prntscr.com/8yj796 and make it all a one line like this forum?

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Staff post border color

Post by Ange Tuteur on November 3rd 2015, 2:05 pm

To achieve that, you'd need to set the border-spacing on the tables to 0 :
Code:
.forumline {
  border-spacing:0;
}

Then you'll need to make some small adjustments to the post borders with these rules :
Code:
.post > td:first-child {
  border-right:none !important;
  border-radius:10px 0 0px 10px
}

.post > td:last-child {
  border-left:none !important;
  border-radius:0 10px 10px 0px
}

On the last one, if you want the border to separate the profile still, just remove border-left:none !important; ^^

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff post border color

Post by Kirbs on November 3rd 2015, 2:15 pm

Thanks ange ;o that works, but as you can see in my forum i have a special profile viewer and i would like to know how can i make these borders for each poster to be the same color as his/her group that he/she is currently in? http://prntscr.com/8yjd5f

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Staff post border color

Post by Ange Tuteur on November 3rd 2015, 2:33 pm

Use this to change the color of the profile borders :
Code:
.admin-answer span.postdetails.poster-profile, .admin-answer .name {
  border-color:#FFF !important;
}

Remember to change .admin-answer to the class of each group. ^^

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff post border color

Post by Kirbs on November 3rd 2015, 2:37 pm

Awesome! ange you're my hero! in my forum as you can see all the posts have no space between them http://prntscr.com/8yjkbd
how can i put some space between the posts just like this forum has it? (this = FM support forum Smile )
http://prntscr.com/8yjkhl

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Staff post border color

Post by Ange Tuteur on November 3rd 2015, 3:22 pm

Best thing to do for phpbb2 would be to create a pseudo-space using a border. Add this to your stylesheet :
Code:
.post + tr > td {
  border-bottom:10px solid #0D0D0D;
}

The color of the border should be the background color of your wrapper.

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff post border color

Post by Kirbs on November 3rd 2015, 3:36 pm

I guess that'll do the job ;o gotta ask you one more thing ange and i'm sorry if i'm asking a lot, how do i hide/remove these texts and images? http://prntscr.com/8yka70

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Staff post border color

Post by Ange Tuteur on November 3rd 2015, 3:56 pm

No problem ^^

Go to Display > Templates > General and open the index_body template.

Find and remove :
Code:
<!-- BEGIN switch_legend -->
<table border="0" cellspacing="3" cellpadding="0" align="center">
   <tr>
      <td align="center" width="20"><img src="{FORUM_NEW_IMG}" alt="{L_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NEW_POSTS}</span></td>
      <td></td>
      <td align="center" width="20"><img src="{FORUM_IMG}" alt="{L_NO_NEW_POSTS}" /></td>
      <td><span class="gensmall">{L_NO_NEW_POSTS}</span></td>
      <td>&nbsp;&nbsp;</td>
      <td align="center" width="20"><img src="{FORUM_LOCKED_IMG}" alt="{L_FORUM_LOCKED}" /></td>
      <td><span class="gensmall">{L_FORUM_LOCKED}</span></td>
   </tr>
</table>
<!-- END switch_legend -->

Then save and publish. Wink

Ange Tuteur
Forumaster

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

http://fmdesign.forumotion.com

Back to top Go down

Solved Re: Staff post border color

Post by Kirbs on November 3rd 2015, 4:57 pm

Thanks ange Smile

Kirbs
Forumember

Posts : 628
Reputation : 18
Language : English

Back to top Go down

Solved Re: Staff post border color

Post by Ange Tuteur on November 3rd 2015, 5:22 pm

You're welcome ! ^^

Topic archived

Have a good day. Beer

Ange Tuteur
Forumaster

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

http://fmdesign.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