cotonti.com : Modification of news

GHengeveld

вс, 12 дек 2010 01:23:08 -0000

We're going somewhat off topic here, but oh well...
Typing works quite well because the keys are quite big, it works mostly like a regular keyboard. The iPad case/sleeve is a must have, it allows you to type much more easily because it places the iPad under an angle. Autocompletion can be very annoying though, so it's a good idea to switch that off.
Coding on it is not really an option I guess, simply because there's no app for it and also because the onscreen keyboard doesn't show the special characters needed for coding.

Did you know you can make a website/webapplication behave like a native app on iPhone/iPad? There's some special mata tags for it and with JavaScript you can do gestures.

MIHDev

пт, 10 дек 2010 08:52:51 -0000

Would love an iPad but for now just got a new mobile so the budget just aint there for one.

Sent from my Windows Phone 7

@Koradhil: How is the iPad for coding as my phone keyboard is just slightly too small?

GHengeveld

пт, 10 дек 2010 08:25:57 -0000

What about an iPad? It has an iPod app.
Typing this message on one

pspfreak

чт, 09 дек 2010 03:55:43 -0000

MIHDev. I took it from the original sed-light skin.

MIHDev

чт, 09 дек 2010 03:44:50 -0000

nice job m8 :), now I just need to get an iPod and I can join the community hehe

pspfreak

чт, 09 дек 2010 03:43:33 -0000

Well the completed page look like this:
http://ipodtalkcenter.com

MIHDev

чт, 09 дек 2010 03:42:39 -0000

good point :), the discussions above are on 'best practices', the suggestion is to use DIV float elements instead of the tables I posted, both methods work but technically a DIV is more flexible for those choosing the CSS approach. I always say, go with what you feel comfortable with and for me the simplest thing that came to mind at 1am was using a table but their method could be better for those wishing to perform more 'jazz' on their sites.

pspfreak

чт, 09 дек 2010 03:38:25 -0000

If it ain't broken, why fix it? It works for what I want it for, so why fix it?

MIHDev

чт, 09 дек 2010 02:09:06 -0000

Interesting reading, I would not agree that it is a sign of an amateur as for that there are usually several hundred things that may or may not show an amateur approach to coding and amateur mistakes can be found in almost any piece of code.

Many sites still use tables successfully for designs as many books on HTML do not focus on DIV's or CSS in detail but I would agree that using DIV's offers more flexibility for customisation through CSS although tables themselves can also function well in that regard as I know many developers have had many nightmares getting DIV elements to do what they want.

Like anything in life, there is a healthy balance to be had between simplicity and flexibility and that is generally based on what the user requires, their level of experience and also how good their CSS skills are.

GHengeveld

чт, 09 дек 2010 01:04:50 -0000

HTML5 takes this a step further, by adding block-level elements header, footer, section, article and a few others. The main problem with using tables for layout is that you can't move content blocks around on the page by using CSS. Table-based layout fixes element positioning on the page. It works, but it's a terrible mess if you want to change anything. Generally it's bad practice and a sign of an amateur.

Some reading:
http://www.thefutureoftheweb.com/blog/writing-semantic-html
http://dev.opera.com/articles/view/semantic-html-and-search-engine-optimiza/

Kort

ср, 08 дек 2010 22:50:44 -0000

If it is specifications, use table, if it is navigation, use list, if it is paragraph, use paragraph, if it is a layout block, it's a div.

Kingsley

ср, 08 дек 2010 22:46:05 -0000

So basically you are saying, use div's as much as possible, and if stonewalled, use tables?

thx for your explanation Kort..

Kort

ср, 08 дек 2010 21:39:54 -0000

This is about semantics. Tables shall be used for tabula data while divs are for block elements. While tables are definitely easy-to-use for a novice-level html-coder, it is incorrect to put there the elements that logically are not supposed to be table contents. However:

I haven't heard of any confirmed negative consequences of that (although it is rumored that they exist)
In some cases (i.e. forums) tables are used "traditionally".
It is much easier (in some cases) to use tables rather than divs / browser-specific css / hacks.

Another good example is lists: navigation is a list, so most html-coders use uls for nav/menus now (rather than tables, divs or paragraphs).
If you're not sure about what you're doing, turn off the styles and check bare html. This will give you a better understanding.
So, if you're up to modern trends / HTML5, you should think about semantics before selecting your solutions. Using tables, however, won't kill ya.
The above example can and should definitely be done using divs.

Kingsley

ср, 08 дек 2010 20:42:54 -0000

