Modification of news

pspfreak	#1 2010-12-07 06:01
Members	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?

MIHDev	#2 2010-12-07 06:07
Donator Bedankt: 1 tijd	it is in /skins/sed-light/plugins [b]Know the question and you will be far more likely to get an answer.[/b]

pspfreak	#3 2010-12-07 06:08
Members	Urggg. thanks. I've been on seditio too long

MIHDev	#4 2010-12-07 06:08
Donator Bedankt: 1 tijd	Welcome to Cotonti [b]Know the question and you will be far more likely to get an answer.[/b]

pspfreak	#5 2010-12-07 06:13
Members	One more question. How about New In Forums modifaction?

MIHDev	#6 2010-12-07 07:28
Donator Bedankt: 1 tijd	Anything in particular you wish to modify? [b]Know the question and you will be far more likely to get an answer.[/b]

pspfreak	#7 2010-12-07 08:15
Members	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; }

pspfreak

#7 2010-12-07 08:15

Members

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	#8 2010-12-07 09:25
Donator Bedankt: 1 tijd	You could take this approach: Firstly, make sure you are not placing the new columns inside a <div id="rSide"> or <div id="lSide"> 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: <div> <table width="790px" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <div class="boxHD">test1</div> <div class="boxBody">test1</div> </td> <td> <div class="boxHD">test2</div> <div class="boxBody">test2</div> </td> <td> <div class="boxHD">test3</div> <div class="boxBody">test3</div> </td> </tr> </table> </div> Hope this helps. MIHDev [b]Know the question and you will be far more likely to get an answer.[/b]

MIHDev

#8 2010-12-07 09:25

Donator
Bedankt: 1 tijd

You could take this approach:

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

<div id="rSide"> or <div id="lSide"> 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:

<div>
 <table width="790px" border="0" cellpadding="0" cellspacing="0">
  <tr>
     <td>
         <div class="boxHD">test1</div>
         <div class="boxBody">test1</div>
     </td>
     <td>
         <div class="boxHD">test2</div>
         <div class="boxBody">test2</div>
     </td>
     <td>
         <div class="boxHD">test3</div>
         <div class="boxBody">test3</div>
     </td>
  </tr>
 </table>
</div>

Hope this helps.

MIHDev

[b]Know the question and you will be far more likely to get an answer.[/b]

pspfreak	#9 2010-12-08 04:14
Members	working good in google chrome but not in firefox. http://grabs.ipodtalkcenter.com/20101207151219.png

MIHDev	#10 2010-12-08 04:43
Donator Bedankt: 1 tijd	Check for any stray div tags, also what is the css class for <div id="cSide"></div> [b]Know the question and you will be far more likely to get an answer.[/b]

pspfreak	#11 2010-12-08 04:44
Members	#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
Dit bericht is bewerkt door pspfreak (2010-12-08 05:10, 14 jaren ago)

pspfreak

#11 2010-12-08 04:44

Members

#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

Dit bericht is bewerkt door pspfreak (2010-12-08 05:10, 14 jaren ago)

MIHDev	#12 2010-12-08 06:20
Donator Bedankt: 1 tijd	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. [b]Know the question and you will be far more likely to get an answer.[/b]

pspfreak	#13 2010-12-08 06:23
Members	Do you mind looking, because im not sure. index.tpl <!-- BEGIN: MAIN --> <div id="cSide"> {INDEX_NEWS} </div> <br /> <table width="780px" border="0" cellpadding="0" cellspacing="0"> <tr> <td> <div class="boxHD">test1</div> <div class="boxBody">test1</div> </td> <td> <div class="boxHD">test2</div> <div class="boxBody">test2</div> </td> <td> <div class="boxHD">test3</div> <div class="boxBody">test3</div> </td> </tr> </table> <!-- END: MAIN --> Added 1 minute later: Eh, it was from when I edited news. It through the thing way off! Thanks.

pspfreak

#13 2010-12-08 06:23

Members

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

<!-- BEGIN: MAIN -->
<div id="cSide">

	{INDEX_NEWS}

	
</div>
<br />

<table width="780px" border="0" cellpadding="0" cellspacing="0">
<tr>
<td>
<div class="boxHD">test1</div>
<div class="boxBody">test1</div>
</td>
<td>
<div class="boxHD">test2</div>
<div class="boxBody">test2</div>
</td>
<td>
<div class="boxHD">test3</div>
<div class="boxBody">test3</div>
</td>
</tr>
</table>


<!-- END: MAIN -->

Added 1 minute later:

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

pieter	#14 2010-12-08 15:04
Team Bedankt: 9 tijden	Use notepad++ and select HTML, so you can see where a div is opened and closed. ... can we help you ...

GHengeveld	#15 2010-12-08 18:18
Team Bedankt: 52 tijden	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.

12>>>