StrongholdNet - forum graczy Stronghold
Największe polskie forum o grach z serii Stronghold.

Internet i komputery - Szoł mi jur łebsajt ;D

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 :
:arrow: 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 :D . 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ą... :roll:
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 :P . Niby proste, ale nie mam pomysłu na grafike do menu ;x
Odyn napisał/a:
Ta strona wygląda jak rasowy, profesjonalny CMS

Chciałbym żeby to był CMS :D 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ł :P .

Teraz... kod :D .

Nie będę czepiał się pierdół, jednak znalazłem parę perełek:
:arrow: <font size="1pt">
:arrow: align="left"
:arrow: onmouseover="this.src = 'obrazki/cs2.png'" onmouseout="this.src = 'obrazki/cs.png'"
:arrow: <center>
:arrow: target="_blank"

Poza tym z ważniejszych rzeczy:
:arrow: poziome menu też zrób na liście
:arrow: pionowe proponuję na <dl>, żeby nie robić <li class="beztla">
:arrow: 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
:arrow: border="0" też wywal

Już nie będę się czepiał pustych i/lub niepotrzebnych div'ów :P

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:
PitaKura napisał/a:
li:hover i a:hover clasy menu . Niby proste, ale nie mam pomysłu na grafike do menu ;x


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 :D , No i nie czepiajmy się center :P 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

Cytat:
Przecież nie będe robić kolejnych class w css tylko po to żeby wycentrować np. obrazek na 1 podstronie xP


Fakt, bez sensu robić klasę dla jednego obrazka. Jeśli coś jest tylko jedno, lepiej nadać temu czemuś id :P .

Cytat:
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ę ;)


Grafik ze mnie marny, a poza tym stronka ma być prosta (lubię prostotę) :P .

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 :P 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 :P
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 :x .

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

PitaKura napisał/a:
Odyn, może i zrobiłeś to w blokach, ale ja teraz czuję na tym menu efekt lagu :P
Faktycznie, dało się odczuć mały lag :P 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ę ;)

PitaKura napisał/a:
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ś ? :)
Logo wygląda tak, a nie inaczej z prostego powodu - nie mam pomysłu jak je zmienić :P

PitaKura napisał/a:
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 :x
Ja tak tego nie odbieram, ale masz w tym trochę racji. Dużo osób lub takie obrazki i powinienem je wprowadzić...

PitaKura napisał/a:
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 ;)
O spolszczonej wersji nigdy nie słyszałem. Jednak użycie oryginału w jego standardowej formie jest banalnie proste ;)
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:
Kod:
<script type="text/javascript" src="js/prototype.js"></script>
<script type="text/javascript" src="js/scriptaculous.js?load=effects,builder"></script>
<script type="text/javascript" src="js/lightbox.js"></script>
<link rel="stylesheet" href="css/lightbox.css" type="text/css" media="screen" />

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.

Cytat:
No i jeszcze raz wrócę do strony odyna, ja widziałem ostatnio niezły burdel w galeri shc xDDD
Jaki burdel? Może akurat trafiłeś wtedy, jak dodawałem nowe screeny... Od dawna wszystko jest tam w porządku.

Powered by phpBB modified by Przemo © 2003 phpBB Group