Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> [ www ] design oraz cięcie, anonse erotyczne
kacper_
post
Post #1





Grupa: Zarejestrowani
Postów: 5
Pomógł: 1
Dołączył: 25.02.2009

Ostrzeżenie: (0%)
-----


Witam, proszę o ocenę projektu graficznego oraz kodu serwisu z anonsami erotycznymi:

anonse erotyczne

Wszelkie uwagi mile widziane (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował kacper_ 25.02.2009, 19:14:37
Go to the top of the page
+Quote Post
Moli
post
Post #2





Grupa: Zarejestrowani
Postów: 662
Pomógł: 45
Dołączył: 26.03.2007
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Kod
                        <h3>monia83</h3>
                        <h4>poznań</h4>

                        <h5>skomentowane przez</h5>
                        <h3>dlugi21</h3>
                        <h4>wrocław</h4>

Kod
<h1><img src="img/headers/reklama.jpg" alt="" /></h1>


Chyba nie rozumiesz o co chodzi w naglówkach (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dużo masz obrazków typ:
Kod
<img src="img/leftColumn/header/left.jpg" alt="" />

Nie dało tego w css wsadzić ?
Go to the top of the page
+Quote Post
bigZbig
post
Post #3





Grupa: Zarejestrowani
Postów: 740
Pomógł: 15
Dołączył: 23.08.2004
Skąd: Poznań

Ostrzeżenie: (0%)
-----


Na pierwszy rzut ok mi się podoba. Jest estetyczny, nie wulgarny, czytelny. Jedną rzecz bym zmienił. Zrobił bym przejście gradientem z fioletu do beżu.
Go to the top of the page
+Quote Post
kacper_
post
Post #4





Grupa: Zarejestrowani
Postów: 5
Pomógł: 1
Dołączył: 25.02.2009

Ostrzeżenie: (0%)
-----


Cytat(Moli @ 25.02.2009, 19:27:25 ) *
Kod
<h1><img src="img/headers/reklama.jpg" alt="" /></h1>


Chyba nie rozumiesz o co chodzi w naglówkach (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)

Dużo masz obrazków typ:
Kod
<img src="img/leftColumn/header/left.jpg" alt="" />

Nie dało tego w css wsadzić ?


Co do tego nagłówka to w tym divie znajdują się dwa obrazki, zamiast stylować po klasach lepszy pomysłem wydawało mi się stylować po znacznikach w sposób 


Kod
.leftColumHeader h1 img { ... }


zamiast

Kod
.lefColumnHeader .headerImg { ... }


nie lubię używac klas jeśli można to obejść, a tu wydawało mi się to dobrym pomysłem, oczywiście zamiast h1 mogłem dać div, nie byłoby wtedy szumu pewnie (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Co do obrazków, to po co ładować w css w puste divy? skoro znacznik <img> służy do obraków, to go tak stosuje, źle? Wiem, że mogłem ten obrazek dać jako tło dla tego diva a drugi wtedy z drugiego zniknąłby problem z <h1> (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) cenna uwaga. Problemem było wtedy nadanie kilku klas bo te gwiazdki przy nagłówkach mają różne kolory, ale chyba to lepsze nawet się wydaje

Ten post edytował kacper_ 25.02.2009, 19:42:58
Go to the top of the page
+Quote Post
Marr
post
Post #5





Grupa: Zarejestrowani
Postów: 103
Pomógł: 1
Dołączył: 19.08.2008
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


menu główne ma tło korzystające z pseudoklasy hover, a w niej podmieniasz tlo na inne - bez sensu, poniewaz na wolniejszych laczach, zamulonym internecie lub nawet na normalnym przez chwile widac kolor tla bez tego obrazka - użyj lepiej obrazka składającego się z dwóch i przesuwaj położenie tła w nim - unikniesz w ten sposób przeładowania grafiki - zamiast tego przesunie się (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
kacper_
post
Post #6





Grupa: Zarejestrowani
Postów: 5
Pomógł: 1
Dołączył: 25.02.2009

Ostrzeżenie: (0%)
-----


Fajny trick, nie wpadłbym na to. Dzięki (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg) , już poprawione. Z racji tego, że tło pod menu się powtarza musiałem przesuwać je pionowo. Nie wiem jak w starszych przeglądarkach jest interpretowana ujemna pozycja background. Mam tak:

Kod
background: url( ... ) 0 -69px repeat-x;


Bo z tego co pamiętam starsze IE albo opery nie interpretują ujemnych marginesów, nie wiem jak z pozycjami jest ?
Go to the top of the page
+Quote Post
Marr
post
Post #7





Grupa: Zarejestrowani
Postów: 103
Pomógł: 1
Dołączył: 19.08.2008
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


to nie zaczynaj od ujemnej (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) zacznij od 0 a później przesuń sobie o wysokość przycisku
Go to the top of the page
+Quote Post
kacper_
post
Post #8





Grupa: Zarejestrowani
Postów: 5
Pomógł: 1
Dołączył: 25.02.2009

Ostrzeżenie: (0%)
-----


Zaczynam od 0. Ten kod powyżej jest dla hover.

Kod
#top a {
 display: block;
 float: left;
 background: url( ../img/menu/menuBg.jpg ) repeat-x;
}
#top a:hover {
 background-position: 0 -69px;
}


Nie bardzo wiem jak można obejść ujemny margines
Go to the top of the page
+Quote Post
Marr
post
Post #9





Grupa: Zarejestrowani
Postów: 103
Pomógł: 1
Dołączył: 19.08.2008
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


hmm w sumie tak.... w prawdzie ja tam żadnym specem nie jestem, może ktoś inny wpadnie na coś mądrego ale możesz jeszcze popróbować z np: top lub bottom - ale tak jak mówie, to tylko takie strzały - wg. mnie ujemne marginesy są ok (przynajmniej dla w3c) a jak jest z przeglądarkami to nie powiem - trzeba by było sprawdzić... empirycznie i paradoksalnie (IMG:http://forum.php.pl/style_emoticons/default/biggrin.gif)
Go to the top of the page
+Quote Post
Moli
post
Post #10





Grupa: Zarejestrowani
Postów: 662
Pomógł: 45
Dołączył: 26.03.2007
Skąd: Warszawa

Ostrzeżenie: (0%)
-----


Tło do obrazków po to aby kod html odchudzić, po to jest css. A co do nagłówków, beznadziejnym pomysłem jest robienie ciągle hX czy nawet divów bo nie chce używać Ci się klas.
Go to the top of the page
+Quote Post
nexis
post
Post #11





Grupa: Zarejestrowani
Postów: 1 012
Pomógł: 109
Dołączył: 26.09.2003
Skąd: nexis.pl

Ostrzeżenie: (0%)
-----


Wygląda dobrze na większości przeglądarek
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 15.09.2025 - 16:09