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.

Bar between posts

View previous topic View next topic Go down

Bar between posts

Post by Savo on 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

Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Re: Bar between posts

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

COuld try this in the CSS:

Code:

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

LGforum
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Bar between posts

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

No, did'nt work

Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Re: Bar between posts

Post by Guest on 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>');
});

Guest
Guest


Back to top Go down

Re: Bar between posts

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Bar between posts

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

I tried that, but still no luck

Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Re: Bar between posts

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

Can anyone help with this?

Still can't figure it out.

Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Re: Bar between posts

Post by WHITESABBATH on 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
Active Poster

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

Back to top Go down

Re: Bar between posts

Post by Savo on 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;
}

Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Re: Bar between posts

Post by Savo on 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

Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Re: Bar between posts

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

http://www.avacweb.com/

Back to top Go down

Re: Bar between posts

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

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

Savo
Forumember

Posts : 26
Reputation : 1
Language : english

Back to top Go down

Re: Bar between posts

Post by LGforum on 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
Hyperactive

Male Posts : 2260
Reputation : 258
Language : English
Location : UK

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