- Hydepark: Jak dodawać obrazki do tekstów?

Hydepark:

strona

Jak dodawać obrazki do tekstów?

Jedną z rzeczy, które budzą  wątpliwości, jest kwestia dodawania ilustracji do opowiadań. Dlatego opublikowałem tekst o nazwie Przykład użycia obrazków, gdzie prezentowałem sposób, w jaki ustawiłem edytor. Po czym beryl kazał go usunąć, więc go nie zobaczycie. :P

 

Pousuwałem z edytora wszystkie zbędne pola, zostawiając to, które nas interesuje, czyli "nazwa klasy css". W tym polu można wpisać następujące wartości: l, p, s, m, d.

 

Wpisanie l wyrównuje obrazek do lewej.

Wpisanie p wyrównuje obrazek do prawej.

Wpisanie s wyśrodkowuje obrazek.

Wpisanie m ustawia mały format obrazka.

Wpisanie d ustawia duży format obrazka.

 

Efekt środkowania obrazka na razie będzie niewidoczny w edytorze, za to jest widoczny w tekście, co widać na przykładzie.

 

Literki m i d są przydatne, jeśli chcemy obrazek równać do któregoś boku. Wówczas obrazki zmieniają wysokość do ustalonej przeze mnie, samemu dostosowując odpowiednio szerokość. Te rozmiary zagwarantują, że całość będzie ładnie wyglądać.  Literka d jest dobra dla obrazków o pionowej orientacji, które nie będą dzięki niemu zbyt niskie. Z kolei literka m dla obrazków o orientacji poziomej, które dzięki temu nie będą zbyt szerokie.

 

Jeśli stosujemy dwie literki, np. "l m", to trzeba je oddzielić spacją. Kolejność nie ma znaczenia.

 

Kolejne obrazki w przykładowym opowiadaniu mają następujące ustawienia. 

1 – s

2 – l m

3 – p d

 

Jeśli macie pytania lub problemy dotyczące obrazków, to tutaj będziemy starali się je rozwiązać.

Komentarze

obserwuj

Podobne ustawienia działają w hydeparku i pewnie w komentarzach, ale tych ostatnich nie testowałem.

Lecą smoki pod obłoki, wiatr im kręci smocze loki

Podbijam, bo ważne. Później przeniosę to do poradnika.

Lecą smoki pod obłoki, wiatr im kręci smocze loki

To ja poproszę o dokładniejszą instrukcję, bo na podstawie tej nic mi nie wychodzi.

Po kolei, co robię:

– edytuję tekst,

– klikam na ikonkę z obrazkiem. Pojawia się okienko "Image properties";

– zakładka "Upload", klikam na "przeglądaj", wybieram plik, klikam na "send it to the Server". Pojawia się tekst w polu "Aders URL" na zakładce "Image info";

– zakładka "Zaawansowane", pole "Nazwa klasy CSS", wpisuję "s", bo chcę obrazek na środku;

– pozostałych rzeczy grzecznie "nie ruszam, nie są mi potrzebne";

– klikam "OK". Dostaję kreseczkę w tekście. Pionową, na wysokość jednej linijki.

Co robię nie tak?

Babska logika rządzi!

Let mi czek.

Lecą smoki pod obłoki, wiatr im kręci smocze loki

Naprawione, mój błąd, kierowało obrazek na betę.

Lecą smoki pod obłoki, wiatr im kręci smocze loki

No! Teraz miodzio. Dzięki. :-)

Babska logika rządzi!

Jaką wielkość i rozdzielczość powinien mieć plik przeznaczony na awatar? Nie mogę odnaleźć takiej informacji (a chyba była).

Wygląda na to, ze standardowa szerokość to 80 px, a wysokość chyba jest luźniej zdefiniowana ;P

Adamie, absolutnie dowolne, strona zmniejszy avatar za Ciebie.

Lecą smoki pod obłoki, wiatr im kręci smocze loki

brajcie, może tak screenshotami zilustruj opis, jako autor wąta, tfu, wątku?

"Świryb" (Bailout) | "Fisholof." (Cień Burzy) | "Wiesz, jesteś jak brud i zarazki dla malucha... niby syf, ale jak dzieciaka uodparnia... :D" (Emelkali)

Przerobiłem plugin obrazków tak, aby zostało w nim tylko to, z czego będziemy korzystać.

Lecą smoki pod obłoki, wiatr im kręci smocze loki

Nowa Fantastyka