CSS editor?

Moi. Olen yrittänyt etsiä tämän tyylistä CSS editoria:

Vielä jos löytyy sellainen mikä lisää CSS kirjoituksen avulla kuva työhösi niin kun joomla.
esim. "background-image : url(../images/module_h3.gif);"

En ehkä ymmärtänyt ihan oikein..

Jos tarkoitat artikkelia niin Joomlan omalla editorilla voi lisätä kuvia, tai sitten voi käyttää esimerkiksi edistyneempää JCE editoria.

CSS tiedostojen kautta kuvia harvemmin lisätään artikkeleihin, vaan sitä kautta lisätään kuvia sivupohjiin. Toki css:ää käytetään myös artikkelin sisällä olevissa elementeissä tekemään mm. muotoiluja ja tuonkin voi tehdä Joomlan editoreilla.

Joomlan sisältö kuitenkin kannattaa yleensä luoda Joomlassa, eikä muualla, sillä ulkopuolisisa ohjelmistoja käytettäessä esim tiedosto/kuvalinkit täytyy korjata jälkeenpäin, myös kuvat täytyy siirtää Joomlaan erikseen.

jkwebdesign kirjoitti: En ehkä ymmärtänyt ihan oikein..

Jos tarkoitat artikkelia niin Joomlan omalla editorilla voi lisätä kuvia, tai sitten voi käyttää esimerkiksi edistyneempää JCE editoria.

CSS tiedostojen kautta kuvia harvemmin lisätään artikkeleihin, vaan sitä kautta lisätään kuvia sivupohjiin. Toki css:ää käytetään myös artikkelin sisällä olevissa elementeissä tekemään mm. muotoiluja ja tuonkin voi tehdä Joomlan editoreilla.

Joomlan sisältö kuitenkin kannattaa yleensä luoda Joomlassa, eikä muualla, sillä ulkopuolisisa ohjelmistoja käytettäessä esim tiedosto/kuvalinkit täytyy korjata jälkeenpäin, myös kuvat täytyy siirtää Joomlaan erikseen.

Pahoittelen epäselkeyttä. Tarkoitin että CSS editorissa olisi kirjoitus puoli sekä toinen puoli josta näät mitä olet kirjoittanut eli "sivupohja" mitä rakennat samalla kun kirjoitat koodia.

CSS editoria kaipasin sen takia koska oma joomla ei tahdo näyttää saman tien kaikkia muutkosia vaan niitä joutuu odottamaan.

Kyllähän Joomla näyttää muutokset heti, siis jo editorissa. Sivustolla muutosten teko ei välttämättä näy heti, jos sinulla on välimuisti päällä. Välimuistin kanssa saat kaikki muutokset näkyviin heti, kun päivität sivun painamalal ctrl+f5.

Oletko siis muokkaamassa sivupohjaa vai kirjoittamassa artikkelia?

Itse käytän Firefoxin FireBug laajennosta. Sen avulla voi näppärästi nähdä ja muokata sivun koodia (css, html ja js) ja nähdä vaikutukset välittömästi. Sitten, kun pitää siitä mitä näkee vain kopioi CSS koodin sivustolle. Kopioiminen voi olla vaivalloista, jos muutoksia on paljon, mutta koodin ja koodin vaikutuksen näkemiseen yhtäaikaa (mitä halusit?) FireBug on aika hyvä. Koska se on selaimen laajennos, vaikutukset näkyvät juuri sellaisena kuin ne selaimessa näkyvät. On myös ihan kiva, että FireBug näyttää kaikki css-tiedostot mitä selain oikeasti lukee, ja miten ne vaikuttavat toisiinsa.

Firebug on kyllä ehdoton sivupohjien muokkauksessa yms.. ja miksei myös artikkeleiden muokkauksessa jos tarvitse joitain marginaaleja yms säätää.

Yleensä kuitenkin sisältöjen asettelut tehdään jo sivupohjatasolla niin valmiiksi, ettei artikkeleita luodessa tarvitse css:ään koodillisesti kajota, senkun lisäilee sisällöt omille paikoilleen ja voilá. Jos on hankalia asetteluita niin voi käyttää jotain cck:ta tai sitten jce editorin template manageria.