Forum PHP.pl > Strona Domowa Thunder.xn.pl (zmiany)

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: Strona Domowa Thunder.xn.pl (zmiany)

11111

11.04.2006, 20:54:51

Mam przyjemnosc zaprosić was na moją prywatną stronę
Narazie działa tylko Strona Główna Kontakt i Forum więc te podstrony możecie oceniać

http://thunder.xn.pl

Aha jak usunąc taki problem
W IE tło shoutbox ma inny kolor niż tło bloku menu

LBO

11.04.2006, 21:01:21

hmmm, po co umiesciles strone we frame?

czy "splash screen" jest konieczny?

layout stronki, jego kompozycja i kolorystyka bardzo dobra

podoba mi sie... (szczegolnie podswietlane linki) ogolnie dosyc zywe to to...

ale kolorystyka forum..

troche za jaskrawe jak dla mnie... na dodatek maszkilka malych elemntow ktore bardzo kontrastuja... razi w oczy

NuLL

11.04.2006, 21:02:16

Czcionki za male i zlewajace sie z tlem. Strona niedokonczona

11111

11.04.2006, 21:02:52

Korzystałem z darmowego skryptu shoutbox'a w którym include nie chce działać

Co do forum to darmowy styl niebawem wykonam własny

spenalzo

11.04.2006, 21:21:24

To ja sobie ocenie funkcjonalność

Na minus:

* Splash screen niepotrzebny dopóki nie zawiera informacji np. o treściach dla dorosłych itd - w innych przypadkach można sobie darować.
* Tło pod niusami prawie nie odróżnia sie od tła strony
* Mała czcionka + mdła kolorystyka, wiec trzeba wytężać wzrok żeby coś przeczytać (szare na szarym

)
* nie podobaja mi sie hovery w menu i linków
* moiżna wysłać pustego mejla, brak jakiegokolwiek sprawdzania
* daj href="#" w linkach zamiast błędu 404

dodatkowo
* forum możesz spokojnie usunąć, zajmuje tylko miejsce w bazie, a i tak nikt nie bedzie pisać na stronie o Tobie na twoim forum... chyba, że to Twój fanklub

* pole "Reklama" ---> kosz, powód jak wyzej
* "Mój button" j.w.

Na plus:

* kolorystyka (pomijajac powyższe uwagi)
* design

Generalnie, jakbym miał wystawić ocene to powiedzmy 4-/5

dr_bonzo

11.04.2006, 21:44:43

- szary tekst na szarym tle
- za mala czcionka w menu poziomym
- w ogole czcionka za mala
- top z logo zbyt puste (bedzie tam cos jeszcze?)

Zajec

11.04.2006, 22:38:09

Wykorzystałeś XHTML, więc zakładam, że jesteś gotowy na krytykę z tym związaną?

1) Komentarze w skrypcie JS: >
2) Tabelkowy szablon (!)
3) Nieistniejące parametry (background="")
4) Menu nie jako lista (<ul> itp.)
5) Dziesiątki (setki?) zbędnych deklaracji klas
6) Polskie krzaczki jako encje. Przecież od tego masz iso-8859-2 lub utf-8
7) Niepoprawna zawartość parametrów alt
8) Używanie znaczników łamania linii do robinia odległości (<br /><br /><br />)
9) Objęcie "komentarzem" <b>całego</b> arkusza stylów

Vogel

11.04.2006, 23:27:03

takie se... w sumie czytelne i zgrabne ale totalnie niczym szczegolnym si enie wyroznia. brak w tym zadziora.

no i te funkcjonalne bledy - shoutbox, forum, miejsce na reklame i tresc stopki (ktora mnie szczerze ubawila

).

no i bledy do poprawki

11111

11.04.2006, 23:39:13

Chodzi ci o prawa autorskie w stopce ?
Wiesz będe tam zamieszczał swoje zdjęcia i grafiki w portfolio więc te prawa są moim zdaniem jak najbardziej na miejscu:d pozatym będą jeszcze artykuły na temat photoshopa tutki itd