# Koradhil : Please stop using tables for layout, unless it's really tabular data you're working with. In this case it clearly isn't so you shouldn't use tables. Use divs and set float:left on each of them.

Would you care to explain? I heard this before, but actually I find tables working much better (they at least do what I want from them, always have a small war going on with div's..)

MIHDev

ср, 08 дек 2010 19:50:44 -0000

Hehe, I must have been in legacy mode as it was 1am, will post the DIV approach for him shortly.

GHengeveld

ср, 08 дек 2010 18:18:42 -0000

Please stop using tables for layout, unless it's really tabular data you're working with. In this case it clearly isn't so you shouldn't use tables. Use divs and set float:left on each of them.

pieter

ср, 08 дек 2010 15:04:21 -0000

Use notepad++ and select HTML, so you can see where a div is opened and closed.

pspfreak

ср, 08 дек 2010 06:23:49 -0000

Do you mind looking, because im not sure.
index.tpl




	{INDEX_NEWS}

	







test1
test1


test2
test2


test3
test3

Added 1 minute later:

Eh, it was from when I edited news. It through the thing way off! Thanks.

MIHDev

ср, 08 дек 2010 06:20:16 -0000

looks like a div problem again as it appears that the columns are breaking out of the layout, normally caused by a stray div tag.

pspfreak

ср, 08 дек 2010 04:44:35 -0000

#content #cSide { float:left; width:800px; }
#content #cSide .lboxHD { color:#000001; background: url(img/SED-Light_cBoxHD.gif) no-repeat; width:800px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #cSide .lboxBody { width:780px; background:#353a3f url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

EDIT: There was a stray div tag. Now it works. Thanks

EDIT 2: Now i was fitting the objects to make it look better, and I ran into something
Google Chrome:
http://grabs.ipodtalkcenter.com/20101207160807.png
Firefox
http://grabs.ipodtalkcenter.com/20101207160831.png

MIHDev

ср, 08 дек 2010 04:43:03 -0000

Check for any stray div tags, also what is the css class for

pspfreak

ср, 08 дек 2010 04:14:57 -0000

working good in google chrome but not in firefox.
http://grabs.ipodtalkcenter.com/20101207151219.png

MIHDev

вт, 07 дек 2010 09:25:29 -0000

You could take this approach:

Firstly, make sure you are not placing the new columns inside a

 or  unless that is what you require.

Lets say you made a new css element based on the rBoxHD and rBoxBody elements, add this to your CSS:

.boxHD { color:#3E606F; background: url(img/SED-Light_rBoxHD.gif) no-repeat; width:240px; height:35px; line-height:35px; vertical-align:middle; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
.boxBody { width:240px; background:#FFF url(img/SED-Light_rBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; }

Then put it all in a 3 column table with no border, cellpadding or cellspacing:

Hope this helps.

MIHDev

pspfreak

вт, 07 дек 2010 08:15:05 -0000

Found it. Now on to my css. I am trying to align 3 column page. All i can get to happen is this:
http://grabs.ipodtalkcenter.com/20101206191440.png

Here is my css. What do i need to modify in order to have 3 columns?

#content #rSide { float:right; width:520px; }
#content #rSide .rboxHD { color:#000001; background: url(img/SED-Light_rBoxHD.gif) no-repeat; width:240px; height:35px; line-height:35px; vertical-align:middle; float:left; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #rSide .rboxBody { width:220px; background:#353a3f url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

#content #rSide .rlboxHD { color:#000001; background: url(img/SED-Light_rBoxHD.gif) no-repeat; width:240px; height:35px; line-height:35px; vertical-align:right; font-size:.90em; text-transform:uppercase; padding:0 0 0 10px; font-weight:bold; }
#content #rSide .rlboxBody { width:220px; background:#353a3f url(img/SED-Light_lBoxFT.gif) no-repeat bottom; min-height:20px; padding:10px; margin-bottom:10px; }

MIHDev

вт, 07 дек 2010 07:28:21 -0000

Anything in particular you wish to modify?

pspfreak

вт, 07 дек 2010 06:13:50 -0000

One more question. How about New In Forums modifaction?

MIHDev

вт, 07 дек 2010 06:08:35 -0000

Welcome to Cotonti

pspfreak

вт, 07 дек 2010 06:08:03 -0000

Urggg. thanks. I've been on seditio too long

MIHDev

вт, 07 дек 2010 06:07:13 -0000

it is in /skins/sed-light/plugins

pspfreak

вт, 07 дек 2010 06:01:48 -0000

I can't find where to modify news. I've looked in /plugins/news and /skins/sed-light/ and there is no news.tpl. Where else would it be?