Okrągły layout
Kiedyś wpadłem na pomysł by stworzyć stronę która nie jest zamknięta w prostokątnych pudełkach, które mają najwyżej zaokrąglone rogi. Wczoraj jakoś mi się zebrało i stworzyłem pseudo-layout, który nie tylko jest okrągły, ale też jego menu obraca sie dookoła strony. Demo znajduje się tutaj
Całość się opiera na JavaScript. Zresztą jest to mój pierwszy skrypt który służy czemuś więcej niż obsłudze Sajaxa. Obsługa jest banalnie prosta. Poniższy kod do sekcji head:
<script type="text/javascript" src="wheel.js"></script>
Następnie potrzebny będzie div o określonym id, np. wheel oraz jeszcze jedna wstawka js:
<script type="text/javascript">
var tleft = Math.round(screen.width/2)-210;
var ttop = Math.round(screen.height/2)-210;
document.getElementById("wheel").style.left = tleft+"px";
document.getElementById("wheel").style.top = ttop+"px";
javascript:wheel.Start("wheel", 260, 210, 210);
</script>
Wewnątrz wheel koniecznie trzeba mieć kilka elementów div – to one będą latały dookoła. Trzeba jeszcze pamiętać o dwóch sprawach: gora i lewo (powyżej) muszą być połową szerokości/wysokości naszego containera (wheel na przykładzie). W stylu css konieczne jest ustawienie position: absolute dla div#wheel oraz div#wheel div.
Nie jest to co prawda użyteczne w takiej formie do prowadzenia prawdziwej strony www (opera – 46% cpu, firefox to samo), potraktowałem to raczej jako ciekawostkę. Może kiedyś, jeśli ktoś by to dopracował, nadawałoby się to do użytku. Na razie opiera się na position:absolute i wielkiej CPU-żerności.
Skrypt można sobie ściągnąć o tutaj – może komuś się przydać. Testowałem tylko na Operze i FF, ale podobno działa też na IE.
/edytowano: grrr, problemy z < >
Prawie jak Flash :P
Czemu pola kodami zniknęły?
Poprawiłem - jogger raz zmienia < na < a raz nie, zależy czy dodajemy wpis czy edytujemy o_O
Zespołu Nieświadomego Rozwalania Monitora można dostać jak te wszystkie kropeczki lataję ;)
Dodam jeszcze że można w ogóle wyłączyć przesuwanie się elementów, wtedy otrzymamy po prostu menu równo rozłożone dookoła treści (która będzie w boksie wyglądającym na okrągły). Bez tego trzeba wszystko ręcznie rozmieszczać; w wypadku dodania nowego linka wszystkie inne przesuwać odpowiednio.
Możnaby się bawić w zatrzymywanie kropeczek, żeby być w stanie cokolwiek przeczytać bez dostania oczopląsu. Ale efekt ciekawy :))
Ciekawa koncepcja, trzeba by zrobić bloga w kształcie koła. :P
Wohoo, żeby tekst był pisany po spirali, a scrollowanie by ją obkręcało ;D Tylko w takim czymś już flash only niestety.
JS nie powinien być wymogiem, a dodatkiem.
Dlatego twórcy i użytkownicy takich rozwiązań powinni dostać ekskomunikę jakoś czy coś... Toż to istna herezja :D .
Haha
Mówiłem że to zabawka ledwie i zupełnie się nie nadaje do użytku na prawdziwej stronie, szczególnie w tak niedopracowanej formie.
Chciałem sprawdzić czy taka strona wyjdzie "fajna" jak sobie wyobrażałem. Nie wyszła za bardzo ;-)
Juz pod koniec lat 90-tych modne byly strony w ksztalcie plyty CD... :-)
Okropne te demo ;)
Tylko po co... ;-)
Myślałem kiedyś o czymś podobnym, ale to było w czasach mojej fascynacji flashem, potem wyzdrowiałem z tego i myślałem o JS, a potem przekonałem się jak to jest nie mieć flasha i javascriptu i nauczyłem się żyć bez nich. Co prawda nie jestem żadnym guru kodu, ale i tak odszedłem od takich herezji :P
Choć muszę przyznać że fajnie ci to wyszło :D
Zwiesza mi przeglądarkę...
U mnie już działa. Trzeba by jeszcze wyprodukować koliste monitory :)
@Livio: A to czemu? Przecież JS jest u prawie 9% użytkowników a ci co go sobie wyłączają to tylko przecież świadomi użytkownicy. Po drugie JSowe rozwiązania które w większości popularnych przeglądarek działają podobnie IMHO są ok. I trzeba korzystać z takich właśnie technologii. A tym bardziej jeśli jest prostsze rozwiązanie od budowania strony w JS od trudnego do późniejszego zarządzania i zmiany Flashowego konceptu.
Takie jest moje zdanie. Proszę bez flame'ów.