piotrekp
Użytkownicy-
Zawartość
10 -
Rejestracja
-
Ostatnio
-
I widzisz, tu wchodzą w grę słowa ,,kompromis" i ,,szukanie rozwiązania" . W takim wypadku możemy przyciąć tytuły (np po stronie aplikacji), chroniąc przy tym szablon przed zbyt długimi tytułami lub zwiększyć wysokość nagłówków lub pozostawić bez zmian, gdyż tak długie nagłówki mogą być rzadko spotykane. To wszystko zależy. Z drugiej strony, ja jeśli bym dostał taki kod jak Twój, to najpierw bym piszczał, a potem kazał oddawać pieniążki ;-) Ale nadal zdjęcia będą miały ograniczone rozmiary, dzięki którym będziesz mógł dostosować wygląd. Zdaję sobie sprawę, że najłatwiej byłoby powiedzieć, że obrazki mają być jakiekolwiek, po czym stawić obrazek 500x500 i oczekiwać pięknego wyglądu. Nie ma tak, wtedy i Twoje tabelki się rozjadą Jak sam zauważyłeś wygląd ,,jak tabelka" jest często pożądany. Więc dlaczego nie stosować tej cechy? Z resztą jest różnica, pomiędzy ,,pakowaniem zawartości do tabelki tak, aby wyglądała jak tabelka", a ,,wstawianiem zawartości do odpowiedniego znacznika i ustawianie jego wyglądu, tak aby wyglądał się jak tabelka". Nie patrz tylko na to co widzisz w przeglądarce, zobacz też na kod, bo ... ... spróbuj teraz zrobić w JS, aby po najechaniu tytułu produktu zmienił tło całej instancja(?) produktu (to co zawiera tytuł, obrazek itp). Spróbuj np wyeksportować z kodu te produkty do excela, wyobrażasz sobie jak wyglądałby taki parser? Masakra co? . A w moim kodzie? Zarówno pierwsze zadanie (jedna linijka w CSS) jak i drugie nie będzie zbyt trudne Oczywiście nie mówię, żebyś to robił, bo szkoda Twojego czasu Proponuję zakopać ,,topór wojenny".
-
Moja propozycja: Wady: nie działa na IE7, natomiast nie rozjeżdża się (teksty/zdjęcia idą do góry); przy dłuższym tytule nie jest zachowana spójność, natomiast nie rozjeżdża się tragicznie. HTML <ul class="list"> <li> <h3 class="wrapper"><a href="#" title="Któtki tytuł">Któtki tytuł</a></h3> <span>21/03/2011</span> <a class="wrapper"> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </a> </li> <li> <h3 class="wrapper"><a href="#" title="Baaaaaaaaaaardzooooo dłuuuuuugi tytuuuuuł">Baaaaaaaaaaardzooooo dłuuuuuugi tytuuuuuł</a></h3> <span>21/03/2011</span> <a class="wrapper"> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </a> </li> <li> <h3 class="wrapper"><a href="#" title="Któtki tytuł">Któtki tytuł</a></h3> <span>21/03/2011</span> <a class="wrapper"> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </a> </li> <li> <h3 class="wrapper"><a href="#" title="Któtki tytuł">Baaaaaaaaaaardzooooo Baaaaaaaaaaardzooooo Baaaaaaaaaaardzooooo dłuuuuuugi tytuuuuuł</a></h3> <span>21/03/2011</span> <a class="wrapper"> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </a> </li> <li> <h3 class="wrapper"><a href="#" title="Któtki tytuł">Któtki tytuł</a></h3> <span>21/03/2011</span> <a class="wrapper"> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </a> </li> <li> <h3 class="wrapper"><a href="#" title="Któtki tytuł">Baaaaaaaaaaardzooooo dłuuuuuugi tytuuuuuł</a></h3> <span>21/03/2011</span> <a class="wrapper"> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </a> </li> </ul> CSS: .list{width:675px;padding:0;font-size:10px;} .list li{width:200px;display:inline-block;background:red;margin:0;padding:5px;min-height:200px;text-align:center;margin:5px;vertical-align:top;zoom:1;*display:inline;} .list li span{display:block;margin:5px 0;} .list li img{margin:0 auto;} .list .wrapper{height:4em;display:table-cell;vertical-align:middle;width:200px;} .list li h3{margin:0;line-height:1.6em;padding:0px;} .list a.wrapper{height:150px;} Projektując wygląd, czy już nawet model obiektu, wiesz jakich elementów się spodziewać. W tym przykładzie mamy jakieś miniaturki zdjęć oraz tytuły. Zapewne miniaturki miałyby maksymalne rozmiary, a tytuł maksymalną długość i według tego można by dostosować tą listę. Ewentualnie sam tytuł można by skrócić dając wielokropek. Natomiast chciałbym teraz zobaczyć Twoją wersję tabelkową. ;-)
-
Gdyż tabele nie powinny być wykorzystywane do układu elementów, oczywiście pomijając kodowanie mailingów (ale to inna kwestia). Do autora tematu. Wywal tabelki. Widzę, że zaczynasz, więc nie ucz się złych nawyków już na początku. Moja propozycja: HTML <ul class="list"> <li> <h3>Nazwa</h3> <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus placerat malesuada ante id malesuada. Phasellus quis dolor sit amet nisi semper euismod eu ut nunc.</span> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </li> <li> <h3>Nazwa</h3> <span>hello</span> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </li> <li> <h3>Nazwa</h3> <span>hello</span> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </li> <li> <h3>Nazwa</h3> <span>hello</span> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </li> <li> <h3>Nazwa</h3> <span>hello</span> <img src="http://kjk-chrom.joi.pl/pics/thumbs/19.png" alt="Produkt 1" /> </li> </ul> CSS: Oczywiście szerokość elementów i inne wymiary odpowiednio ustal samodzielnie .list{width:675px;padding:0;} .list li{width:200px;display:inline-block;background:red;margin:0;padding:5px;min-height:200px;text-align:center;margin:5px;vertical-align:top;zoom:1;*display:inline;} .list li h3{margin:0;} .list li span{display:block;} .list li img{margin:0 auto;} Pozdrawiam.
-
Kolory w putty możesz zmieniać w ustawieniach Window -> Colours.
-
http://www.kreatio.pl to też jest wasze? czy tylko inspiracja?
-
A na pewno dobrze się mu przyjrzałeś? Według tego co wypisałeś to ten slider spełnia wymogi. Posiada funkcję automatycznej zmiany slajdów autoPlay : true, a źródło przykładu pokazuje, że można do niego wrzucić wszystko. Swoją drogą wygląda bardzo fajnie. Dzięki maniack :-)
-
Może Contao http://www.contao.org/ (dawne TYPOlight). Robiłem kilka szablonów pod to, całkiem łatwa sprawa. Choć pierwsza konfiguracja (działy, układ) i ogółem pierwsze spotkanie dość przerażającę - strasznie zagmatwane, ale używałem dawno, może coś się zmieniło. A jakbyś szukał informacji o tym, to chyba lepiej pod frazą ,,TYOlight", nazwę Contao ma chyba od niedawna.
-
Mógłbyś trochę opowiedzieć? Niestety rzadko oglądam telewizję.
-
http://www.debianhelp.co.uk/fstab.htm Opis szóstego pola.
-
Na pebie już ktoś wrzucił. http://peb.pl/3810661-post4.html
-
A propos Stylisha. Zrobiłem u siebie łatkę na szerszą wersję. Z racji tego iż wykorzystuje oryginalne grafiki, to miejscami (szczególnie na belkach) niestety widać powtarzanie. Może się komuś przyda. Demo: http://a.imageshack....alkplglowna.png - Strona główna http://a.imageshack....talkpltemat.png - Temat Domyślnie ustawiłem 98% szerokości, lecz nie więcej niż 1300px, lecz można to zmienić w selektorze #Container. Kod: @namespace url(http://www.w3.org/1999/xhtml); @-moz-document domain("webhostingtalk.pl") { #Container{ width: 98% !important; margin: 0 auto !important; max-width: 1300px; } #search{ background: transparent url(http://www.webhostingtalk.pl/public/style_images/wht31/Menu.png) no-repeat top right !important; } #search form{ background: transparent url(http://www.webhostingtalk.pl/public/style_images/wht31/SearchLabel.png) no-repeat scroll left top !important; height: 43px !important; } #Menu .PortalMenu{ background: transparent url(http://www.webhostingtalk.pl/public/style_images/wht31/Menu.png) no-repeat bottom right !important; height: 32px; position: relative !important; clear: right; float: right; top: -5px !important; right: 0 !important; padding-top: 10px !important; padding-right: 20px !important; } .Content-Left{ width: 84% !important; min-width: 846px; } .Content-Right{ width: 15% !important; min-width: 140px; } .maintitle{ background-repeat: repeat-x !important; } .Box .BoxBottom, .QuickReply .QuickReplyBottom, .SummaryBox .SummaryBoxBottom{ background-repeat: repeat-x !important; } #Footer{ margin: 20px 1% 50px 1% !important; } #BottomMenu{ background-position: 50% top !important; text-align: center !important; } #BottomMenu ul{ margin: 13px auto 0 auto !important; width: 760px !important; } }
-
Odrobina stylisha i jest super :-) Jakby ktoś potrzebował (usunięcie kolumny z rankingiem i wyświetlenie dymków): .LastPost-Meta{ display: block !important; top: -60px !important; } .HomeContent .RightCol { display: none !important; } .HomeContent .LeftCol { width: 830px !important; }
-
Skórka bardzo bardzo ładna. Choć może faktycznie, tak jak mówią poprzednicy trochę za wąska. Szczególnie boli na stronie głównej. Mi osobiście również przeszkadza to, że na stronie głównej przy każdym z for nie ma wypisanego, w jakim temacie i z jaką godziną napisano ostatniego posta. Moje przeglądanie forum wyglądało tak, że zaglądając tu kilka razy dziennie, przelatywałem je od góry do dołu, patrząc właśnie w tamto miejsce, jeśli godzina ostatniego posta mogła się mieścić w czasie od ostatniej wizyty, to wchodziłem w ten temat. Jak dla mnie, mogłoby nie być tego rankingu użytkowników i najnowszych tematów, w zamian właśnie za datę ostatniego posta. No ale trudno, postaram się zmienić nawyki. Również szkoda, że nie pocieliście szablonu (głównie tych niebieskich belek i menu) w sposób ,,kuloodporny", czyli tak, aby mogły rozciągać się w nieskończoność poziomo. Tak to ciężko zadziałać stylishem i rozciągnąć W każdym razie fajnie, że zmieniacie i powodzenia w dalszych działaniach
-
Wget też to powinien potrafić. Np dla RMF FM: wget http://87.98.223.167:8002/ --output-document=rmffm.mp3 Nie wiem na ile to niezawodne rozwiązanie, ale chyba od biedy może być. Do tego w cronie uruchomienie komendy oraz killowanie i może coś z tego będzie. Pozdrawiam.