Table efects - mijenajnje boje

[Garfield]

Treba mi nesto ovakvo www.mymtw.de da mi se u tablici moze sloziti boja koja se onda mijenja kada misem prijedem preko nje.

Znam da je ovo njubi question, ali ja sam pripadnik newbia

Last edited by Garfield on 24.09.2003 21:38; edited 1 time in total

[zytzagoo]

hmmm... nemerm otvorit site preko iskona... bum probo sutra ujutro ako do onda vec netko ne baci reply

[Painkillerz]

Probsj http://www.dynamicdrive.com/dynamicindex11/highlighttable.htm

[Garfield]

Slozio sam taj menu, sad ame jebe sto hocu da samo jedan dio tablice ima border, a drugi ne, konkretno imam dio koji je uvijek isti, taj bi stavio border, ovaj koji mijenja boju nebi.

Kak da to napravim?

[zytzagoo]

Garfield wrote:

Slozio sam taj menu, sad ame jebe sto hocu da samo jedan dio tablice ima border, a drugi ne, konkretno imam dio koji je uvijek isti, taj bi stavio border, ovaj koji mijenja boju nebi.

Nisi se bas precizno izrazio... Odnosno, nije najajsnije sto zelis postici... Daj pejstaj kod koji imas, ili link di to sto radis stoji na netu jos bolje...
Ovak kak si reko, u tablici u kojoj ne zelis imat border, stavi border="0", a ak ti je sve i stoj tablici, onda ces tesko postic to sto zelis, i onda bi najbolje bilo da taj dio koji je isti stavis u posebnu tablicu i njoj lupis border, a ovaj dio koji ne treba imat border, on stoji u drugoj tablici koja nema border (border="0"), odma ispod ove s borderom... Da, glupo zvuci, al sta cu ti ja kad mi nije jasno sto zelis postici

[Garfield]

Nisi me bas skuzio, hocu border na ovom malom kvadraticu lijevo, a ostali dio da nema border.
Najbolje bi bilo kada bi mogao sloziti border samo izmedu ovog malog i velikog dijela.

Code:

<table width="158" border="0" height="123" cellpadding="0" cellspacing="0">         <tr>           <td width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Members</font></TD>         </tr>         <tr>           <td width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">History</font></TD>         </tr>         <tr>           <td width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Awards</font></TD>         </tr>         <tr>           <td width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Results</font></TD>         </tr>         <tr>           <td width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;<font face="Arial" color="#000000">Demos</font></FONT></TD>         </tr>         <tr>           <td width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Leagues</font></TD>         </tr>         <tr>           <td width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Sponsors</font></TD>         </tr>       </table>

[zytzagoo]

ovak na brzaka onda, buduci da nisi rekao kakav border tocno zelis, al css-om mozes dobiti razno-razne pa se igraj malo:

Code:

<table width="158" border="0" height="123" cellpadding="0" cellspacing="0">         <tr>           <td rowspan="7" style="border: 1px solid #000000;" width="10" bgcolor="A0A0A0">&nbsp;</td>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Members</font></TD>         </tr>         <tr>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">History</font></TD>         </tr>         <tr>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Awards</font></TD>         </tr>         <tr>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Results</font></TD>         </tr>         <tr>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;<font face="Arial" color="#000000">Demos</font></FONT></TD>         </tr>         <tr>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Leagues</font></TD>         </tr>         <tr>           <TD onmouseover="style.backgroundColor='#A0A0A0'; style.cursor='hand'"           onmouseout="style.backgroundColor='#C0BFC4';" bgColor=#C0BFC4           colSpan=2 td width="148"><FONT color=#ffffff             size=2>&nbsp;</FONT><font face="Arial" size="2">Sponsors</font></TD>         </tr> </table>

[Garfield]

Jel mi mozes srediti tablicu kao na mymtw, imas onaj dio gdje se user logiraju, sa lijeve strane, takav bi efekt htio.

[Painkillerz]

Garfield wrote:

Jel mi mozes srediti tablicu kao na mymtw, imas onaj dio gdje se user logiraju, sa lijeve strane, takav bi efekt htio.

Tamo sve ima border.

[Garfield]

Ma ok neka ima border, ajd mi napravi isto onakav menu kao moj, samo sa onakvim efektom i izgledom.

[zytzagoo]

Garfield wrote:

Ma ok neka ima border, ajd mi napravi isto onakav menu kao moj, samo sa onakvim efektom i izgledom.

E, jel, da ti napravimo cijeli site odma?

Shadeovi su rađeni sličicama, to mi se sad fakat neda. Svaki menu item je svoja tablica:

Code:

<table cellpadding="0" cellspacing="0" border="0" style="border-top: 1px solid #000000; border-bottom: 1px solid #000000;"> <tr class="leftpanelinkbg">     <td bgcolor="#A59E70" style="border-left: 1px solid #000000; width: 4px;">&nbsp;</td>     <td bgcolor="#000000" style="width: 1px;"><img src="/images/1x1trans.gif" width="1" height="1" alt="" border="0"></td>     <td style="width: 140px; height: 18px; border-right: 1px solid #000000;" align="left" onmouseover="style.backgroundColor='#A59E70'; style.cursor='hand'" onmouseout="style.backgroundColor='#7B7B7B';" bgColor=#7B7B7B><font face="Arial" size="2" color="#ffffff">&nbsp;Members</font></td> </tr> </table> <table cellpadding="0" cellspacing="0" border="0" style="border-top: 0px; border-bottom: 1px solid #000000;"> <tr class="leftpanelinkbg">     <td bgcolor="#A59E70" style="border-left: 1px solid #000000; width: 4px;">&nbsp;</td>     <td bgcolor="#000000" style="width: 1px;"><img src="/images/1x1trans.gif" width="1" height="1" alt="" border="0"></td>     <td style="width: 140px; height: 18px; border-right: 1px solid #000000;" align="left" onmouseover="style.backgroundColor='#A59E70'; style.cursor='hand'" onmouseout="style.backgroundColor='#7B7B7B';" bgColor=#7B7B7B><font face="Arial" size="2">&nbsp;History</font></td> </tr> </table>

Promjena boje fonta na onmouseover se isto da izvest, medjutim to mi se isto sad neda, onda je bolje napisat funkciju (kao sto imaju ovi na mymtw), koja mijenja stvari po parametrima koji se predaju...
Drugi menu item mozes ponavljat koliko puta hoces, odnosno koliko ti treba.

Ako hoces bas onako kao sto imaju tamo, onda ces se morat sam potrudit neki qrac napravit i naucit, mi3 community nije ni zamisljen kao mjesto na kojem dođeš i kažeš što trebaš, pa ti netko to napravi, nego smo svi tu zajedno da učimo jedni od drugih. Prihvati to ili fof, samo ne moj izvoljevat jer ćeš doživit odjeb po kratkom postupku kao i drugi koji su mislili iskorištavat tuđu dobru volju... Hvala, zdravo.