Skocz do zawartości
Szukaj w
  • Więcej opcji...
Znajdź wyniki, które...
Szukaj wyników w...
Rafał

Tabelki dla moderatorów i adminów

Rekomendowane odpowiedzi

Wygląd tabelki:
<section><ol class="ipsList_reset cForumList"><li class="cForumRow ipsBox ipsSpacer_bottom"><ol class="ipsDataList ipsDataList_large ipsDataList_zebra ipsAreaBackground_reset"><li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix">1 [img]http://upload.spacecms.eu/server/php/files/evilwithin.png[/img]</li><li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix">2 [img]http://upload.spacecms.eu/server/php/files/leesin.jpg[/img]</li><li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix">3 [img]http://upload.spacecms.eu/server/php/files/elo.png[/img]</li><li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix">4 [img]http://upload.spacecms.eu/server/php/files/signaturehellboy.png[/img]</li><li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix">5 [img]http://upload.spacecms.eu/server/php/files/wiedzmin3%20%281%29.png[/img]</li><li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix">6 [img]https://grafinity.pl/upload/pliki/kobe_56378b7083d35.png[/img]</li></ol></li></ol></section>Jak działa:
W edytorze tekstu mamy coś takiego jak Źródło dokumentu, klikamy w ten przycisk następnie wklejamy kod html tej tabelki ( kod znajdziecie na samym dole postu).
I odznaczamy Źródło dokumentu czyli wracamy do normalnego trybu i pojawi się nam tabelka
Jeżeli chcemy dodać kolejny rząd np 7 prace znajdujemy kod [code]<li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">1</span> <span style="margin-left:70px;"><img src="http://spacecms.eu/upload/pliki/kobe_56378b7083d35.png" /></span> </li> [/code]  
Ten kod odpowiada za własnie jedną prace jak chcemy dodać kolejną prace kopiujemy ten kod i dodajemy po niżej skopiowany kod powinno to wyglądać tak: [code]<li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">1</span> <span style="margin-left:70px;"><img src="http://spacecms.eu/upload/pliki/kobe_56378b7083d35.png" /></span> </li> <li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">2</span> <span style="margin-left:70px;"><img src="http://spacecms.eu/upload/pliki/kobe_56378b7083d35.png" /></span> </li> [/code] i mamy 2 prace
 
Kod dla osoby zajmującej się pojedynkami i konkursami cyklicznymi: [code]<div style="width:90%"> <section> <ol class="ipsList_reset cForumList"> <li class="cForumRow ipsBox ipsSpacer_bottom"> <ol class="ipsDataList ipsDataList_large ipsDataList_zebra ipsAreaBackground_reset"> <li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">1</span> <span style="margin-left:70px;"><img src="http://upload.spacecms.eu/server/php/files/evilwithin.png" /></span> </li> <li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">2</span> <span style="margin-left:70px;"><img src="http://upload.spacecms.eu/server/php/files/leesin.jpg" /></span> </li> <li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">3</span> <span style="margin-left:70px;"><img src="http://upload.spacecms.eu/server/php/files/elo.png" /></span> </li> <li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">4</span> <span style="margin-left:70px;"><img src="http://upload.spacecms.eu/server/php/files/signaturehellboy.png" /></span> </li> <li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">5</span> <span style="margin-left:70px;"><img src="http://upload.spacecms.eu/server/php/files/wiedzmin3%20%281%29.png" /></span> </li> <li style="padding:20px;border-bottom: 1px solid rgb(245, 245, 245);" class="ipsDataItem ipsDataItem_responsivePhoto ipsClearfix"> <span class="ipsItemStatus ipsItemStatus_large cForumIcon_normal ipsItemStatus_read">6</span> <span style="margin-left:70px;"><img src="http://spacecms.eu/upload/pliki/kobe_56378b7083d35.png" /></span> </li> </ol> </li> </ol> </section> </div>[/code]  
Edytowane przez Gość

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Dobra moderatorzy naucze was korzystać z powyższej tabelki.
W edytorze powinniście mieć taką ikonke ,,Źródło dokumentu"
[img]http://upload.spacecms.eu/pliki/zrodlodokumentu_55d861761dd89.png[/img]
Klikacie i wklejacie kod podany z pierwszego postu. I odznaczacie ,,Źródło dokumentu"
 
W ten sposób korzystacie z html.
W razie pytań jak uzyskać jakiś efekt tabelki piszcie napisze wam kodzik.

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
Potrzebuje kodu, żeby obrazek z tabelki miał określone maksymalne wymiary , i żeby skalowało [img]emoticons/default_smile.png[/img][img]emoticons/default_smile.png[/img] 

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach
w <img
dodaj [code]style="max-width:500px;max-height:500px;"[/code] Przykład: [code]<img style="max-width:500px;max-height:500px;" src="obrazek.png">[/code]  

Udostępnij tę odpowiedź


Odnośnik do odpowiedzi
Udostępnij na innych stronach

×