"Space" između slika u "custom HTML" modulu

Autor Superman, 04. Rujan 2013, 02:16

0 Članovi i 4 Gosti pregledava ovu temu.

bruno-d

zakomplicirat ces si zivot ..ako nastaviom u tom smjeru  ;) :pivo:
skrenut cemo s teme. Prouci css na webu.

evo za kraj..
odi u svoj modul

otvori u editoru htm source
iskopiraj ovo

<table class="table">
<tbody>
<tr>
<td>lorem ispum </td>
<td>lorem ispum</td>
<td>lorem ispum</td>
<td>lorem ispum</td>
<td>lorem ispum</td>
</tr>
<tr>
<td>nesto </td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
</tr>
<tr>
<td>nesto </td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
<td>nesto</td>
</tr>
</tbody>
</table>

kasnije se poigraj..



PSD -> Joomla

Dario

#16
Tablice su za prikaz tabličnih podataka, a ne za izradu layouta....

Kod tvoj trenutne stranice koju ja vidim će radit ovo:
stavi u css slijedeći kod..... i nauči css :)

#gkBottom1 .custom img {
    display: block;
    float: left;
}

Ovo bi ti trebalo raditi, ali ne kužim čemu brejkovi <br> između slika ako ih hoćeš dobiti jednu do druge...
Ako se nećeš moći (zbog editora ili bogtepitaj čega) riješiti tih brejkova, onda stavi i ovaj css

#gkBottom1 .custom img+br {
    display: none;
}
---
Molim da mi ne šaljete privatne poruke sa zahtjevima za pomoć, takve poruke ignoriram - zato služi forum :)
2b || !2b; this.question();
http://www.dblaze.eu

bruno-d

Citat: DarioORION] link=topic=4442.msg15376#msg15376 date=1378459065]
Tablice su za prikaz tabličnih podataka, a ne za izradu layouta....
Ok. Covjek radi na svoj način.
Pošto još nije skroz doma u izradi layouta, treba ga uputiti da krane od nekuda.
Naravno da može u div-u sve ljepo posložiti. Sama struktura koju on radi izgleda kao jedna
fina tablica. Pa zašto nebi koristio tak nešto.

PSD -> Joomla

Onebeat

Cek ti radis tablicu gdje ce bit lista mac itd - jesam li ja dobro shvatio?

Čemu se zezas sa time kada imas npr bootstrap table prikaz gdje mozes sve postavit bez problema ...
Truth will set you free

Superman

Hvala #Dario. Sada probam tvoj kod. I da, MORAM naučiti bolje .css :D Hvala još jednom.

#Onebeat, pa radim to zato što ne mogu dobiti izgled kakav hoću pomoću tablice. Jedino da u .css ubacim novu dimenziju fonta, tako da bude manji, jer ga u trenutnom .css-u nema, pa onda ne znam, da stavim pozadinsku sliku sa ostalim stvarima koje se ne mogu staviti unutar teme, odnosno putem samog admin panela i editora i onda na tu sliku (ako je moguće napraviti tablicu.

btw. radio sam tablicu za nešto drugo, ali je užas (pomoću tinyJCE editora). Čekaj, bootstrap je neka ekstenzija za tablice ili nešto unutar editora?

Onebeat

Citat: Superman  u 06. Rujan 2013, 14:10
btw. radio sam tablicu za nešto drugo, ali je užas (pomoću tinyJCE editora). Čekaj, bootstrap je neka ekstenzija za tablice ili nešto unutar editora?

Bootstrap je frontend framework proizasao iz twittera tj napravio se prvo za twitter pa se prosirio - ono sto on ima je mogucnost pravljena tablica u jako jednostavnom stilu i bez puno muke...

Istraži malo...
Truth will set you free

Superman

Citat: DarioORION] link=topic=4442.msg15376#msg15376 date=1378459065]
Tablice su za prikaz tabličnih podataka, a ne za izradu layouta....

Kod tvoj trenutne stranice koju ja vidim će radit ovo:
stavi u css slijedeći kod..... i nauči css :)

#gkBottom1 .custom img {
    display: block;
    float: left;
}

Ovo bi ti trebalo raditi, ali ne kužim čemu brejkovi <br> između slika ako ih hoćeš dobiti jednu do druge...
Ako se nećeš moći (zbog editora ili bogtepitaj čega) riješiti tih brejkova, onda stavi i ovaj css

#gkBottom1 .custom img+br {
    display: none;
}


Ovo radi. SVAKA ČAST! Jednostavno, ali opet: treba znati :D
U biti <br> više nema (sada sam to implementiorao u jednu drugu stranicu), pa je kod čist, samo "<img src=" kodovi.

Sada upravo proučavam bootstrap i čini mi se odličan. Sada ću ga instalirati u Joomlu i poigrati se s njim dok mi je još stranica offline.

HVALA VAM PUUNO! Ekipa ste za 10. Naravno da sada ostajem ovdje! ;)

Hvala!!

Onebeat

Citat: Superman  u 06. Rujan 2013, 15:36
Sada upravo proučavam bootstrap i čini mi se odličan. Sada ću ga instalirati u Joomlu i poigrati se s njim dok mi je još stranica offline.

HVALA VAM PUUNO! Ekipa ste za 10. Naravno da sada ostajem ovdje! ;)

Hvala!!

To se NE MOŽE instalirat u joomlu vec se ubaci js u head i css u head od joomla templatea...
Truth will set you free

Superman

Ja sam pronašao componentu, ali sada sam skužio da je to za lakše baratanje bootstrap pluginovima: http://extensions.joomla.org/extensions/style-a-design/templating/21856

Malo proučim, moram si uzeti malo vremena da prvo pročitam što i kako, a onda dalje u implementaciju site-a.

;) :pivo:

Dario

---
Molim da mi ne šaljete privatne poruke sa zahtjevima za pomoć, takve poruke ignoriram - zato služi forum :)
2b || !2b; this.question();
http://www.dblaze.eu

Onebeat

Citat: DarioORION] link=topic=4442.msg15393#msg15393 date=1378476408]
No hard feelings, ali ti bi prvo trebao proučit i naučit html i css :)

Potpisujem  8)

Što se tiče joomle to je samo rijesenje za jednostavnu intergraciju bootstrap u joomlu - kao sto sam rekao ista stvar se postize ručno....
Truth will set you free