Co do Xhtml kodowanie nigdy nie było moją dobrą stroną Popracuje nad tym. ANjpierw musze się dowiedzieć coś więcej o różnicach pomiędzy htmla xhtml

To co mam wstawiac za background? robić styl do css i tam dac tło ?

spenalzo

12.04.2006, 06:07:20

Prawa autorskie obowiazauja niezależnie czy sobie coś napiszesz w stopce czy nie..

Vogel

12.04.2006, 09:14:59

chodzi raczej o formułę zaznaczenia praw autorskich - "kopiowanie materiałów zamieszczonych na stronie będzie surowo karane" brzmi komicznie.
od razu przyopomina mi się ballada Tymańskiego
ukaraaaj mnieee (smyczą, kablem)...
ukaraaaj mnieee (tego pragnę)...
sorry, ale żeby karać trzeba najpierw złapać przestępcę ;D

co do xHTML to po prostu najpierw poczytaj tutoriale i - co ważniejsze - specyfikację XHTML oraz CSS2 bo generalnie wszystko robimy przy pomocy styli.

zerknij w ponizsze linki (szczegolnie w źródła CSS Zen Garden) i sam poszperaj w necie.
http://www.osiolki.net/tabelki
http://www.csszengarden.com
http://www.w3schools.com/

Zajec

12.04.2006, 18:52:05

Cytat(Vogel @ 2006-04-12 09:14:59)

co do xHTML to po prostu najpierw poczytaj tutoriale i - co ważniejsze - specyfikację XHTML oraz CSS2 bo generalnie wszystko robimy przy pomocy styli.

Prawda, prawda, ino "stylów" chciałeś pewnie powiedzieć ;-)

11111

12.04.2006, 22:36:51

Ok jak narazie ukończyłem treść:D
XHTML jest w trakcie oswajania

Zmieniłem pare rzeczy. teraz lepiej?

vieri_pl

14.04.2006, 18:15:05

Jak dla mnie strona wygląda wręcz znakomicie ! Podoba mi się taki styl tworzenia grafiki. Jesteś na prawde świetnym grafikiem. Pozostaje tylko czekać aż strona będzie zgodna ze standardami czyli w XHTML

Na prawde bardzo mi się podoba

Speedy

14.04.2006, 18:31:31

Całkiem niezły projekt - od strony wizualnej podoba mi się

Pozdrawiam.

Zajec

15.04.2006, 00:39:21

OK, kilka instrukcji jak to cudko przerobić na ładny XHTML :-)

1) Dorzuć do katalogu images (http://sancenter.livenet.pl/images/) wykonany przeze mnie plik: http://zajec.net/images/pasek.png

2) W arkuszu stylów (http://sancenter.livenet.pl/styl.css) przed deklarację body dopisz:

Kod

* {
margin: 0;
padding: 0;
}

natomiast pod deklaracją body dodaj

Kod

#container {
background: #d8d5d5 url(/images/pasek.png) repeat-y;
margin: 0 auto;
padding: 0 17px;
width: 716px;
}

#logo {
height: 194px;
background: url(/images/ada_03.png);
}

#listwa {
height: 35px;
background: url(/images/ada_27.png) repeat-x;
list-style-type: none;
}

#listwa li { float: left; margin-left: 25px; }
#listwa a { display: block; height: 35px; }
#listwa a.menu1 { width: 85px; background: url(/images/ada_16.png); }
#listwa a.menu1:hover { background: url(/images/1rol.png); }
#listwa a.menu2 { width: 143px; background: url(/images/ada_18.png); }
#listwa a.menu2:hover { background: url(/images/2rol.png); }
#listwa a.menu3 { width: 98px; background: url(/images/ada_20.png); }
#listwa a.menu3:hover { background: url(/images/3rol.png); }
#listwa a.menu4 { width: 113px; background: url(/images/ada_22.png); }
#listwa a.menu4:hover { background: url(/images/4rol.png); }
#listwa a.menu5 { width: 107px; background: url(/images/ada_24.png); }
#listwa a.menu5:hover { background: url(/images/5rol.png); }

