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.

Bar between posts

3 posters

Go down

Bar between posts Empty Bar between posts

Post by Savo May 5th 2012, 5:53 pm

How do you put a bar between posts, to separate each post. At the minute everytime you reply to a post it looks like one big reply.

Here's a link for it, so you can see
http://theshadowknightshydr.forumotion.co.uk/t2-what-movies-are-we-looking-forward-to-this-summer
avatar
Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by LGforum May 5th 2012, 8:10 pm

COuld try this in the CSS:

Code:

.post {
  border-bottom: 2px solid #fff;
}
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by Savo May 5th 2012, 11:25 pm

No, did'nt work
avatar
Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by Guest May 5th 2012, 11:32 pm

Hey hey. I think it's because <tr> element. Razz

Add to Javascript codes management:
Code:
$(function(){
$('.post').after('<div style="width: 100%; border-bottom: 2px solid #0088FF"></div>');
});
avatar
Guest
Guest


Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by LGforum May 6th 2012, 12:04 am

Jaavascript is kind of overkill..

Maybe try adding content after like so:

Code:

.post:after {
  background: #fff;
  padding: 1px;
  display: block;
}
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by Savo May 6th 2012, 7:28 am

I tried that, but still no luck
avatar
Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by Savo May 12th 2012, 5:14 pm

Can anyone help with this?

Still can't figure it out.
avatar
Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by WHITESABBATH May 12th 2012, 5:58 pm

the 1st code LG provided should of worked. did you tick the "submit" tab and refresh page after adding code?
Code:

.post {
  border-bottom: 2px solid #fff;
}

WHITESABBATH
WHITESABBATH
Active Poster

Male Posts : 1198
Reputation : 119
Language : English, F-Bombs
Location : Chicago

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by Savo May 12th 2012, 6:35 pm

Its still not working. This is what I have in the css stylesheet.

Can you only have one code in the css?

#text_editor_iframe, input.post, select, textarea.inputbox, textarea.post{
background-color: #000000 !important
}.post {
border-bottom: 2px solid #fff;
}
avatar
Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by Savo May 13th 2012, 6:35 pm

WHITESABBATH wrote:the 1st code LG provided should of worked. did you tick the "submit" tab and refresh page after adding code?
Code:

.post {
  border-bottom: 2px solid #fff;
}


Yes I did this, and it will still not work
avatar
Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by LGforum May 13th 2012, 7:02 pm

Would you possibly be able to open up a section on your board for guests please, so we can take a quick look. It will help us get a much better idea of how to fix it. Smile thanks.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by Savo May 13th 2012, 8:25 pm

There you go, you should be able to have a look now.
avatar
Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Bar between posts Empty Re: Bar between posts

Post by LGforum May 13th 2012, 8:48 pm

Okay try this, go to display > templates > general > viewtopic_body

Find this, or something similar:
<!-- END postrow -->

And before it add this:
Code:
<div class="seperator"></div>

And then this in the CSS:
Code:

.seperator {
  width: 100%;
  height: 1px;
  clear: both;
  background: #fff;
  border: 1px solid #fff;
}

If that fails, then phpbb2 has dropped even lower on forumotion forum choices. It would then be below choosing animal feces for a forum.

No but seriously, if that fail try putting something like an image there instead of the seperator div.
LGforum
LGforum
Hyperactive

Male Posts : 2265
Reputation : 264
Language : English
Location : UK

Back to top Go down

Back to top


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