Please login or register.

Login with username, password and session length
Advanced search  

Author Topic: sNews CSS Formatting issue  (Read 2459 times)


  • Newbie
  • *
  • Karma: 0
  • Posts: 15
sNews CSS Formatting issue
« on: February 28, 2007, 02:36:10 am »

How do I make my posts:

show up like they do on:

Here's my CSS source:
Code: [Select]
body {
padding: 0;
margin: 0;
font: .74em Arial, sans-serif;
line-height: 1.5em;
background: #fff url(images/top.jpg) repeat-x top;
color: #454545;

a { color: #DA3B3B; background: inherit; }
a:hover { color: #DA3B3B; background: inherit; text-decoration: underline}
p { margin: 5px 0; }
h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: -1px; }
h2 { font: bold 1.6em Arial, Sans-Serif; letter-spacing: -1px; }
h3 { padding: 4px 0; margin:  0; }
ul { margin: 0; padding : 0; list-style: none; }
img { border: 0; }
hr { height: 1px; border-style: none; color: #d0d0d0; background-color: #C0C0C0; margin: 10px 0; }

.content { margin: 0px auto; width: 800px; }

/* Top part */
#top { padding-top: 20px; background: transparent; height: 101px; }
#top h1 { font: bold 1.8em Arial, Sans-Serif; padding: 8px 0 4px 0; margin: 0; letter-spacing: 1px; color: #FFF }
#top h2 { font: 1.0em Arial, Sans-Serif; letter-spacing: 0px; color: #868686; margin:0; padding: 0 }
#top #icons { float: right; margin:20px 0; padding:0 }
#top #icons img { padding-right: 2px; border: 0 }

/* Second part */
#prec { height: 220px; margin:0; padding: 0; background: #F6F6F6; border-bottom: 1px solid #DCDCDC; overflow: hidden; margin-bottom: 15px }
#wrap { margin: 0 auto; width: 800px; }
#wrap #pic { float: right; background: #FF0000 url(images/mainimg.jpg) no-repeat; height: 199px; width: 589px; overflow: hidden}
#wrap #pic #slogan { float: right; padding: 25px 30px 10px 30px; text-align: right }
#wrap #pic #slogan h1 { font: bold 1.4em Arial, Sans-Serif; color: #FFF; letter-spacing: 1px; margin:0 }
#wrap #pic #slogan h2 { font:  1.0em Arial, Sans-Serif; color: #FFF; letter-spacing: 0px; margin:0; padding: 10px 0}
#wrap #pic #slogan a { color: #FFF; }

#wrap #menu { padding: 0; margin:0; background: inherit; }
#wrap #menu a { padding-left: 25px; font:  0.9em Arial, Sans-Serif; text-decoration: none; background: #F6F6F6 url(images/lm-li.gif) no-repeat left;  }
#wrap #menu ul { padding: 10px 0 }
#wrap #menu li { line-height: 26px; background: #F6F6F6 url(images/li-line.gif) no-repeat bottom left; list-style: none }

/*  Advertising */
#ad { background: #FFF url(images/money.jpg) no-repeat left; padding-left: 95px; min-height: 80px; margin-bottom: 15px;}
#ad a, #left_side a { background: #FFF; text-decoration: none }
#ad a:hover, #left_side a:hover { text-decoration: underline }

/* main area */
#main { }
#right_side { float: right; width: 212px; background: #F6F6F6; padding: 5px 10px 5px 10px; margin-bottom: 10px }
#right_side ul { padding: 3px 0 8px 0 }
#right_side li { line-height: 18px; background: #F6F6F6 url(images/cat-li.gif) no-repeat left; list-style: none; padding-left: 20px; }
#right_side a { background: #F6F6F6; text-decoration:  none }
#right_side h3 { color: #404040; font:  bold 1.2em Arial, Sans-Serif; }

#left_side { background: #FFF; margin-bottom: 10px; width: 560px;  }
#left_side h3 { background: #FFF url(images/hbg.gif) repeat-x; height:30px; padding: 5px 0 0 0px; margin: 0; font:  bold 1.2em Arial, Sans-Serif; }
#left_side h3 span { background: url(images/h-art.gif) no-repeat left; padding: 1px 10px 0 23px;  line-height: 22px; margin: 0}
#left_side p { color: #454545; padding: 0 5px 0 5px; text-align: justify }
#left_side img { float: left; padding: 0 10px 5px 0 }
#left_side blockquote { padding-left: 10px; border-left: 2px solid #DA4040; margin: 10px 0 10px 25px; }
.date { border-top: 1px dotted #ccc; padding: 5px 0; margin: 10px 0 25px 0; text-align: right }
#left_side .rs { float: right; margin: 0 10px; border: 1px solid #ddd; padding: 5px; background: #f5f5f5  }
#left_side ul { list-style-position: inside; margin-left: 2px }
#left_side ul li { list-style-type: square; margin-left: 15px;  }
#left_side ul ul li { list-style: none; margin-left: 10px; list-style-type: lower-alpha; list-style-position: inside }

/* The footer */
#footer { clear: both; border-top: 1px solid #DCDCDC; margin: 0 0 3em 0; color: #777;  background: #fff }
#footer .right  { float: right; text-align: right; background: #FFF; }
#footer a { text-decoration: none; background: #FFF }
My website source code:
Code: [Select]



Get Rich Quick. We Did.

It Works.

Ever get those annoying free iPod pop-ups? Yeah, us too. Think   they're scams? The majority of them are. Can you hurry up and get to the point?   Sure. We find the "free-ipod" offers that are not scams, tell you exactly   what to do to take advantage of them, and hope that you revisit our site. Some of these offers are just promotional offers like free five dollar prepaid   credit cards from MasterCard. Others involve being paid money to sign up for a   free trial and cancelling before the trial period is over. Either way, we'll   guide you through the process, step by step. The Kibln team finds the best   offers on the web and serves them to you on a shiny plate.











Put the code in code tags... - P


  • Sr. Member
  • ****
  • Karma: 41
  • Posts: 338
sNews CSS Formatting issue
« Reply #1 on: February 28, 2007, 07:16:38 am »

Why don't you e-mail the author?

I'm sure he'll be very happy to know that you
duplicated his template to earn money...
Now ogres, oh, they're much worse. They'll make a suit from your freshly peeled skin. They'll shave your liver, squeeze the jelly from your eyes... Actually, it's quite good on toast.


  • Newbie
  • *
  • Karma: 0
  • Posts: 15
sNews CSS Formatting issue
« Reply #2 on: February 28, 2007, 07:55:04 pm »

I'm using his free template but he doesn't include any directions on how to format the snews.

Patric Ahlqvist

  • Nobodys perfect, but Im pretty effing close
  • ULTIMATE member
  • ******
  • Karma: 65
  • Posts: 4867
  • I'm a self-made man and worships my creator.
sNews CSS Formatting issue
« Reply #3 on: March 01, 2007, 08:43:57 am »

Nope, David along with some others do templates stripped out of sNews in order to ease up the usage of the CSS/XHTML templates for people that do not use sNews, but Serp's comment still kind of makes sense... Why don't you email, PM or post a thread here "calling" for him ?
"It's only dead fish that goes with the flow... "