Tabele | Chenare | Table - Scripturi și teme pentru ucoz

Sasha Lopez feat Radio Killer - Perfect Day

Ultimile postări Culorile HTML Căutare Fotoșop Membrii forumului

Pagina 1 din 1

Scripturi și teme pentru ucoz » Scripturi şi şabloane » Coduri simple » Tabele | Chenare | Table

Tabele | Chenare | Table

dannikhim

Data: Luni, 2012-11-12, 4:18 PM | Mesaj # 1

Total mesaje: 18

Vezi premiile: 0

Tabel numeric

Unde aveți nevoie de acest tabel adăugați aceste coduri:

Code

Rezultatul:

djdorin

Data: Luni, 2012-11-12, 6:50 PM | Mesaj # 2

Total mesaje: 14

Vezi premiile: 2

Code

<table style=";width:100%;"><tbody><tr><td style="text-align: center;border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; vertical-align: top; "><h1><b><font size="2" style="font-size: 10pt; color: rgb(255, 0, 0);" face="'Arial Black'">De vânzare - Vezi lista</font></b></h1>
<a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Diverse/Omuleti/shopping_girl.png" alt="" width="100" height="100"></a></td><td style="text-align: center;border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; vertical-align: top; "><h1><b><font size="2" style="font-size: 10pt; color: rgb(255, 0, 0);" face="'Arial Black'">Instrumente muzicale</font></b></h1><h1>
<a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Diverse/Omuleti/music_girl.png" alt="" width="100" height="100"></a></h1></td><td style="text-align: center;border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; vertical-align: top; "><h1><font size="2" style="font-size: 10pt; color: rgb(255, 0, 0);" face="'Arial Black'">Timp liber, Hobiuri</font></h1>
<a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Diverse/Omuleti/lunchbreak_girl.png" alt="" width="100" height="100"></a></td></tr><tr><td style="text-align: center;border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; vertical-align: top; "><h1><font size="2" style="font-size: 10pt; color: rgb(255, 0, 0);" face="'Arial Black'">Internet - Navigare</font></h1>
<a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Diverse/Omuleti/surfing_girl.png" alt="" width="100" height="100"></a></td><td style="text-align: center;border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; vertical-align: top; "><h1><font size="2" style="font-size: 10pt; color: rgb(255, 0, 0);" face="'Arial Black'">Facem cunoștințe noi</font></h1>
<a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Diverse/Omuleti/love.png" alt="" width="100" height="100"></a></td><td style="text-align: center;border-top-color: black; border-right-color: black; border-bottom-color: black; border-left-color: black; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-image: initial; vertical-align: top; "><h1><font size="2" style="font-size: 10pt; color: rgb(255, 0, 0);" face="'Arial Black'">Curs valutar - Prețuri</font></h1>
<a href="/"><img src="http://fierbinte.ucoz.ro/Forum/Iconite/Diverse/Omuleti/rightback_girl.png" alt="" width="100" height="100"></a></td></tr></tbody></table><h1 style="text-align: center;"><font size="3" style="font-size: 12pt; "><div style="border-top-color: rgb(255, 0, 0); border-right-color: rgb(255, 0, 0); border-bottom-color: rgb(255, 0, 0); border-left-color: rgb(255, 0, 0); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-image: initial; ">
<div style="border-top-color: rgb(255, 0, 0); border-right-color: rgb(255, 0, 0); border-bottom-color: rgb(255, 0, 0); border-left-color: rgb(255, 0, 0); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-image: initial; "><div style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; "><div style="border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; border-width: initial; border-color: initial; border-image: initial; "><a href="/">↓ Ultimile anunțuri adăugate azi ↓</a></div></div></div></div></font></h1>

Rezultatul:

Apasă pentru a mări imaginea

Admin

Data: Joi, 2012-11-15, 7:42 PM | Mesaj # 3

Total mesaje: 89

Vezi premiile: 4

Code

