Nie jesteś zalogowany.
Jeśli nie posiadasz konta, zarejestruj je już teraz! Pozwoli Ci ono w pełni korzystać z naszego serwisu. Spamerom dziękujemy!

Ogłoszenie

Prosimy o pomoc dla małej Julki — przekaż 1% podatku na Fundacji Dzieciom zdazyć z Pomocą.
Więcej informacji na dug.net.pl/pomagamy/.

#1  2011-10-23 10:17:29

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Strona w budowie

znowu was chce troche pomeczyc
jako ze buduje sobie strone w html i css, chcialbym usluszec jakies slowa krytki (konstruktywnej oczywiscie)
licze na jakies sugestje i poprawe bledow.

tutaj link
http://pinkflood.uphero.com/

tutaj kod .css

Kod:

body 
  {
  #padding: 2;
  #margin: 2;
  background: url(images/background.gif) 50% 50% no-repeat;
  background-position: center;
  #display: table;
  background-attachment: fixed;
  }
div 
  {
  border: 1px solid black;
  padding: 06px;
  #width: 1250px;
  }
  navigation 
  {
  float: left;
  max-width: inherit;
  }
  content 
  {
  float: centre;
  max-width: inherit;
  }
  footer 
  {
  float: center;
  max-width: inherit;
  #clear: both;
  }
ul  
  {
  list-style-type:none;
  margin:0;
  padding:2;
  padding-top:2px;
  padding-bottom:2px;
  }
li 
  {
  display:inline;
  }
a:link,a:visited  
  {
  font-weight:bold;
  background-color:#323232;
  text-align:left;
  padding:5px;
  text-decoration:none;
  text-transform:uppercase;
  color: white; text-shadow: black 0.2em 0.2em 0.2em;
  border-radius: .5em; box-shadow: 0 4px 2px rgba(0,0,0,.3);
  }
a:hover,a:active  
  {
  background-color:#a40022;
  #background-color:#000000;
  position: relative;  
  top: 1px;
  }
h1  
  {
  margin:30px 40px;
  color: black;
  font: bold "Arial";
  position: relative;
  text-align: left;
  text-shadow: 0.1em 0.1em 0.05em white;
  #text-shadow: 0 1px 0 #fff, 0 -1px 0 #000;
  #text-shadow: 0.1em 0.1em 0.2em #ea24cc;
  }  
h2    
  {
  margin:30px 40px;  
  #color: white;
  color: black; 
  #text-shadow: white 0.1em 0.1em 0.2em;
  font-weight: bold;
  }
p    
  {
  color: black; text-shadow: white 0.1em 0.1em 0.2em;
  font-weight: bold;
  }  
div    
  {
  font-weight: bold;
  text-align: left;
  font-family:verdana;
  }
div.transbox
  {
  width: auto;
  height: auto;
  margin:30px 50px;
  background-color:#ffffff;
  border:1px solid black;
  opacity:0.7;
  filter:alpha(opacity=60); /* For IE8 and earlier */
  }
div.transbox p
  {
  margin:20px 40px;
  font-weight:bold;
  color:#000000;
  }
#div.transbox img
  {
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
  }
#img
#  {
#  opacity:0.7;
#  filter:alpha(opacity=40); /* For IE8 and earlier */
#  }
img:hover
  {
  opacity:1.0;
  filter:alpha(opacity=100); /* For IE8 and earlier */
  }

#zdjecia
#{
#div.img {
#  margin: 2px;
#  border: 1px solid #0000ff;
#  height: auto;
#  width: auto;
#  float: left;
#  text-align: center;
#}    
#div.img img
#{
#  display: inline;
#  margin: 6px;
#  border: 4px solid #ffffff;
#}
#div.img a:hover img {border: 1px solid #0000ff;}
#div.desc
#{
#  text-align: center;
#  font-weight: normal;
#  width: 120px;
#  margin: 2px;
#}

na pierwszy front: to zdjecia, mam je w polprzezroczystosci bo cale okno "transbox" jest tak ustawione a chcalbym ze by po najechaniu kursorem pokazywaly sie w pelni?????.


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#2  2011-10-23 10:30:29

  radziojedi - Gambini

radziojedi
Gambini
Skąd: Śrem
Zarejestrowany: 2008-08-08

Re: Strona w budowie