3) Poczekaj do końca weekendu aż wrócę ;-)

P.S.
Po wykonaniu dwóch pierwszych kroków możesz spróbować dodać w pliku szablonowym pod <body> takie coś:

[XML] pobierz, plaintext 
<div id="container">
 
<div id="logo"></div>
 
<ul id="listwa">
<li><a class="menu1" href="/"></a></li>
<li><a class="menu2" href="ja.php"></a></li>
<li><a class="menu3" href="galeria.php"></a></li>
<li><a class="menu4" href="portfolio.php"></a></li>
<li><a class="menu5" href="kontakt.php"></a></li>
</ul>
 
</div>
[XML] pobierz, plaintext

Ale ostrzegam, że nie mam pewności co do działania. Jakby co nie będziesz mógł liczyć na moją dalszą pomoc (tzn. do poniedziałku).

11111

15.04.2006, 00:58:12

Działa elegancko

http://sancenter.livenet.pl/test.php

Dzięki

Zajec

15.04.2006, 08:22:09

W porządku :-) Zawsze do znudzenia powtarzam, że uwielbiam pomagać przy przechodzeniu na XHTML :-)

Myślałem, że nie zdążysz wprowadzić tych zmian tak szybko, ale jeśli Ci się udało, to zaserwuję jeszcze jedną seryjkę :-) Tym razem będzie to tylko przygotowanie arkusza stylów, bez widocznych efektów. Wszystkie zmiany wprowadzasz w pliku http://sancenter.livenet.pl/styl.css

1) W deklaracji #container zamień #d8d5d5 na #e5e0e0 (pomyliłem się wczoraj).

2) Pod deklaracją #container { } dopisz jeszcze taką:

Kod

#container:after {
clear: both;
display: block;
content: "";
}

3) W deklaracji #listwa dopisz linijkę: margin-bottom: 20px;

4) Dopisz gdzieś w wolnym miejscu sekcję odpowiedzialną za wszystkie "okienka" po lewej stronie:

Kod

.left {
margin-top: 10px;
width: 165px;
background: #d9d6d6 url(/images/thunder.xn_58.png) right center no-repeat;
}
.lefta {
height: 13px;
background: url(/images/lefta.png) no-repeat;
}
.leftz {
height: 16px;
background: url(/images/leftz.png) no-repeat;
}

5) Do swojego katalogu images wrzuć dwa przygotowane przeze mnie pliki: http://zajec.net/images/lefta.png http://zajec.net/images/leftz.png

Edited
Właściwie to możesz sobie przetestować, co stworzyłiśmy. Czemu nie :-) Dodaj sobie w swoim test.php takie coś pod menu:

[XML] pobierz, plaintext 
<div class="left"><div class="lefta"></div>
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
<div class="leftz"></div></div>
[XML] pobierz, plaintext

11111

15.04.2006, 15:10:18

Dzięki teraz wygląda tak http://sancenter.livenet.pl/test.php
tyle, że skrypot od stat.pl ma z 30 błędów

Został tylko do zrobienia div na tekst tylko nie wiem jak go tam umieścic

Zajec

25.04.2006, 09:26:24

Wybacz, że tyle musiałeś czekać

1) Dodaj do #stopa takie coś:

Kod

clear: both;

2) Dodaj do arkusza stylów:

Kod

#left {
float: left;
width: 165px;
}
#right {
float: right;
width: 543px;
background: #d9d6d6 url(/images/right.png) repeat-y;
}

Następnie obejmij wszystkie swoje div'y lewostronne w <div id="left"> [tutaj divy] </div>

A przed <div id="stopa"> dodaj:

Kod

<div id="right">
Lorem
<br />
ipsum
</div>

P.S.
Plik do umieszczenia w images: http://zajec.net/images/right.png

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.