<table class="calendar" align="center" width="550" border="1">
<tr>
<td align="center" bgcolor="#A52A2A"><b>Numele</b></td>
<td align="center" bgcolor="#8B008B"> <b>Profesia</b> </td>
<td align="center" bgcolor="#2F4F4F"><b>Naționalitatea</b></td>
<td align="center" bgcolor="#DAA520"><b>Funcția</b></td>
</tr>
<tr>
<td><a href="/" target="_parent" title="Presedinte Asociatia Dominou">DRAGHICI ANI</a></td>
<td><a href="/" target="_parent" title="Prefesor Grup Scolar Traian Vuia Craiova">Profesor</a></td>
<td><font color="#00008B">Română</font></td>
<td><a href="/" target="_parent" title="Presedinte Asociatia Dominou">PRESEDINTE</a></td>
</tr>
<tr>
<td><a href="/" target="_parent" title="Vicepresedinte Asociatia Dominou">STOINEAC MARIANA</a></td>
<td><font color="#4B0082">Inginer</font></td>
<td><font color="#00008B">Română</font></td>
<td><a href="/" target="_parent" title="Vicepresedinte Asociatia Dominou">VICEPRESEDINTE</a></td>
</tr>
<tr>
<td><a href="/" target="_parent" title="Vicepresedinte Asociatia Dominou">CALINESCU MADALINA</a></td>
<td><font color="#228B22">Profesor</font></td>
<td><font color="#00008B">Română</font></td>
<td><a href="/" target="_parent" title="Vicepresedinte Asociatia Dominou">VICEPRESEDINTE</a></td>
</tr>
<tr>
<td><a href="/" target="_parent" title="Consilier Asociatia Dominou">POPESCU ANDUSA CRISTINA</a></td>
<td><a href="/" target="_parent" title="Prefesor inginer Grup Scolar Traian Vuia Craiova">Inginer</a> </td>
<td><font color="#00008B">Română</font></td>
<td><a href="/" target="_parent" title="Consilier Asociatia Dominou">CONSILIER</a></td>
</tr>
<tr>
<td><a href="/" target="_parent" title="Consilier Asociatia Dominou">NASTASE ALEXANDRINA MARIA</a></td>
<td><font color="#228B22">Profesor</font></td>
<td><font color="#00008B">Română</font></td>
<td><a href="/" target="_parent" title="Consilier Asociatia Dominou">CONSILIER</a></td>
</tr>
<tr>
<td><a href="/" target="_parent" title="Secretar Asociatia Dominou">GIURGIULESCU RALUCA</a></td>
<td><font color="#228B22">Profesor</font></td>
<td><font color="#00008B">Română</font></td>
<td><a href="/" target="_parent" title="Secretar Asociatia Dominou">SECRETAR</a></td>
</tr>
</table>

<style>
.calendar {
margin-top : 30px;
border-top : 10px solid silver;
border-bottom : 10px solid #696969;
border-left : 10px solid silver;
border-right : 10px solid #696969;
background-color : #ffffff;
font-family : Helevetica, Arial, sans-serif;
color : #336666;
font-style : normal;
text-align : center;
}

.calendar a {
color : #336666;
}

.calendar a:hover {
color : #336666;
text-decoration : none;
}
</style>

Rezultatul:

În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.

Admin

Data: Sâmbătă, 2012-11-17, 8:30 PM | Mesaj # 4

Total mesaje: 89

Vezi premiile: 4

Instalare: Panoul de Control - Design - Administrarea design-ului (CSS) - adăugați stilurile:

Code