Ogólnie, to fajny motyw, ale to, co rzuciło mi się w oczy, to przeskalowane zdjęcia, które lepiej zmniejszyć i wtedy wrzucić na serwer.
Tak jakby mały brak spójności pomiędzy stroną główną i podstronami (widać, że tapeta się rusza:)), ale to szczegół.

Ostatnio edytowany przez radziojedi (2011-10-23 10:32:10)


"Given enough eyeballs, all bugs are shallow"
Eric Raymond, The Cathedral and the Bazaar: Musings on Linux and Open Source by an Accidental Revolutionary

Offline

 

#3  2011-10-23 10:47:24

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

to mruganie minie wpienia, ale chcialbym miec ten efekt przezroczystosci,
macie jakis pomysl na ten hover tylko nad zdjeciami?????


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#4  2011-10-23 10:51:27

  ArnVaker - Kapelusznik

ArnVaker
Kapelusznik
Skąd: Midgard
Zarejestrowany: 2009-05-06

Re: Strona w budowie

Nie wiem czy to podchodzi pod krytykę, ale mnie przekierowuje na www.000webhost.com/admin-review. ;)

Offline

 

#5  2011-10-23 11:01:23

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

no wlasnie zauwazylem admini robia reviev strony bedzie dostepna za jakis czas.
SORRY.


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#6  2011-10-23 20:47:31

  thalcave - prawie jak admin

thalcave
prawie jak admin
Skąd: odległa galaktyka
Zarejestrowany: 2007-05-17

Re: Strona w budowie

Stronka już działa... logo troche się rozjeżdza przy mniejszym oknie przeglądarki...


linux register user: 484281
"It's great to be here. It's great to be anywhere"
Keith Richards

Offline

 

#7  2011-10-23 20:52:32

  BiExi - matka przelozona

BiExi
matka przelozona
Skąd: Gorlice
Zarejestrowany: 2004-04-16
Serwis

Re: Strona w budowie

To tło  w body jest tragiczne wizualnie i chyba plik jest dość duży

Offline

 

#8  2011-10-23 21:44:26

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

a co zrobic z tym bannerem co sie rozkracza raz w jedna raz w druga strone???
mozecie zasugerowac jakies konkretne wielkosci (grafik) i najlepsze formaty plikow, to ma byc prosta i szybka strona.
bez zbednych wodotryskow, ale z charakterem.


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#9  2011-10-23 22:02:19

  kamikaze - Administrator

kamikaze
Administrator
Zarejestrowany: 2004-04-16

Re: Strona w budowie

Możesz wyciąć środek bannera, który jest kolorowy. Po bokach możesz dać elementy z czarnym tłem o zmiennej szerokości. Będzie dobrze się zachowywać przy rozszerzaniu okna. Ale mimo wszystko trzeba by ustawić minimalną szerokość na elemencie zawierającym banner i czarne dodatki po bokach żeby banner nie wychodził.

Offline

 

#10  2011-10-23 22:04:48

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

a dla czego tlo jest tragiczne, to jest zdjecie mojej cory wypraszam sobie!;-)


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#11  2011-10-23 23:11:06

  Huk - Smoleńsk BULWA!

Huk
Smoleńsk BULWA!
Zarejestrowany: 2006-11-08

Re: Strona w budowie

Dodam że stronka po powiększeniu jej w operze chodzi tragicznie wolno czytaj scroling jest bardzo powolny i zasobożerny - obciąża na full jedno jajco mojego C2D!! W Iceweasel jest jeszcze gorzej... to samo na Konquerorze - nie wiem czemu tak ale wypadało by to naprawić.

Offline

 

#12  2011-10-24 03:46:12

  Jacekalex - Podobno człowiek...;)

Jacekalex
Podobno człowiek...;)
Skąd: /dev/random
Zarejestrowany: 2008-01-07

Re: Strona w budowie

Huk napisał(-a):

Dodam że stronka po powiększeniu jej w operze chodzi tragicznie wolno czytaj scroling jest bardzo powolny i zasobożerny - obciąża na full jedno jajco mojego C2D!! W Iceweasel jest jeszcze gorzej... to samo na Konquerorze - nie wiem czemu tak ale wypadało by to naprawić.

