Wklejanie zdjęć do komentarzy w niusach portalu
: niedziela, 21 listopada 2010, 19:40
Przeglądając niusy na portalu zauważyłem, że coraz odważniej wszyscy próbują wstawiać tam miniaturki do komentarzy - podobnie jak w postach na forum 
W najprostszym rozwiązaniu wystarczy wstawić "kod Zygmunta" opisany tutaj: http://www.forum.nagrzyby.pl/viewtopic" onclick="window.open(this.href);return false;. ... 62&start=0 , używany na forum i gotowe. Nie wszystkie jednak znaczniki BBCode zaczerpnięte z forum działają prawidłowo. Na przykład znacznik centrowania nie działa i wywala się jawnie w treści komentarza. Postanowiłem, że znajdę na to rozwiązanie, i doprowadzę do tego, że obrazek w komentarzu jednak się wycentruje
Parę testów w niusie Sensi i już z grubsza wiem o co chodzi...
...Sensi mam nadzieję, że się nie pogniewasz za te moje testy w Twoim niusie
Otóż żeby wstawić do komentarza miniaturkę z adresem do pełnego obrazka posłużyłem się edytorem niusów
Taki oto kod trzeba wkleić do komentarza, żeby zadziałało:
Aby było wyraźniej, to jeszcze w inny sposób to przedstawię:
<p style="text-align: center;"><a href="adres_dużego_obrazka" target="_blank"><img src="adres_miniatury" alt="Widoczek" width="120" height="120" /></a></p>
Jak widać, nieznacznie
różni się to od prostego [url=][url]
Trochę to zawiłe, bo jest to kod HTML, a nie BBcode, ale da się go zrozumieć. Powyższy kod dotyczy jednego obrazka (miniatury). Jak się dobrze przyjrzeć, to widać analogię pomiędzy obydwoma językami programowania:
całość składa się z dwóch głównych znaczników:
- paragraf, czyli <p>...<p/>
- obrazek z linkiem (albo linką jak kto woli) do dużego obrazu, czyli <a href=...>...</a> czyli odpowiednik url=... na forum
a tu szczegóły co jest czym:
style="text-align: center;" oznacza właśnie centrowanie, czyli jest odpowiednikiem center na forum,
target="_blank" oznacza że duży obrazek ma się otworzyć w nowym oknie przeglądarki - na forum opcja ta jest domyślna, więc nic nie trzeba kombinować
<img src="..." /> to znacznik wstawiający miniaturę
alt="..." to zastępczy opis (tekst alternatywny), pojawiający się w sytuacji, gdy z jakichś powodów obrazek się nie wyświetli
width="120" height="120" - można się domyślić - są to docelowe rozmiary w pikselach wyświetlanego obrazka (miniatury) - te dwa parametry potrafią sprawić, że miniatura wyświetli się w zadanym rozmiarze nawet wtedy, gdy oryginalny obrazek miniatury jest większy Normalnie nie ruszamy tych parametrów, żeby coś nie sknocić 
Pewnie nieźle namąciłem Wam w głowach...
Cały ten kod wygenerowałem w edytorze niusa, zwyczajnie ręcznie używając ikonek edytora, a na koniec wciskając ikonkę"HTML", co powoduje wyświetlenie kodu źródłowego, który tu zamieściłem. Można więc używać edytora niusów, można też użyć powyższego kodu wklejając adresy zdjęć.
Próbowałem też tym HTML-owym sposobem wstawić więcej niż jedną miniaturę do komentarza, ale wyświetliły się kaskadowo w pionie, zamiast w poziomie. Dalszych prób zaprzestałem, żeby nie śmiecić na portalu. Może kiedyś, gdy pozyskam większy dostęp (np. do edycji i usuwania własnych komentarzy), to rozpracuję temat bardziej szczegółowo
A może ktoś za bardzo się nudzi w jesienne wieczory i powalczy z tymi kodowymi robalami...
Ciekaw jestem jak to wszystko będzie działać w nowej odsłonie portalu. Może nie będzie trzeba walczyć z HTML-em i wszystko będzie działać jak w postach na forum... a może są jeszcze inne sposoby, których nie znam...
W każdym razie na pewno przydałaby się na portalu dostępna na stałe możliwość sprawdzenia komentarza przed wysłaniem (taki mały edytorek z podglądem, jak na forum).
W najprostszym rozwiązaniu wystarczy wstawić "kod Zygmunta" opisany tutaj: http://www.forum.nagrzyby.pl/viewtopic" onclick="window.open(this.href);return false;. ... 62&start=0 , używany na forum i gotowe. Nie wszystkie jednak znaczniki BBCode zaczerpnięte z forum działają prawidłowo. Na przykład znacznik centrowania Kod: Zaznacz cały
[center]treść[/center]Parę testów w niusie Sensi i już z grubsza wiem o co chodzi...
...Sensi mam nadzieję, że się nie pogniewasz za te moje testy w Twoim niusie
Otóż żeby wstawić do komentarza miniaturkę z adresem do pełnego obrazka posłużyłem się edytorem niusów
Taki oto kod trzeba wkleić do komentarza, żeby zadziałało:
Kod: Zaznacz cały
<p style="text-align: center;"><a href="adres_dużego_obrazka" target="_blank"><img src="adres_miniatury" alt="Widoczek" width="120" height="120" /></a></p>
<p style="text-align: center;"><a href="adres_dużego_obrazka" target="_blank"><img src="adres_miniatury" alt="Widoczek" width="120" height="120" /></a></p>
Jak widać, nieznacznie
różni się to od prostego [url=][url]Trochę to zawiłe, bo jest to kod HTML, a nie BBcode, ale da się go zrozumieć. Powyższy kod dotyczy jednego obrazka (miniatury). Jak się dobrze przyjrzeć, to widać analogię pomiędzy obydwoma językami programowania:
całość składa się z dwóch głównych znaczników:
- paragraf, czyli <p>...<p/>
- obrazek z linkiem (albo linką jak kto woli) do dużego obrazu, czyli <a href=...>...</a> czyli odpowiednik url=... na forum
a tu szczegóły co jest czym:
style="text-align: center;" oznacza właśnie centrowanie, czyli jest odpowiednikiem center na forum,
target="_blank" oznacza że duży obrazek ma się otworzyć w nowym oknie przeglądarki - na forum opcja ta jest domyślna, więc nic nie trzeba kombinować
<img src="..." /> to znacznik wstawiający miniaturę
alt="..." to zastępczy opis (tekst alternatywny), pojawiający się w sytuacji, gdy z jakichś powodów obrazek się nie wyświetli
width="120" height="120" - można się domyślić - są to docelowe rozmiary w pikselach wyświetlanego obrazka (miniatury) - te dwa parametry potrafią sprawić, że miniatura wyświetli się w zadanym rozmiarze nawet wtedy, gdy oryginalny obrazek miniatury jest większy
Normalnie nie ruszamy tych parametrów, żeby coś nie sknocić Pewnie nieźle namąciłem Wam w głowach...
Cały ten kod wygenerowałem w edytorze niusa, zwyczajnie ręcznie używając ikonek edytora, a na koniec wciskając ikonkę"HTML", co powoduje wyświetlenie kodu źródłowego, który tu zamieściłem. Można więc używać edytora niusów, można też użyć powyższego kodu wklejając adresy zdjęć.
Próbowałem też tym HTML-owym sposobem wstawić więcej niż jedną miniaturę do komentarza, ale wyświetliły się kaskadowo w pionie, zamiast w poziomie. Dalszych prób zaprzestałem, żeby nie śmiecić na portalu. Może kiedyś, gdy pozyskam większy dostęp
(np. do edycji i usuwania własnych komentarzy), to rozpracuję temat bardziej szczegółowo A może ktoś za bardzo się nudzi w jesienne wieczory i powalczy z tymi kodowymi robalami...
Ciekaw jestem jak to wszystko będzie działać w nowej odsłonie portalu. Może nie będzie trzeba walczyć z HTML-em i wszystko będzie działać jak w postach na forum... a może są jeszcze inne sposoby, których nie znam...
W każdym razie na pewno przydałaby się na portalu dostępna na stałe możliwość sprawdzenia komentarza przed wysłaniem (taki mały edytorek z podglądem, jak na forum).
