Skocz do zawartości

piotrekp

Użytkownicy
 Wyświetl profil  Zobacz jego aktywność

  • Zawartość

    10

  • Rejestracja

  • Ostatnio

Posty napisane przez piotrekp

  1. Napisano · Raportuj odpowiedź

    Czyli klient tego nie zaakceptuje bo nie jest tak jak miało być (ja bym nie zaakceptował).

     

     

    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 ;-)

     

     

    Zdjęcia zapewne są w jakimś zakresie ale mogą być trochę różne bo raz to są portrety raz pejzaże.

     

     

    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ą :)

     

     

    W swoim rozwiązaniu zastosowałeś to o czym pisał Raffus czyli display:table-cell, czyli nie stosujemy tabelek ale wymuszamy zachowywanie się obiektu jak tabelka.

     

     

    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 ...

     

     

    Proszę http://boski.regdos.com/test/test.html od góry wersja Twoja, na dole wersja moja, trochę zmodyfikowałem żeby pokazać dokładnie z czym jest problem

    - wysokość nagłówków

    - pozycjonowanie i wysokość obrazków

    - wysokość jednego wiersza

     

    ... 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 :D

     

    Oczywiście nie mówię, żebyś to robił, bo szkoda Twojego czasu :)

    Proponuję zakopać ,,topór wojenny". :)

  2. Napisano · Raportuj odpowiedź

    A jak uzyskasz tą metodą poniższy efekt?

     

     

     

     

    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;}

     

    Przy założeniu, że dane są pobierane z bazy danych i nie wiesz ile linii nagłówka będzie i jak wysoki obrazek.

     

    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ą. ;-)

  3. Napisano · Edytowano przez piotrekp (zobacz historię edycji) · Raportuj odpowiedź

    Nie wiem co tak się wszyscy uparliście na wywalanie tabelek w tym wypadku i wrzucaniem div-a, przecież te dane w jakieś sposób są tabelaryczne tylko w części jest tekst a w części obrazki.

     

    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.

  6. Napisano · Raportuj odpowiedź

    maniack dzięki ale takich jest masa i nie jest to o czym pisałem

     

     

    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 :-)

  12. Napisano · Raportuj odpowiedź

    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;
}

}

  14. Napisano · Raportuj odpowiedź

    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ąć :lol:

     

    W każdym razie fajnie, że zmieniacie i powodzenia w dalszych działaniach :)

  16. Napisano · Raportuj odpowiedź

    oste to jak drut :)

    Domyślam się, że przy reboocie się te dane kasują, ale tutaj z ratunkiem przychodzi zapisywanie zużytego transferu co np. 5 minut, zerowanie licznika i dodawanie kolejnych wartości.

     

     

    Spróbuj może pokombinować z poleceniem

    -c licznik-pakietów licznik-bajtów - ustawia liczniki bajtów i pakietów podczas dodawania/modyfikacji reguły.

    ( http://pl.wikibooks....ables#Polecenia )

    Osobiście nigdy nie próbowałem tego ale Twój post mnie zainspirował i również postanowiłem zrobić coś podobnego co Ty ;-) Lecz niestety już nie mam na to już czasu :-(

    Generalnie wymyśliłem to tak, że cronem zapisuje aktualne statystyki do pliku (np co 5 minut), który nazywa się np rok_miesiac. Przy tworzeniu regułek ( podczas autostartu ) sprawdzam czy plik obecnyRok_obecnyMiesiac istnieje i odczytuję statytyki z niego, ustawiając licznik (poleceniem cytowanym wyżej).

    Dodatkowo zadanie do crona które co miesiąc będzie zerowało statystyki.

    Nie wiem czy moja idea jest słuszna i czy ma prawo działać (bo jeszcze nie osiągnąłem celu)(, ale wydaje mi się, że nie ma w nich kruczków. ;-) W każdym razie może jakoś Ci pomoże :-)

     

    Pozdrawiam i jak znajdziesz jakieś ciekawe materiały/rozwiązania dotyczące tego to podaj - sam jestem ciekaw co i jak :)

  18. Napisano · Raportuj odpowiedź

    Odnośnie IAI Shop. W programie Rafała Agnieszczaka ,,Jak to się k...robi" na lookr.tv jest wywiad z szefem IAI S.A., który opowiada o tej usłudze. W wolnej chwili chyba warto obejżeć, gdyż jest nie tylko o IAI ale ogółem o e-handlu (miedzy innymi o innych aplikacjach sklepów internetowych), a sam gość wydaje się całkiem mądrym człowiekiem. Niestety długie - ponad godzinę. ;-)

    Linki do wywiadu:

    Część pierwsza

    Część druga

    Część trzecia

     

     

     

    Pozdrawiam

×