A ja na FF nie mam żadnych kłopotów ze stroną, duży plus za to, że działa pomimo noscripta, browser-protect, i kilku innych kfiatków. :xD
W Operze również wszystko ok.

Też mam C2D, także moim zdaniem spostrzeżenia Huka, nie są regułą, tylko wyjątkiem.
Albo jakimś stricte "Debianowym" folklorem.

Pozdro
;-)

Ostatnio edytowany przez Jacekalex (2011-10-24 04:01:40)


W demokracji każdy naród ma taką władzę, na jaką zasługuje ;)
Si vis pacem  para bellum  ;)       |       Pozdrawiam :)

Offline

 

#13  2011-10-24 10:00:27

  pasqdnik - Pijak ;-P

pasqdnik
Pijak ;-P
Skąd: Wrocław
Zarejestrowany: 2006-03-06

Re: Strona w budowie

Ja ekspertem od tworzenia stron nie jestem (vide mój podpis ;-) ), ale tło jest "za ciężkie" i nie bardzo współgra z resztą strony. Poza tym nic się nie rozjeżdża i działa w miarę płynnie.


Dum spiro - spero ...
pozdrawiam, pasqdnik

Offline

 

#14  2011-10-24 10:57:04

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

wiec te grafiki (zdjecia) sa za duze???


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#15  2011-10-24 11:15:34

  kamikaze - Administrator

kamikaze
Administrator
Zarejestrowany: 2004-04-16

Re: Strona w budowie

background.gif ma 632.2 kb przydałoby się go odchudzić, jakaś kompresja. Sam obrazek ściąga się u mnie 3,71 s. Spowalnia to znacznie ładowanie strony. Doinstaluj firebuga do przeglądarki i sam sprawdź jak to się przedstawia. Dla porównania strona główna onet.pl zajmuje 395 kb ze wszystkimi obrazkami.

Ostatnio edytowany przez kamikaze (2011-10-24 11:17:17)

Offline

 

#16  2011-10-24 11:49:02

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

jest pare poprawek.
i galerie powinny dzialac

tylko nie wiem dlaczego link do tweelijners nie dziala

http://www.tweelijners.com/tom/tomskitesite-en/Home.html

Ostatnio edytowany przez pink (2011-10-24 11:51:37)


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#17  2011-10-24 12:07:42

  kamikaze - Administrator

kamikaze
Administrator
Zarejestrowany: 2004-04-16

Re: Strona w budowie

Przez / na końcu urla.

Offline

 

#18  2011-10-24 12:48:19

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

i dalej nie dziala nie dziala.

juz dziala, dzieki.

jeszcze cos????.

Ostatnio edytowany przez pink (2011-10-24 14:03:15)


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#19  2011-10-24 13:06:30

  kamikaze - Administrator

kamikaze
Administrator
Zarejestrowany: 2004-04-16

Re: Strona w budowie

U mnie zaczeło działać, link do http://www.tweelijners.com/tom/tomskitesite-en/Plan.html, nie widzę nigdzie linku do Home.html.

Offline

 

#20  2011-10-24 20:02:54

  hello_world - Członek DUG

hello_world
Członek DUG
Skąd: Rymanów Zdrój
Zarejestrowany: 2010-06-03
Serwis

Re: Strona w budowie

@pink
Masz zapchaną witrynkę wielkością tych zdjęć(a na pewno background1.jpg), widać to przy wejściu na stronkę.
Kiedyś słyszałem taką opinię od speców od dostepności, że główna strona nie powinna być cięższa niż 60-70KB.
Zamiast całego obrazku potnij go na mniejsze.
W gimpie jest fajna opcja że możesz odchudzić obrazek na potzreby www (gdzieś w narzędziach albo filtrach)

Ja bym też zastoswał tlo dzieci dla ogolnego pojemnika a nie dla body zobacz co się dzieje przy Ctrl+- tlo body Ci sie rozjeżdza
Czyli opakowałbym wszystkie divy jednym nadrzędnym.

Ostatnio edytowany przez hello_world (2011-10-24 21:36:34)

Offline

 

#21  2011-10-24 20:49:21

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

no wlasnie tu sie motam bo nie rozumiem tej kaskadowosci css mozesz jakis kodzik zapodac i druga sprawa na duzym ekranie zamiast na srodku to mam wszystko po lewo, tylko tlo zostaje na srodku - jak to poprawic.

