jak zrobić boczny opis zdjęcia ?

Tomek55

Avatar: Tomek55

2011-02-06 16:36

Witam

Mam pytanie : jak zrobić aby aby opis zdjęcia był obok a nie pod spodem zdjęcia.
Czyli inaczej : to co dodajemy przy opisie zdjecia w panelu admina pojawiało się na stronie obok danej fotki.
Chcę zrobić galerię z opisami ale tak aby np. fotki były ułożone po lewej stronie i przy każdej fotce był dla niej opis z prawej strony.

Drugie pytanie : jak zmienić czcionkę i jej wielkość przy wyświetlaniu dużych zdjęć w lightboxie, czy można zrobić aby opis danego zdjęcia wyświetłał się np. nad zdjeciem ? lub z boku ?.

Mam wersję v2 ale testuję V3

Pozdrawiam
Tomek

» Quick.Cms v3.x

Tomy M.

Avatar: Tomy M.

2011-02-06 17:17

Ustawień stylów do Lightboxa szukaj w .../templates/plugins.css
Do analizy takich elementów używaj FF + Firebug. Właściwie jest to jedyny rozsądny sposób przy dużych plikach CSS.
Ustawienia wyświetlanego zdjęcia w Lightboxie masz w sekcji w/w pliku CSS dotyczącej "#imageDataContainer"

Tomek55

Avatar: Tomek55

2011-02-06 19:46

Dzięki, dało mi się zienić font, ale nic pozatym. Nie wiem jak zmienić położenie lightboxia względem strony lub zrobić aby opis zdjęcia pojawiał się po prawej jego stronie.
Tak samo walczę z tym aby na stronie przy miniaturce opis zdjęcia był obok a nie pod spodem fotki.

Może wiesz jak to zrobić ?

Pozdrawiam
Tomek

euphoria-art

Avatar: euphoria-art

2011-02-06 20:31

Tomek55, na pewno źle zmodyfikowałeś galerię żeby się wyświetlała w poziomie, w oryginalnej wersji free masz opis obok zdjęcia po prawej stronie, lecz miniaturki w galerii wyświetlają się w jednej pionowej kolumnie. Problemu musisz szukać w źle przerobionej galerii zdjęć.

www.obrazygaleria.pl

Tomek55

Avatar: Tomek55

2011-02-07 09:17

euphoria-art dzieki za info ale nie chodzi mi o ten typowy opis tylko o ten, który dotyczy zdjęcia. Te zwykłe opisy mam OK. Ja potrzebuję aby opis zdjęcia nie wyświetlał się pod zdjęciem a po jego prawej stronie.

Dodając zdjęcie w panelu admina robisz jego opis. Później ten opis wyświetla się pod zdjęciem a ja chciałbym aby się pojawiał po prowej stronie zdjęcia.

Wczoraj walczyłem z tym i wstawiłem takie coś :
<img style="margin-down: 5px; margin-right: 5px" align="left" src="$config[dir_files]$aData[iSizeValue2]/$aData[sFileName]" alt="$aData[sDescription]" /></a>

na stronnę pages_default.tpl ale niestety nie wychodzi dobrze

Pozdrawiam
Tomek

Tomy M.

Avatar: Tomy M.

2011-02-07 23:03

Ja na Twoim miejscu zacząłbym od podania adresu serwisu który tworzysz :-)
... ciężko cokolwiek powiedzieć o Twojej galerii nie widząc jej. Większość osób z tego forum ma mocno przerobione galerie, ja np. nie pamiętam jak to leciało w oryginalnym QUICK bo mam już bardzo mocno zmodyfikowaną galerię, a w dodatku każda kolejna wersje jest zupełnie inna.
Trenuj z plikiem CSS, zwróć uwagę że w oryginalnym QUICK jest sporo styli wspólnych dla różnych elementów (początkowe 20-30 linii) gdy zaczniesz ostro modyfikować jedno okaże się że cały system posypie Ci się gdzie indziej. Staraj się używać raczej PADDING niż MARGIN, bo MARGIN jest zdradliwe (działa na zewnętrzne elementy!).

