Please login or register.

Login with username, password and session length
Advanced search  

News:

You need/want an older version of sNews ? Download an older/unsupported version here.

Pages: [1] 2

Author Topic: Ordered css file for snews  (Read 6679 times)

Sasha

  • Hero Member
  • *****
  • Karma: 28
  • Posts: 938
    • cssanarchy.com
Ordered css file for snews
« on: September 14, 2008, 07:10:05 AM »

For all of you lazys.You cant have good cms if you have css file like shit.....This is how css looks like now in snews 1.6


 
Code: [Select]
/*

sNews 1.6 Minimal Template

*/

*{ margin: 0; padding: 0; }*
body { font: .8em Arial, Sans-Serif; line-height: 1.8em; background: #fff; color: #444; }
a { color: #E23300; background: inherit; }
a:hover { color: #808080; background: inherit; }
h1 { color: #444; background: inherit; padding: 5px 0; }
h2 { border-bottom: 1px solid #eee; margin: 0 0 10px; padding: 0 0 3px; }
h3 { color: #808080; background: inherit; font-size: 1em; border-bottom: 1px solid #eee; margin: 0 0 10px; }
ul {  padding: 0; margin: 0 0 10px;}
li { list-style-type: none;}
p { margin: 5px 0 10px 0; }
#logo { float: left; margin: 0 0 15px; }

#menu { float: right; }
#menu li { float: left; }
#menu li a { margin: 0 0 0 35px; }
#menu li a.current { background: inherit; color: #444; }

#subheader { clear: both; padding: 8px 10px; height: 27px; line-height: 20px; margin: 0 0 25px 0; background: #eee; color: #808080; }
#subheader a { background: inherit; color: #444; }

#breadcrumbs { float: left; margin: 5px 0 0; }

#search { float: right; }
#search p { padding: 0; margin: 0; }

.wrap { margin: 30px auto; width: 94%; }
#left { float: left; width: 25%; }
#right { float: right; width: 70%; margin: 0 0 10px 0; }

#footer { clear: both; border-top: 1px solid #ccc; padding: 10px 5px; }
#rss { float: right; text-align: right; }
#rss li { float: left; margin: 0 0 0 10px; }

/* sNews */
fieldset { border: 1px solid #E4DF94; padding: 10px 8px; margin: 0 0 8px 0; background: #FFFBC0; color: #000; }
input { padding: 2px; }
textarea { width: 97%; height: 20em; padding: 3px; }
.comment { background: #F5F6F6; color: #808080; padding: 10px; margin: 0 0 10px 0; border-top: 1px solid #ccc; }
.commentsbox { background: #f4f4f4; color: #808080; padding: 10px; margin: 0 0 10px 0; }
.date { border-top: 1px solid #eee; margin: 0 0 20px 0; }


and this is how need to looks like after two minutes of work..This is also easy to use and work around

Code: [Select]
/* sNews 1.6 Minimal Template */



*{ margin: 0; padding: 0; }*


body {
      font: .8em Arial, Sans-Serif;
      line-height: 1.8em;
      background: #fff;
      color: #444;
}


a {
      color: #E23300;
      background: inherit;
}


a:hover {
      color: #808080;
      background: inherit;
}


h1 {
      color: #444;
      background: inherit;
      padding: 5px 0;
}


h2 {
      border-bottom: 1px solid #eee;
      margin: 0 0 10px;
      padding: 0 0 3px;
}


h3 {
      color: #808080;
      background: inherit;
      font-size: 1em;
      border-bottom: 1px solid #eee;
      margin: 0 0 10px;
}


ul { 
      padding: 0;
      margin: 0 0 10px;
}


li {
      list-style-type: none;
}


p {
      margin: 5px 0 10px 0;
}


#logo {
      float: left;
      margin: 0 0 15px;
}


#menu {
      float: right;
}


#menu li {
      float: left;
}


#menu li a {
      margin: 0 0 0 35px;
}


#menu li a.current {
      background: inherit;
      color: #444;
}



#subheader {
      clear: both;
      padding: 8px 10px;
      height: 27px;
      line-height: 20px;
      margin: 0 0 25px 0;
      background: #eee;
      color: #808080;
}


#subheader a {
      background: inherit;
      color: #444;
}


#breadcrumbs {
      float: left;
      margin: 5px 0 0;
}


#search {
      float: right;
}


#search p {
      padding: 0;
      margin: 0;
}


