Results 1 to 5 of 5
  1. #1
    abrodski's Avatar
    abrodski is offline Freshman
    Join Date
    May 2010
    Location
    Israel
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Feedback Score
    0

    Default Need some help with forum CSS styling

    Hello guys!

    I'm currently setting up my forum and I want to change some defaults.
    I have SMF 2.0.2
    The problem is that by default it doesn't have a post separator. But there's a mod to change that. Basically it modifies 2 files: Display.template.php and index.css
    My question is about the latter one. It adds this at the end of the file:

    .seperate {
    /* border: 5px solid #fff; thickness and color of box outline*/
    margin: 7px auto; /*to push the gap between the posts*/
    }


    I do get the white spacing between the posts, BUT what I had in mind was something that goes a little beyond that. I attached a file that shows how I would like it to look like more or less. The color of the border could be solid one, that's not so critical to me.
    When I tried to uncomment the 2nd line, what happened is that I got a border around the post and everywhere (ie. top, bottom, right and left) was the same. Same thickness that is...
    Anyway, if anybody knows what to do please let me know!
    Attached Thumbnails Attached Thumbnails Need some help with forum CSS styling-forum-css.jpg  

  2. #2
    johnny04 is offline Junior
    Join Date
    Feb 2012
    Posts
    198
    Thanks
    1
    Thanked 2 Times in 2 Posts
    Feedback Score
    0

    Default

    if you don't want to have every side a border you can do a separate declare for each side..

    Code:
    border-top: 5px solid #fff;
    border-right: 5px solid #f00;
    border-bottom: 5px solid #0f0;
    border-left: 5px solid #00f;

  3. #3
    ihsan34 is offline Freshman
    Join Date
    Jul 2012
    Location
    Pakistan
    Posts
    32
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Feedback Score
    0

    Default

    give border from side which you want separately. border-eft:3px solide #000; border-top:2px solide #ff0000; etc,

  4. #4
    abrodski's Avatar
    abrodski is offline Freshman
    Join Date
    May 2010
    Location
    Israel
    Posts
    9
    Thanks
    0
    Thanked 0 Times in 0 Posts
    Feedback Score
    0

    Default

    Sorry, I was away...
    Thanks a lot for your help!

  5. #5
    anuja is offline Junior
    Join Date
    Jan 2013
    Posts
    260
    Thanks
    19
    Thanked 0 Times in 0 Posts
    Feedback Score
    0

    Default

    i think you can use borders to he side which you want to use separately

Similar Threads

  1. Replies: 0
    Last Post: 10-18-2011, 05:31 PM
  2. Replies: 2
    Last Post: 10-17-2011, 01:06 AM
  3. Services For fresh webmaster forum site Owners.A forum poster company.
    By us0343 in forum Marketplace - Buy, Sell & Trade
    Replies: 0
    Last Post: 08-15-2011, 11:57 AM
  4. Any good forum moderation & 3rd party forum posting services?
    By Soderling in forum Forum Management
    Replies: 0
    Last Post: 08-01-2011, 06:16 AM
  5. New Forum Directory - Free Submission - Get your Forum Linked
    By sid213 in forum Directory Announcements & Promotions
    Replies: 3
    Last Post: 01-28-2009, 04:27 PM

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  
Partners: BOSTON WEB DEVELOPER, LLC   |   WEBCOSMO CLASSIFIEDS