Tutorials-OWN
Bun venit pe Tutorials-OWN . In aceasta comunitate puteti gasi diverse tutoriale pentru diferite programe folositoare.Va invit sa va inregistrati pentru forma o comunitate cat mai mare cu ajutorul dumneavoastra. Multumesc !

Personalizarea tabelelor in BB Code si HTML [Toate Versiunile]

Vezi subiectul anterior Vezi subiectul urmator In jos

Personalizarea tabelelor in BB Code si HTML [Toate Versiunile]

Mesaj Scris de Winsome la data de Dum Mai 29, 2011 2:04 am

Salut dragi vizitatori sau membri. Astazi va voi arata cateva ponturi despre cum poti sa creezi un tabel simplu sau unul personalizat. In acest tutorial va voi prezenta o gama de coduri BB si HTML la crearea si personalizarea acestora. Deci, 2 variante posibile: HTML - ajuta pentru cei ce folosesc PunBB si PhpBB2 iar BB - te ajuta sa-ti creezi un tabel care sa-l poti folosi si in cadrul unui mesaj sau unui subiect.

Incepem cu ce e mai simplu, de la 0.

1. Defineste tagul "table":
BB Code:
Cod:

[table]Text![/table]
HTML:
Cod:

<table>Text!</table>
Explicatie:

Introduce un tablou.

2. Defineste tagul "tr":
BB Code:
Cod:

[tr]Text![/tr]
HTML:
Cod:

<tr>Text!</tr>
Explicatie:

Introduce un rand.

3. Defineste tagul "td":
BB Code:
Cod:

[td]Text![/td]
HTML:
Cod:

<td>Text!</td>
Explicatie:

Introduce o celula.

Explicatie unor taguri BB:
cellspacing - indica spatiul dintre celule: (1 - cu bordura ; 2 - fara):
1.
Cod:

[table cellspacing=30 border=1px]
[tr][td]Text1![/td][td]Text2![/td][/tr]
[/table]
2.
Cod:

[table cellspacing=30]
[tr][td]Text1![/td][td]Text2![/td][/tr]
[/table]

style - indica stilul tabelului (border, table-layout, width, background:url('URL')
Cod:

[table style="border: 1px solid #EEE; table-layout:fixed; width: 100%;"]
[tr][td]Text1![/td][td]Text2![/td][/tr]
[/table]

width, height - indica latimea si lungimea:
Cod:

[table border=1px][tr][td width=70%]Text1![/td][td width=200px]Text2![/td][/tr][/table]


border - indica bordura (chenarul): Doua variante (1 - cu bordura ; 2 - fara):
1.
Cod:

[table border=0px][tr][td]Text1![/td][td]Text2![/td][/tr][/table]
2.
Cod:

[table border=5px][tr][td]Text1![/td][td]Text2![/td][/tr][/table]

Explicatia tagurilor HTML nu are sens. Doar in loc de [ si ] se schimba < si >. Si la HTML sunt mai multe taguri, dar sunt si mai complicate pentru incepatori.

Nota: La BB Code nu este obligatoriu " si " , dar la HTML - obligatoriu!
Exemplu:
Cod:

<table border="5px"><tr><td>Text1!</td><td>Text2!</td></tr></table>

Cu dvs a fost Winsome, o zi buna.


Dansez de unul singur pe strada

Tin in mine tot, durerea mea nu o sa se vada

Dansez cu pozele vechi, incepe sa mi se faca dor

De cum eram cand eram copil atunci credeam ca pot sa zbor

Vad oameni cunoscuti in poze langa mine in decor

Imi amintesc de ei dar imi scapa numele lor

Viata mea are traseu dar nu se stie unde duce

In statie unii coboara altii se pregatesc sa urce

Au plecat iam iertat da pot fi numit tampit

Ca inca mie dor de fata care odata ma mintit.
[Trebuie sa fiti înscris şi conectat pentru a vedea această imagine]


[Trebuie sa fiti inscris si conectat pentru a vedea acest link]Sasha Lopez & Broono - All My People
avatar
Winsome
Administrator
Administrator

<b>Mesaje</b> Mesaje : 134
<b>Data de inscriere</b> Data de inscriere : 20/05/2011
<b>Varsta</b> Varsta : 20
<b>Localizare</b> Localizare : Teleorman
<b>Joburi/Distractii</b> Joburi/Distractii : Play 4 Fun
<b>Stare de spirit</b> Stare de spirit : BuNNNNNNNa
<b>Respectarea Regulamentului</b> Respectarea Regulamentului :

Vezi profilul utilizatorului http://tutorials-own.forumhit.ro/

Sus In jos

Vezi subiectul anterior Vezi subiectul urmator Sus


 
Permisiunile acestui forum:
Nu puteti raspunde la subiectele acestui forum