.wrap {
      margin: 30px auto;
      width: 94%;
}


#left {
      float: left;
      width: 25%;
}


#right {
      float: right;
      width: 70%;
      margin: 0 0 10px 0;
}


#footer {
      clear: both;
      border-top: 1px solid #ccc;
      padding: 10px 5px;
}


#rss {
     float: right;
     text-align: right;
}


#rss li {
     float: left;
     margin: 0 0 0 10px;
}




/* sNews */




fieldset {
      border: 1px solid #E4DF94;
      padding: 10px 8px;
      margin: 0 0 8px 0;
      background: #FFFBC0;
      color: #000;
}


input {
      padding: 2px;
}


textarea {
      width: 97%;
      height: 20em;
      padding: 3px;
}


.comment {
      background: #F5F6F6;
      color: #808080;
      padding: 10px;
      margin: 0 0 10px 0;
      border-top: 1px solid #ccc;
}


.commentsbox {
      background: #f4f4f4;
      color: #808080;
      padding: 10px;
      margin: 0 0 10px 0;
}


.date {
      border-top: 1px solid #eee;
      margin: 0 0 20px 0;
}
« Last Edit: September 14, 2008, 07:13:34 AM by Sasha »
Logged
Every morning, I get up and look through the 'Forbes' list of the richest people in America. If I'm not there, I go to work. | If you love your job, you haven't worked a day in your life. snews with ♥

Armen

  • Sr. Member
  • ****
  • Karma: 41
  • Posts: 338
    • http://www.funnydays.ru
Re: Ordered css file for snews
« Reply #1 on: September 14, 2008, 02:38:55 PM »

You've done nothing but just formatting it. That's all.
sNews' default template CSS was written by Luka and it's inline, compact, readable and valid. Coded by a pro.

http://www.cleancss.com/

This service will format CSS file any way you want it. If you like a hundred-line CSS file, fine.
But don't you dare call Luka's CSS-file shit.

You've done nothing, pal. Trust me.
« Last Edit: September 14, 2008, 02:41:46 PM by Armen »
Logged
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.

funlw65

  • Hero Member
  • *****
  • Karma: 96
  • Posts: 771
    • Country Lab
Re: Ordered css file for snews
« Reply #2 on: September 14, 2008, 04:51:54 PM »

" .. having it's format looking a little better, easy for working on ..."

I like both formats. I'm also a C programmer and you can choose to have your own style, or follow standards about formatting. If you keep code for you, then is OK. If you share it, then must be made "readable" by newbies. Sasha's format is more understandable but I don't see any wrong in Luka's code.

Your source Armen is good for translating compact and professional looking code in a more "newbie readable" format as Sasha mentioned.

Thank you both.

Logged

poppoll

  • Full Member
  • ***
  • Karma: 47
  • Posts: 199
    • Poppoll's sNews playground
Re: Ordered css file for snews
« Reply #3 on: September 15, 2008, 03:17:59 AM »

--Off topic--
Armen
Even "PRO's" like you make mistakes!
If the globe is your homepage than you have 45 xhtml errors and 191 warnings!
Not good coded I think.
PP
« Last Edit: September 15, 2008, 03:21:19 AM by poppoll »
Logged

Sasha

  • Hero Member
  • *****
  • Karma: 28
  • Posts: 938
    • cssanarchy.com
Re: Ordered css file for snews
« Reply #4 on: September 15, 2008, 03:53:48 AM »

Armen this code formating is better then one with snews file you liked or not.Whay?Its easy to read and work on.I do not say Luka code is wrong but is hard to work for someone who try to learn.Luka is a great css coder but for this i do not agree with you.Code need to be simple and readable not matter if you pro or not.When you have cms you always,always need to think about other people not about you.cms snews is a public cms not your personal cms...you may use for personal but other people download script too.also i use that service cssclean but that service dont always work right .If you have opacity code with hack for ie mozila itd,itd service is useles... 
« Last Edit: September 15, 2008, 03:56:13 AM by Sasha »
Logged
Every morning, I get up and look through the 'Forbes' list of the richest people in America. If I'm not there, I go to work. | If you love your job, you haven't worked a day in your life. snews with ♥