... i pokaż ten serwis!

boboo

Avatar: boboo

2011-02-08 07:36

Tomy M.
ani margin, ani padding nie jest zdradliwy. To są po prostu dwie rózne właściwości.

http://it-service.kimla.de

Rad

Avatar: Rad

2011-02-08 09:21

Tomek55, opis zdjęcia to klasa
.imagesList li div
i znajduje się w zewnętrznym arkuszu stylów default.css. Myślę że trzeba zadziałać najpierw szerokością
.imagesList li
nadać jej stałą szerokość taką żeby zmieścił się obrazek i opis obok a dopisać do .imagesList li img
i
.imagesList li div
odpowiednio float:left; i float:right;

Tomek55

Avatar: Tomek55

2011-02-08 12:38

Już podaję stronę :

http://www.poland4.com/1/Quick2/

Pozdrawiam
Tomek

Tomek55

Avatar: Tomek55

2011-02-08 14:00

Rad >> mam coś takiego :

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{margin:0 0 10px 0;background:inherit;color:white;font-size:1.0em;text-align:center;}
.imagesList li img{border:2px solid #dcdac9;}
.imagesList li div{text-align:center;}

#imagesList1{float:left;margin:10px 10px 0 0;}
#imagesList2{clear:right;float:right;margin:10px 0 0 10px;}

Czy możesz nanieść tu poprawki, które w/g Ciebie powinny być.

Pozdrawiam
Tomek

Rad

Avatar: Rad

2011-02-08 15:54

Widzę żę jednak coś ci się udało. Patrząc na podstronę Miejsce2 tam to źle wygląda. Zdecydował bym się na jeden rozmiar zdjęć, a tekst opisu wyrównał bym do lewej.

/* IMAGES STYLES */
.imagesList{list-style:none;}
.imagesList li{width:360px;margin:0 0 10px 0;background:inherit;color:white;font-size:1.0em;text-align:center;}
.imagesList li img{width:254px;float:left;border:2px solid #dcdac9;}
.imagesList li div{width:150px;float:right;text-align:left;}

Nie wiem czy zadziała, trzeba potestować

Tomek55

Avatar: Tomek55

2011-02-08 16:08

Coś wyszło >> zobacz , ale to też nie do końca.
Ten zwykły opis strony, musiiałby być pod wszystkimi zdjęciami lub nad.

Może coś wymyślisz, i tak już jest nieźle, przyjamniej coś się udało zrobić.

Pozdrawiam
Tomek

Rad

Avatar: Rad

2011-02-08 16:44

Chodzi ci o ten opis:

Polska

Sed imperdiet placerat quam. Pellentesque ut ipsum. Nulla elementum, nisl in pellentesque condimentum, ligula nisi nonummy augue, sit amet ornare tellus libero sed risus....

żeby był pod zdjęciami lub nad?

Spróbuj tego:
#page div.content{clear:left;font:1.08em tahoma;line-height: 180%;color:white;}

Rad

Avatar: Rad

2011-02-08 16:47

Albo poprostu daj:
.imagesList{width: 100%;list-style:none;}

Tomek55

Avatar: Tomek55

2011-02-08 20:14

Hej Rad
Bingo ! belissima ! wery gut :) file danks :)

Jest OK, zmieniłem jeszcze trochę ustawienia i jest GIT !!!

/* IMAGES STYLES */
.imagesList{width: 100%;list-style:none;}
.imagesList li{width:795px;margin:0 0 10px 0;background:inherit;color:white;font-size:1.0em;text-align:center;}
.imagesList li img{width:254px;float:left;border:2px solid #dcdac9;}
.imagesList li div{width:520px;float:right;text-align:left;}

Mam teraz tak i efekty jak widać :)

Bardzo Ci dziękuję

Pozdrawiam
Tomek

Do góry
o nas | kontakt