moze ktos sproboje sie troche pobawic tym kodem u gory?? prosze.


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#22  2011-10-24 21:35:25

  hello_world - Członek DUG

hello_world
Członek DUG
Skąd: Rymanów Zdrój
Zarejestrowany: 2010-06-03
Serwis

Re: Strona w budowie

Aby opakować jednym divem wszystkie inne definiujesz sobie taki kontener:

Kod:

<html>
<body>
<div id = "contener_calosci">
    <div id = "contener_header">
        Jakies znaczniki
    </div>
    <div id = "kontener_central">
      Jakieś znaczniki
    </div>
   <div id = "contener_footer">
     Jakies znaczniki...
   <div>
</div>
</body>
</html>

A teraz css

Kod:

/*definiujesz sobie*/ 
body {margin:0;padding:0;font-family:Verdana,Helvetica,Sans;}
/*Teraz sobie zdefinuj najważniejsze znaczniki, które mają przybierać domyślne wartośći(tzn takie jakie chcesz)*/
h1,h2,h3,h4 {...;}
p{...;}
a {...;}

/* Teraz aby wszystko miec na środku*/
#kontener_calosc {margin:0px auto;} /*W przypadku IE<=7 musisz jeszcze dodać font-align:center; */

/*Reszta jak Ci się podoba */

Generalnie polecam mojego guru w dziedzinie css
http://meyerweb.com/eric/css/edge
http://meyerweb.com

Naprawdę przedstawia css bardzo profesjonalnie

Ostatnio edytowany przez hello_world (2011-10-24 21:44:36)

Offline

 

#23  2011-10-24 21:55:39

  pink - Użytkownik

pink
Użytkownik
Skąd: P17PY93
Zarejestrowany: 2005-09-16

Re: Strona w budowie

o wlasnie, o taka pomoc mi chodzi THnX

to sie troche pobawie teraz.


T430 think-box 4.9-custom x86_64 Intel(R) Core(TM) i5-3230M CPU @ 2.60GHz GenuineIntel GNU/Linux
"Doktor plama i maharadża są pod złotym leszczem." "Człowieka od zwierzęcia odróżnia ciekawość świata. Patrze słucham i wyciągam wnioski."
https://www.behance.net/przemyslawmamon

Offline

 

#24  2011-10-24 23:28:12

  Minio - Użyszkodnik

Minio
Użyszkodnik
Skąd: Poznań, Polska
Zarejestrowany: 2007-12-22
Serwis

Re: Strona w budowie

hello_world napisał(-a):

Kiedyś słyszałem taką opinię od speców od dostepności, że główna strona nie powinna być cięższa niż 60-70KB.

Kiedyś uważano, że cała witryna (z obrazkami, zewnętrznymi stylami etc.) nie powinna zajmować więcej niż 50kB.

Przy czym należy pamiętać, że łącza są coraz szybsze, a i ograniczenie ilości transferu (np. miesięcznie) powoli staje się tylko złym wspomnieniem, dotyczącym jedynie urządzeń przenośnych.

Z drugiej strony, urządzenia przenośne mają coraz wyższe rozdzielczości i coraz lepiej dopracowane silniki przeglądarek — taka Opera Mini wyświetla większość stron właściwie identycznie jak jej siostra na „zwyczajne” komputery.

Z pewnością warto dbać o to, żeby strona zajmowała jak najmniej miejsca na dysku twardym serwera (i jej przesyłanie do klienta trwało jak najkrócej), jednak przyjmowanie jakichkolwiek ścisłych ograniczeń mija się z celem. Należy zachować zdrowy rozsądek i zastanowić się, ile strona faktycznie musi zajmować.

Offline

 

#25  2011-10-25 09:43:32

  Van - Użytkownik

Van
Użytkownik
Zarejestrowany: 2011-09-02

Re: Strona w budowie

http://ranking.pl/pl/rankings/screen-resolutions.html

Przypominam, że rozdzielczości ekranu o szerokości 1024 pikseli i mniejsze wciąż stanowią te 20% w naszym kraju. Mógłbyś to uwzględnić.

Offline

 

Stopka forum

Powered by PunBB
© Copyright 2002–2005 Rickard Andersson
Nas ludzie lubią po prostu, a nie klikając w przyciski ;-)