jlhaslip

  • Sr. Member
  • ****
  • Karma: 16
  • Posts: 374
    • My snews with AEF Forum site
Re: Ordered css file for snews
« Reply #5 on: September 15, 2008, 04:04:55 AM »

"to each their own"
There are distinct advantages to both methods.
If you are concerned about Bandwidth, and the template is finalized, sure, the optimized (in-line) code becomes better.
Until then, the formatted code with all the white space is easier to work with for finding stuff.

What ever floats your boat...

Logged
Yes! I have no siggy.

Armen

  • Sr. Member
  • ****
  • Karma: 41
  • Posts: 338
    • http://www.funnydays.ru
Re: Ordered css file for snews
« Reply #6 on: September 15, 2008, 05:50:06 AM »

Armen this code formating is better then one with snews file you liked or not.Whay?Its easy to read and work on.I do not say Luka code is wrong but is hard to work for someone who try to learn.Luka is a great css coder but for this i do not agree with you.Code need to be simple and readable not matter if you pro or not.When you have cms you always,always need to think about other people not about you.cms snews is a public cms not your personal cms...you may use for personal but other people download script too.also i use that service cssclean but that service dont always work right .If you have opacity code with hack for ie mozila itd,itd service is useles... 

Your subjective comprehension of things gives you no right to call someone's work "shit".
Think about that.

Quote
Even "PRO's" like you make mistakes!

They do. This is not the case here, poppoll.
Logged
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.

Sasha

  • Hero Member
  • *****
  • Karma: 28
  • Posts: 938
    • cssanarchy.com
Re: Ordered css file for snews
« Reply #7 on: September 15, 2008, 06:23:25 AM »


I just want to remind you Armen you call 1.7 snews code dump or piece of code....http://snewscms.com/forum/index.php?topic=7205.0  .......Right.....I just made comment on css file which i think is hard for users who use first time snews.You may know css but many people dont and is hard for them to read code inline..If you want to criticize someone (like me) you need to look on shit you left behind you first.Also your site acording to w3c have 214 errors and 57 warnings.To many for someone who understand xhtml css.In your xhtml file you made mistake using java script especial using atribute language.

Tray this code

 
Code: [Select]
<script type="text/javascript" src="files/calendarpopup.js"></script>

also you have some extra DIV tags which is not open.same with br tags.We need to be on same level or close for better understanding each other about css and xhtml ;)
« Last Edit: September 15, 2008, 06:45:15 AM by Sasha »
Logged
Every morning, I get up and look through the 'Forbes' list of the richest people in America. If I'm not there, I go to work. | If you love your job, you haven't worked a day in your life. snews with ♥

Armen

  • Sr. Member
  • ****
  • Karma: 41
  • Posts: 338
    • http://www.funnydays.ru
Re: Ordered css file for snews
« Reply #8 on: September 15, 2008, 06:57:40 AM »

You just don't get it, Sasha.

It's not about who's pro (and your insults don't bother me at all, I've got 34 websites under my control and this one is one of my first, IYWK).
It's about calling others' work "shit".

Oh, yes, I did call 1.7 an abomination. An abomination it still remains. Not because I don't like it for no reason. If you knew php, mysql well enough, and spent more time digging the vanilla 1.6 version, originally written by Luka and Mika, you'd understand. Unfortunately, as I see, this forum is slowly dying out. See it for yourself: 1.7 is still in beta, forum header says "sNews is a simple, basic, customizable CMS tool suitable for developers with beginner-to-advanced PHP skills" and number of noobs among new members is constantly growing. Simple CMS you say? And at the same time trying to scare all potential downloaders? But it's not the point.

I'm not being an asshole here, you know. Just watch what you're saying. "Shit" is an insult. This whole sentense: "For all of you lazys. You cant have good cms if you have css file like shit" is an insult. Luka's temlates are brilliant. All of them. Valid, light and compact.

Help yourself with better understanding of the same inline code, man. But first sentense of your first post is unbeleveably insulting.

Quote
We need to be on same level or close for better understanding each other about css and xhtml.

You win the internets, my lord. I'm devastated and lost in your shadow, oh modest master.
« Last Edit: September 15, 2008, 07:10:30 AM by Armen »
Logged
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.

Sasha

  • Hero Member
  • *****
  • Karma: 28
  • Posts: 938
    • cssanarchy.com