/* Tabel pentru fitbaliști */
.bordered {font-size:10pt;border: solid #ccc 1px;-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px; *border-collapse: collapse; /* Для IE7 и старше */border-spacing: 0;width: 100%; }
.bordered tr:hover {background: #eeeeee;text-shadow: 0px 1px 0px #fff; cursor: pointer;-o-transition: all 0.1s ease-in-out;-webkit-transition: all 0.1s ease-in-out;-moz-transition: all 0.1s ease-in-out;-ms-transition: all 0.1s ease-in-out;transition: all 0.1s ease-in-out; }
.bordered td, .bordered th {border-left: 1px solid #ccc;border-top: 1px solid #ccc;padding: 5px;text-align: left;}
.bordered th {background-color: #14389a;background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dcdcdc));background-image: -webkit-linear-gradient(top, #ffffff, #dcdcdc);background-image: -moz-linear-gradient(top, #ffffff, #dcdcdc);background-image: -ms-linear-gradient(top, #ffffff, #dcdcdc);background-image: -o-linear-gradient(top, #ffffff, #dcdcdc);background-image: linear-gradient(top, #ffffff, #dcdcdc);-webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset; box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; border-top: none;text-shadow: 0 1px 0 rgba(255,255,255,.5);}
.bordered td:first-child, .bordered th:first-child {border-left: none;}
.bordered th:first-child {-moz-border-radius: 6px 0 0 0;-webkit-border-radius: 6px 0 0 0;border-radius: 6px 0 0 0;}
.bordered th:last-child {-moz-border-radius: 0 6px 0 0;-webkit-border-radius: 0 6px 0 0;border-radius: 0 6px 0 0;}
.bordered tr:last-child td:first-child {-moz-border-radius: 0 0 0 6px;-webkit-border-radius: 0 0 0 6px;border-radius: 0 0 0 6px;}
.bordered tr:last-child td:last-child {-moz-border-radius: 0 0 6px 0;-webkit-border-radius: 0 0 6px 0;border-radius: 0 0 6px 0;}
/* Tabel pentru fitbaliști */

iar unde va fi tabelul:

Code

<table class="bordered"><tbody>
  </tbody><thead><tr><th>Nr</th><th>Echipa</th><th>V</th><th>M</th></tr></thead>
<tbody><tr><td>1</td><td>CFR Cluj</td><td>11</td><td>21</td></tr>
<tr><td>2</td><td>Rapid Bucureşti</td><td>9</td><td>21</td></tr>
<tr><td>3</td><td>Dinamo Bucureşti</td><td>9</td><td>21</td></tr>
<tr><td>4</td><td>Viitorul Constanţa</td><td>7</td><td>17</td></tr>
<tr><td>5</td><td>Oţelul Galaţi</td><td>6</td><td>16</td></tr>
<tr><td>6</td><td>Gloria Bistriţa</td><td>6</td><td>15</td></tr>
<tr><td>7</td><td>Turnu Severin</td><td>5</td><td>14</td></tr>
<tr><td>8</td><td>Steaua Bucureşti</td><td>5</td><td>14</td></tr>
<tr><td>9</td><td>Dacia Chișinău</td><td>5</td><td>13</td></tr>
<tr><td>10</td><td>Universitatea Cluj</td><td>4</td><td>13</td></tr>
<tr><td>11</td><td>CSMS Iaşi</td><td>4</td><td>11</td></tr>
<tr><td>12</td><td>Concordia Chiajna</td><td>4</td><td>10</td></tr>
<tr><td>13</td><td>FC Braşov</td><td>3</td><td>9</td></tr>
<tr><td>14</td><td>Pandurii Târgu Jiu</td><td>2</td><td>9</td></tr>
<tr><td>15</td><td>Gaz Metan Mediaş</td><td>9</td><td>2</td></tr>
</tbody></table>

Rezultatul:

În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.

Admin

Data: Joi, 2013-01-03, 9:02 PM | Mesaj # 5

Total mesaje: 89

Vezi premiile: 4

<table border="0" cellspacing="0" cellpadding="0" class="clasament">
  <tr class="clasamentHeader">
  <td>Data</td>
  <td>Ziua</td>
  <td>Teren</td>
  <td>Ora</td>
  <td>Echipa</td>
  <td>Scor</td>
  <td>Scor</td>
  <td>Echipa</td>
  </tr>

  <tr>
  <td>03.12.12</td>
  <td>Luni</td>
  <td>Liceul Terapia</td>
  <td>20:00</td>
  <td nowrap="nowrap">Emerson</td>
  <td>4</td>
  <td>2</td>
  <td nowrap="nowrap"><a href="viewEchipa.aspx?id=2054992322">SoftVision</a></td>
  </tr>

  <tr>
  <td>19.11.12</td>
  <td>Luni</td>
  <td>Liceul Terapia</td>
  <td>20:00</td>
  <td nowrap="nowrap">Emerson</td>
  <td>7</td>
  <td>2</td>
  <td nowrap="nowrap"><a href="viewEchipa.aspx?id=1101590976">Secpral</a></td>
  </tr>

  <tr>
  <td>05.11.12</td>
  <td>Luni</td>
  <td>Liceul Terapia</td>
  <td>20:00</td>
  <td nowrap="nowrap">Emerson</td>
  <td>5</td>
  <td>7</td>
  <td nowrap="nowrap"><a href="viewEchipa.aspx?id=1289061609">Arobs Transilvania</a></td>
  </tr>

  <tr>
  <td>22.10.12</td>
  <td>Luni</td>
  <td>Liceul Terapia</td>
  <td>20:00</td>
  <td nowrap="nowrap">Emerson</td>
  <td>2</td>
  <td>0</td>
  <td nowrap="nowrap"><a href="viewEchipa.aspx?id=819876861">Neverfail</a></td>
  </tr>

  <tr>
  <td>08.10.12</td>
  <td>Luni</td>
  <td>Liceul Terapia</td>
  <td>20:00</td>
  <td nowrap="nowrap">Emerson</td>
  <td>14</td>
  <td>2</td>
  <td nowrap="nowrap"><a href="viewEchipa.aspx?id=1272528371">Diferit</a></td>
  </tr>

  <tr>
  <td>24.09.12</td>
  <td>Luni</td>
  <td>Liceul Terapia</td>
  <td>20:00</td>
  <td nowrap="nowrap">Emerson</td>
  <td>2</td>
  <td>1</td>
  <td nowrap="nowrap"><a href="viewEchipa.aspx?id=1330526422">ACI Cluj</a></td>
  </tr>

  <tr>
  <td>03.09.12</td>
  <td>Luni</td>
  <td>Liceul Terapia</td>
  <td>20:00</td>
  <td nowrap="nowrap">Emerson</td>
  <td>6</td>
  <td>3</td>
  <td nowrap="nowrap"><a href="viewEchipa.aspx?id=1659215042">Electrogrup</a></td>
  </tr>

  </table>

<style>.clasament{
  border-collapse:collapse;
}
.clasament td{
  text-align:center;
  padding:4px 2px;
  border:dotted silver 1px;
  min-width:30px;
}</style>

Rezultatul:

În dictatură, cineva te foloseşte cum vrea el. În democraţie, ai dreptul să-l alegi pe cel care o să te folosească aşa cum vrea.

Scripturi și teme pentru ucoz » Scripturi şi şabloane » Coduri simple » Tabele | Chenare | Table

Pagina 1 din 1