PitaKura - 26 Styczeń 10, 17:02 Temat postu: Szoł mi jur łebsajt ;D Chciałbym abyście w tym temacie pisali o waszych stronach, kodach, layout'ach itp. rzeczach związanych z ogólnym pojęciem łebmasterki  . Oczywiście możecie oceniać strony, ma to być w miare luźny temat  .
Ja zaczne od mojego dość świeżego projektu :  CSaction - Portal CS
Nie wiele tutaj fajerwerków, miało to być głównie czytelne. Na stronie : system newsów oparty na plikach txt, z logowaniem na sesjach szyfrowanych, komentarze totalna beta, musiałem zmienić e-mail na kod z działania, ponieważ dzieci neostrady ze zmiennym ip nie miały co robić w domu najwyraźniej. No reszta to czysty html choć pewnie siwy nie pozostawi na mnie suchej nitki  . A tak i jeszcze statusy serwerów, zmienione przezemnie w hlss2.. musze dodać do tego biblioteke gd żeby były generowane w obrazku Ale to nie prędko być może w ferie ;]
Marori - 9 Luty 10, 18:52 Bardzo fajna strona ; ). Rzeczywiście wszystko fajnie wyraziście i czytelnie jest. Dużo informacji! Może i ja kiedyś pochwalę się tu swoja stroną... 
Odyn - 9 Luty 10, 19:30 Ta strona wygląda jak rasowy, profesjonalny CMS Dlatego byłem mocno zaskoczony, jak dowiedziałem się, że była robiona od 0. Wszystko wydaje się być tam na swoim miejscu.
Czekam tylko, aż zrobisz porządnie menu, tak, żeby po najechaniu na li podświetlała się ikonka z CT
PitaKura - 9 Luty 10, 20:18 li:hover i a:hover clasy menu  . Niby proste, ale nie mam pomysłu na grafike do menu ;x
Chciałbym żeby to był CMS nie musiałbym dodawać serwerów ręcznie xD
A i plus zrobiłem tą biblioteke GD do statusów ;] Siwy - 10 Luty 10, 14:01 PitaKura - strona jeśli chodzi o wygląd jest naprawdę dobra . Mogę się uczepić jedynie tego, że w topie są dwa obrazki słabo przedzielone. Ogólnie to tego gościa przed kompem bym wywalił .
Teraz... kod .
Nie będę czepiał się pierdół, jednak znalazłem parę perełek: <font size="1pt">
align="left"
onmouseover="this.src = 'obrazki/cs2.png'" onmouseout="this.src = 'obrazki/cs.png'"
<center>
target="_blank"
Poza tym z ważniejszych rzeczy: poziome menu też zrób na liście
pionowe proponuję na <dl>, żeby nie robić <li class="beztla">
te obrazeczki przy każdym linku w menu dać jako tło dla <a>; <a> wyświetlaj w bloku i to jemu nadawaj coś przy :hover
border="0" też wywal
Już nie będę się czepiał pustych i/lub niepotrzebnych div'ów
PS. Moja stronka - http://filipmarkiewicz.yoyo.pl Edit - adres strony ;P PitaKura - 10 Luty 10, 14:22 umc umc, taaak 1/2 rzeczy tyczy się menu Jak napisałem wyżej:
No postaram się kiedyś zrobić, znaczy w najbliższym czasie
co do border="0" w css jest że img nie ma bordera, ale wiadomo to są drobnostki jeżeli chodzi o kod, font size chyba też już ustaliłem w css, oczywiście nie poprawiłem tego w menu , No i nie czepiajmy się center Przecież nie będe robić kolejnych class w css tylko po to żeby wycentrować np. obrazek na 1 podstronie xP
BTW. Co do twojej stronki, to mi na pierwszy rzut oka nie podoba się jedno - brak obrazków, jak wiadomo samym tekstem nie trafisz do odwiedzającego stronę
Siwy - 10 Luty 10, 14:47
Fakt, bez sensu robić klasę dla jednego obrazka. Jeśli coś jest tylko jedno, lepiej nadać temu czemuś id .
Grafik ze mnie marny, a poza tym stronka ma być prosta (lubię prostotę) .
PitaKura - 10 Luty 10, 14:58 Siwy, tu nie chodzi oto czy jesteś grafik, sam też nie jestem super grafikiem eh.. nawet ps'a nie umiem obsługiwać. Wracając do rzeczy to jak piszesz niusa, cytuję "Nowy artykuł i rysunek" - może miniaturka tego rysunku w treści lub na początku ?
Ja też lubię prostotę, dlatego sam kodowałem stronkę żeby nie było jakiś rejestracji , logowań itp. Siwy - 10 Luty 10, 15:36 Ahh, o to Ci chodzi. No akt czasem można by dodać rzeczywiście jakąś miniaturę. Myślałem, że chodzi Ci o elementy layout'u ;P. PitaKura - 10 Luty 10, 17:50 A to tam jakiś layout jest ? Ja tam widzę tylko hr class , te pierwsze litery w nagłówkach h1 h2 itd xD itp. Odyn - 10 Luty 10, 19:17 Siwy, poza dodaniem obrazków, musisz poprawić jeszcze jedną rzecz - dodaj lightbox'a do screenów w portfolio. Otwieranie standardowe obrazków wyszło już z mody... Zerżnę od ciebie sposób wykorzystania znacznika acronym Mam nadzieję, że nie masz nic przeciwko
Siwy - 10 Luty 10, 19:37 Hm, chyba rzeczywiście zacznę tzw. "prace", czyli beznadziejne strony (:P) wyświetlać w lightbox'ie. Ale to może jutro wprowadzę. A jaki to sposób wykorzystania znacznika acronym ? Wykorzystuję go zgodnie z jego przeznaczeniem (tak mi się wydaj przynajmniej) .
Odyn - 10 Luty 10, 20:03 Ja acronym nie używałem wcale, ale właśnie go wprowadziłem. Pisząc o twoim sposobie użycia miałem na myśli zmianę kursora po najechaniu i podkreślenie
Zmieniłem też sposób wyświetlania linków w menu. Teraz są tak jak zalecałeś - jako bloki. Niestety musiałem zmienić przez to animację i strzałeczkę połączyć z gradientowym tłem. No ale dużo łatwiej teraz kliknąć w odnośnik. Skoro wasze strony zostały już nieco skomentowane, to czekam na dalszą krytykę mojego kawałka kodu
PitaKura - 10 Luty 10, 21:49 Odyn, może i zrobiłeś to w blokach, ale ja teraz czuję na tym menu efekt lagu
No i oczywiście przyczepię się... loga ! tak zgadliście ;] No zobacz masz tyle fotek, ale żeby dodać na logo pare z jakimś przyzwoitym efektem albo ramką z przechyleniem to nie pomyślałeś ? No i tak nius bez obrazka jest jak film bez dźwięku... obrazek daje odrazu skojarzenie i zachęca czasem do przeczytania treści  .
Teraz wrócę do mojej strony, daj ktoś linka do tego lightboxa, ale spolszczonej wersji no chyba że takiej nie ma. To po angielsku go rozgryze. Pewnie znacznie lepiej będzie wyglądać u mnie galeria CS
A na koniec wrócę do ... tak do Siwego Nie sądzisz że menu wygląda nieco ubogo ? Może owszem kod jest wszystko ładnie, bez błędów itp ale mi brakuje jakiś mini obrazków, efektów itp... tak ubogo to trochę. Ale ogólnie fajna koncepcja stronki
No i jeszcze raz wrócę do strony odyna, ja widziałem ostatnio niezły burdel w galeri shc xDDD Odyn - 11 Luty 10, 12:39
Teraz znowu zmieniłem skrypt, żeby menu nie tańczyło po przejechaniu kursorem po wszystkich pozycjach. Działa świetnie, tylko nadal nie idealnie  Po pierwszym najechaniu na link styl CSS :hover zwycięża nad JS i wszystkie efekty (tło, padding i kolor) pojawiają się nagle. Dopiero za drugim razem JS animuje jak należy. Ale z tym pewnie też sobie kiedyś poradzę
Wchodzisz na stronę http://www.huddletogether.com/projects/lightbox2/ , pobierasz najnowszą wersję, wklejasz foldery css, js i image bezpośrednio na serwer (albo np. do folderu lightbox) a w nagłówku strony wklejasz:
Następnie do każdego zdjęcia, które chcesz otwierać w LB dodajesz w <a> atrybut rel="lightbox" lub rel="lightbox[dowolna_nazwa]" jesli chcesz utworzyć galerię. To wszystko.
|
