Strona Domowa Thunder.xn.pl (zmiany) Opcje

[11111]

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

Ten post edytował 11111 14.04.2006, 12:57:19

[LBO]

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]

Czcionki za male i zlewajace sie z tlem. Strona niedokonczona

[11111]

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]

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]

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

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]

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

Ten post edytował Vogel 11.04.2006, 23:28:11

[11111]

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]

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

[Vogel]

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/

Ten post edytował Vogel 12.04.2006, 09:19:58

[Zajec]

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]

Ok jak narazie ukończyłem treść:D
XHTML jest w trakcie oswajania
Zmieniłem pare rzeczy. teraz lepiej?

Ten post edytował 11111 14.04.2006, 11:56:59

[vieri_pl]

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]

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

Pozdrawiam.

[Zajec]

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]

Działa elegancko http://sancenter.livenet.pl/test.php

Dzięki

Ten post edytował 11111 15.04.2006, 00:58:31

[Zajec]

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 

Ten post edytował Zajec 15.04.2006, 08:24:38

[11111]

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]

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