Re: Ordered css file for snews
« Reply #9 on: September 15, 2008, 07:12:34 AM »

Luka is my country man and he know i never ever going to offend him but what i m seying here is code in css file need to be better wraped for users who use snews.That's All ...Luka start this snews for personal use but snews today is public cms not made only for one pearson so, code need to be easy for read not inline like is now..Also my personal apology for you if you found my comment to offend...Okay, i m done.
Logged
Every morning, I get up and look through the 'Forbes' list of the richest people in America. If I'm not there, I go to work. | If you love your job, you haven't worked a day in your life. snews with ♥

Armen

  • Sr. Member
  • ****
  • Karma: 41
  • Posts: 338
    • http://www.funnydays.ru
Re: Ordered css file for snews
« Reply #10 on: September 15, 2008, 07:19:20 AM »

Luka is my country man and he know i never ever going to offend him but what i m seying here is code in css file need to be better wraped for users who use snews.That's All ...Luka start this snews for personal use but snews today is public cms not made only for one pearson so, code need to be easy for read not inline like is now..Also my personal apology for you if you found my comment to offend...Okay, i m done.

BTW, your website is actually well made. How long did it take you to come up with final version of design and code modifications (stats, for example)?
Logged
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.

Sasha

  • Hero Member
  • *****
  • Karma: 28
  • Posts: 938
    • cssanarchy.com
Re: Ordered css file for snews
« Reply #11 on: September 15, 2008, 07:27:27 AM »

i just finish some of my ideas with help from my friend RUI.He do great job in php (i m not that good with php).My statistic is made by another gentlmen and he ask to be paid 15 euros for code which im going to pay him after i test this code for 2 months.I just do css coding for his php statistic code nothing else.Also some code how i made bottom of my site using php code i m going to post on my web site soon.I can finish any designs less then 24 hours of work...
Logged
Every morning, I get up and look through the 'Forbes' list of the richest people in America. If I'm not there, I go to work. | If you love your job, you haven't worked a day in your life. snews with ♥

Keyrocks

  • Doug
  • ULTIMATE member
  • ******
  • Karma: 449
  • Posts: 6019
  • Semantically Challenged
    • snews.ca
Re: Ordered css file for snews
« Reply #12 on: September 17, 2008, 07:36:16 AM »

@ Sasha... As Armen pointed out (and rightly so) calling the default sNews 1.6 style.css file "s**t" is unecessary... and it appears you finally agreed on that. There is no need to use curse words here... as I've already pointed out to you elsewhere. All you need to do is stop and THINK. Read your posts over BEFORE you submit them... and replace your swear words with acceptable words. Example - replace "s**t" with "hard for beginners to read".

You are free to re-format the code in any file... any way you like. If it makes you feel any better... I do the same to every CSS file (as you did) I get in the in-line format... so that it is easier for me to "read" and modify. And I've come across many, many, many CSS files that run the code in-line because it takes up less space in the file. I often go back and put it all i-line again after I've finished modifying it.  ;)
Logged
Do it now... later may not come.
-------------------------------------------------------------------------------------------------
sNews 1.6 MESU | sNews 1.6 MEMU

Sasha

  • Hero Member
  • *****
  • Karma: 28
  • Posts: 938
    • cssanarchy.com
Re: Ordered css file for snews
« Reply #13 on: September 17, 2008, 07:59:50 PM »

This is not about me or about you, this is about people who download snews.I can use any style inline code ,spaced i dont care i can work with any of this but people who use snews first time and many of these people is beginers have problem to read code inline.Inline code is hard to read.Period.....I got tired trying to  explain something simple here but you guys dont care.Leave this code as is no problem but to me this looks like $%#@ code.sNews luck new leadership and nothing going to change until someone step up and say: "wait we need to go in this direction".  >:(
Logged
Every morning, I get up and look through the 'Forbes' list of the richest people in America. If I'm not there, I go to work. | If you love your job, you haven't worked a day in your life. snews with ♥

Joost

  • Guest
Re: Ordered css file for snews
« Reply #14 on: September 18, 2008, 01:43:31 AM »

@Sasha

From the first day I started writing css, I have always used the inline style. So  inline style is not necessarily difficult to understand for beginners. For me, it was, and still is today, important to see the related code without having to scroll up or down the file.
So what suits you, might not suit someone else.
Logged
Pages: [1] 2