Dwupunktowe rollovery ze wskaźnikiem wybranej opcji
Informacje z dnia: 01.10.08
Czytaj więcej...Wykorzystując efekty typu rollover możemy pokosić się o dodanie wskaźnika wybranej opcji. Wskaźnik taki będzie informować użytkownika o bieżąco dokonanym wyborze.
Szablon, ktĂłry przygotowaĹem w tym odcinku ma ukĹad dwukolumnowy. Kolumny o staĹej szerokoĹci wyĹrodkowane na stronie rozciÄ gajÄ siÄ na caĹÄ wysokoĹÄ okna przeglÄ darki. WydawaĹoby siÄ, nic prostszego. Jak siÄ okaĹźe, problemem jest wyznaczanie wysokoĹci elementĂłw pĹywajÄ cych. Szablon, który dzisiaj przedstawię, nauczy dwóch ciekawych rozwiązań. Dowiemy się, w jaki sposób w GIMP-ie wykonać fotomontaż techniką "łatek" oraz na czym polega problem z wysokością elementów pływających w CSS. Animowane menu strony, ktĂłrego opcje reagujÄ na wskaĹşnik myszki, jest bardzo atrakcyjne. W artykule przedstawimy w jaki sposĂłb wykonaÄ takie menu, gdy dysponujemy obrazem narysowanym w GIMP-ie. Kod HTML menu bÄdzie wykorzystywaÄ elementy div oraz arkusze stylĂłw.
W kolejnym szablonie przedstawię połączenie trzech technik: ujemnych marginesów, udawanych kolumn oraz wymiany obrazów FIR. Dzięki użyciu tych technik otrzymany kod XHTML jest w pełni semantyczny, zaś w przypadku szablonu tekstowego także częściowo elastyczny. Mając do dyspozycji kilka fotografii możemy spróbować połączyć ich wybrane fragmenty w jedno. Dzięki temu stworzymy niecodzienną kompozycję - mniej lub bardziej realną. W tej lekcji stworzymy dwie hybrydy: grejpfruta z kiwi oraz szczura z jeleniem. Dodatkowo zmodyfikujemy zdjęcie czapki poprzez doszycie wirtualnego futerka, które sami stworzymy. Futro będzie od nas wymagać inwencji i pewnej ręki. Każdy ruch i każda zmiana kąta pędzla da różnorodny efekt. A więc mamy pełne pole do eksperymentu. W artykule nauczymy się przygotowywać loga (w formie szerokich banerów) na strony WWW: o stałej szerokości, z tłem wypełniającym całe okno przeglądarki oraz z ilustracją powielaną dowolną ilość razy.
SVG to format grafiki wektorowej, powstały z myślą o stronach internetowych. Jednak korzystanie z SVG wciąż jest problemem, gdyż nie wszystkie przeglądarki go odczytują. Najpopularniejszymi formatami graficznymi uĹźywanymi przez twĂłrcĂłw stron WWW sÄ od lat JPEG i GIF. Czy zawsze jednak sÄ takĹźe najlepszym moĹźliwym rozwiÄ zaniem? Grafiki moĹźna zapisaÄ do pliku, uĹźywajÄ c róşnych formatĂłw graficznych. Nie ma jednego uniwersalnego sposobu zapisu obrazĂłw, kaĹźdy ma swoje mocne i sĹabe strony. Formaty plikĂłw graficznych moĹźna podzieliÄ na formaty przechowujÄ ce grafikÄ rastrowÄ oraz te przechowujÄ ce grafikÄ wektorowÄ . Prezentowany szablon jest ograniczony od dołu i od góry przez poziome pasy. W ten sposób realizowane jest dostosowanie szablonu do rozdzielczości: pasy zawsze rozciągają się od lewej do prawej krawędzi przeglądarki. Środkowa część szablonu jest podzielona na dwie kolumny, których szerokość może być dowolnie zmieniana w CSS.
Blogi eksperckie, poświęcone jednej dziedzinie, powinny cechować się większym umiarkowaniem, kojarzącym się z profesjonalizmem. Dobierając szablony, postawiliśmy więc na czytelność, nie zapominając o świeżości i eleganckim, profesjonalnym wyglądzie. Wykorzystując możliwości warstw, ścieżek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW. Szablon ten będzie wykorzystywał dwupunktowy efekt rollover oraz wskaźnik wybranej opcji. Goethe w swojej ksiÄ Ĺźce "Teoria kolorĂłw" stwierdziĹ, Ĺźe gdy oko dostrzeĹźe kolor, ulega natychmiastowemu pobudzeniu. Od XIX w. sporo nauczyliĹmy siÄ o kolorach, jednak ta podstawowa zasada sprawdza siÄ do dziĹ, gdy malujemy obraz czy projektujemy strony.
Jak moĹźna szybko i Ĺatwo stworzyÄ galeriÄ internetowÄ za pomocÄ polskiego programu Galernik NxG. Warto zapoznać się funkcją Obliczenia (Calculations), ponieważ daje ona wiele ciekawych możliwości. Nie będziemy nic liczyć, więc kalkulatory są zbędne. Liczeniem zajmie się Photoshop, my natomiast udzielimy mu niezbędnych wskazówek. Zobacz, jak korzystając z Photoshopa, można w twórczy sposób wykorzystać w zwykłych czcionkach artystyczne obrysowania i efekty, dzięki którym niepozorne dotąd kształty nabiorą życia.
Polecamy:
informacje z dnia: 01.10.08
| Prezentowany szablon bazuje na układzie stałej szerokości. Wykorzystano w nim trzy triki: kafelkowanie (ang. sprites), pozycjonowanie względnie bezwzględne oraz FIR (ang. Fahrner Image Replacement). Zobacz oryginalną treść |
| Mając do dyspozycji kilka fotografii możemy spróbować połączyć ich wybrane fragmenty w jedno. Dzięki temu stworzymy niecodzienną kompozycję - mniej lub bardziej realną. W tej lekcji stworzymy dwie hybrydy: grejpfruta z kiwi oraz szczura z jeleniem. Dodatkowo zmodyfikujemy zdjęcie czapki poprzez doszycie wirtualnego futerka, które sami stworzymy. Futro będzie od nas wymagać inwencji i pewnej ręki. Każdy ruch i każda zmiana kąta pędzla da różnorodny efekt. A więc mamy pełne pole do eksperymentu. Zobacz oryginalną treść |
| Najpopularniejszymi formatami graficznymi uĹźywanymi przez twĂłrcĂłw stron WWW sÄ
od lat JPEG i GIF. Czy zawsze jednak sÄ
takĹźe najlepszym moĹźliwym rozwiÄ
zaniem? Grafiki moĹźna zapisaÄ do pliku, uĹźywajÄ
c róşnych formatĂłw graficznych. Nie ma jednego uniwersalnego sposobu zapisu obrazĂłw, kaĹźdy ma swoje mocne i sĹabe strony. Formaty plikĂłw graficznych moĹźna podzieliÄ na formaty przechowujÄ
ce grafikÄ rastrowÄ
oraz te przechowujÄ
ce grafikÄ wektorowÄ
. Zobacz oryginalną treść |
| Opisywany szablon jest podzielony na trzy poziome obszary. Jest to szablon staĹej szerokoĹci, wyĹrodkowany na stronie. Ĺrodkowy pas wykorzystuje sztuczkÄ udawanych kolumn, zaĹ etykiety opcji menu sÄ
wyĹrodkowane poziomo i pionowo. Zobacz oryginalną treść |
|
Zobacz oryginalną treść |
| wózki widłowe, części do wózków widłowych. Na rynku dostępne są setki modeli wózków widłowych. Najróżniejsze parametry udźwigu czy typ źródła zasilania pozwalają precyzyjnie dobrać najbardziej odpowiedni rodzaj wózka dla danej firmy. Najpopularniejszymi wózkami są wózki spalinowe napędzane silnikiem elektrycznym oraz wózki, gdzie napęd ma źródłó z butli gazowej. Wózki z silnikiem elektrycznym mają zastosowanie w zamkniętych pomieszczeniach, gdyż przepisy w kodeksach zakazują stosowania innego typu wózków. Pozostałe wózki mają zastosowanie na na przestrzeniach otwartych czy rampach. Wózek elektryczny napędzany jest przy pomocy sporych baterii kwasowych, które działają przez około 5- 7 godzin. Po ich wyczerpaniu, podłącza się je do prądu elektrycznego i po kilkudziesięciu minutach są ponownie zdatne do użytku. Największą zaletą wózka elektrycznego jest zerowa emisja groźnych dla ludzi substancji. Poza tym koszty jego użytkowania są dużo niższe niż w przypadku innego typu wózków. Kolejną korzyścią jest cichość działania, a także dużo dłuższy okres użytkowania. Największą ich wadą jest dużo wyższy koszt początkowy, czyli cena kupna. Jednak mimo tych problemów wózki elektryczne są najbardziej rozpowszechnionym rodzajem wózka. Wraz z gwałtownym rozwojem przemysłu i produkcji powstało zapotrzebowanie na pojazdy, które będą w stanie przenosić kilkutonowe ładunki, ale jednocześnie będą na tyle zwinne, że zmieszczą się w ciasnych przejściach w magazynach. Idealnym wynalazkiem do wypełnienia tej roli okazał się wózek widłowy. Pierwsze wózki wprowadzono do produkcji zaledwie około sto lat temu. Są to niewielkie, ale niezwykle silne i bardzo zwrotne maszyny. Prowadzenie wózka widłowego jest łatwe do nauki, ale równocześnie wymaga dużego doświadczenia oraz zachowania szczególnej ostrożności. Wózek waży kilka ton, a jeżeli dołączymy do tego kilkutonowy ładunek, to poziom zagrożenia znacznie wzrasta, dlatego też najistotniejsze w prowadzeniu wózka jest zachowanie rozwagi i bezpieczeństwo. Należy nie zapominać o odpowiednim rozłożeniu towaru, aby środek ciężkości był na właściwym miejscu. Niewłaściwy lub zbyt duży ładunek może doprowadzić do uszkodzenia lub przewrócenia wózka. Do prowadzenia wózka niezbędne jest posiadanie specjalnych uprawnień oraz właściwych badań lekarskich. Wszystkie konieczne uprawnienia można uzyskać podczas specjalnych kursów zawodowych. # Zapewniamy profesjonalny serwis wózków widłowych z dojazdem do klienta, jak i w naszych warsztatach. # Dostarczamy części zamienne do wszystkich typów wózków widłowych. # Wynajmujemy wózki widłowe na okresy długoterminowe jak i na okresy krótsze. # Zapewniamy kompleksową obsługę transportu wewnętrznego klienta przez naszą firmę, dostarczając nasze wózki widłowe i biorąc na siebie obowiązki utrzymania ich w ruchu. Gwarantujemy nieprzerwaną pracę za i wyładunkową. Zobacz oryginalną treść |
Zobacz oryginalną treść |
| Banki i inne instytucje finansowe wyszły naprzeciw oczekiwaniom klientów i stworzyły bardzo liczną gamę usług kredytowych. Obecnie książka telefoniczna można wziąć już na niemal wszystko, zaczynając od żarówek, aż do domu, czy nieruchomości. Kredyty są najważniejszym źródłem dochodów banków, które czerpią zyski z prowizji za ich przyznanie, ze spłat odsetek oraz dodatkowych różnych opłatukrytych podatków. Bardzo często kredytobiorca nie ma świadomości, ile pieniędzy będzie musiał zwrócić w ramach zaciągniętego kredytu. Jaka charakterystyka kredytu jest najistotniejsza? Czy jest to wysokość raty, okres spłaty, prowizja czy może stopa procentowa? Dla każdego kredytobiorcy może to być coś różnego. Zobacz oryginalną treść |
| Ogrody zimowe również wykorzystują fundamenty w swojej budowie. Ogrody zimowe powstają na zbrojonych ławach, bądź także betonowych płytach fundamentowych. podstawy te muszą być oddzielone od fundamentów domu izolacją przeciwwilgociową. Ważne jest również, by fundament naszego domu wznosił się piętnaście centymetrów z okładem ziemię. Jest to opieka ścian przed rozpryskującym się deszczem. Dzięki temu rozwiązaniu szyby naszego ogrodu łatwiej utrzymać w porządku. Warto przyjrzeć się ściśle projektowi naszego ogrody zimowego i dać do zrobienia nieco szczegółowych pytań budowlańcom, by upewnić się o jakości wykonania. W końcu ogród zimowy ma nam służyć długi czas. Ogrody zimowe i wady własnego projektu. Biorąc pod uwagę, iż ogrody zimowe wolno budować we własnym zakresie, zastanówmy się nad wadami takiego przedsięwzięcia. Pierwszym pytaniem jakie być może zadać, to oznacza to inwestor budujący we własnym zakresie ogrody zimowe ma jakieś doświadczenie w budownictwie. Następnie zapytajmy, który raz buduje taki oranżerie. Ogrody zimowe i szybkość wykonania. Przed rozpoczęciem jakiejkolwiek budowy stale zastanawiamy się do tego stopnia czasu dokładnie będzie ona trwała. Mimo iż ogrody zimowe nie są dużą inwestycją, te pytanie także zadajemy w stosunku aż do nich. W dzisiejszych czasach budowlańcy są wybitnie odpowiednio przygotowane do tego typu budowy. Gotowe profile aluminiowe są przywożone na teren budowy i na miejscu montowane. Wszystkie dokładnie przycięte i gotowe aż do montażu. Niekiedy nawet część z nich przyjeżdża w dostawie po trosze złożona. Firmy budowlane przygotowały się aż do naszych inwestycji, korzystając z gotowych i dobrych materiałów, prędko mogą zakończyć zamówienie i przyjąć kolejne. Ogrody zimowe plus ich szybkie wykonanie, to nie raptem duże ułatwienie na rzecz producentów przecież także na rzecz właścicieli ogrodów. Od czasu do czasu warto zachować się z inwestycją i zgromadzić więcej funduszy na profesjonalnie wykonanie. ogrody zimowe cieszą się coraz większą popularnością na świecie oraz od niedawna także w Polsce. Ogród zimowy to doskonały sposób na powiększenie i docieplenie budynku, ale i również podwyższa standard i jakość naszego życia.
Zobacz oryginalną treść |
| zabudowy szklane. Bardzo ciekawym pomysłem na własną działalność i biznes jest prowadzenie firmy budowlanej, ale do tego należy mieć minimum wiedzy i umiejętności. Wyjątkowo w dzisiejszych czasach, gdy gospodarka światowa właśnie wychodzi z kryzysu, który de facto rozpoczął się na rynku amerykańskim, a szczególnie w bańce kredytów - kredyt hipoteczny, brany bez opamiętania i na małych zabezpieczeniach. Można zanotować wyraźny trend rosnący na rynku budownictwa. Powstają nowe mieszkania i domy. Specjaliści nadal sądzą, że tempo powstawania nowych bloków jest zbyt powolne w stosunku do zapotrzebowania na nie. Jednym z powodów są limitowane zasoby finansowe Polaków, ale źródeł tego stanu można również upatrywać w branży usług budowniczych. Z powodu recesji bardzo dużo organizacji zawiesiło swoją działalność lub nawet zamknęło swoje kariery. Z tego powodu na rynku zaistniała bardzo dużo przestrzeni, którą mają szansę zapełnić nowe przedsiębiorstwa. Założenie firmy budowlanej nie jest sprawą prostą. Ogólnie mówiąc, budowlańcy powinni charakteryzować się idealnym stanem zdrowia, aby podołać wyzwaniu jakim jest praca w przedsiębiorstwie budowlanym. Zobacz oryginalną treść |
| SVG to format grafiki wektorowej, powstały z myślą o stronach internetowych. Jednak korzystanie z SVG wciąż jest problemem, gdyż nie wszystkie przeglądarki go odczytują. Zobacz oryginalną treść |
| Zobacz, jak korzystając z Photoshopa, można w twórczy sposób wykorzystać w zwykłych czcionkach artystyczne obrysowania i efekty, dzięki którym niepozorne dotąd kształty nabiorą życia. Zobacz oryginalną treść |
| Od jakiegoś czasu coraz częściej można spotkać całe serwisy prowadzone w formie blogów. Zwykle są to strony zawierające newsy oraz artykuły pisane przez użytkowników lub będące agregatorami treści pobieranych z innych stron poprzez RSS. Na takim blogu warto wstawić spis popularnych artykułów i streszczenia ostatnich wpisów. Zobacz oryginalną treść |
| Goethe w swojej książce "Teoria kolorów" stwierdził, że gdy oko dostrzeże kolor, ulega natychmiastowemu pobudzeniu. Od XIX w. sporo nauczyliśmy się o kolorach, jednak ta podstawowa zasada sprawdza się do dziś, gdy malujemy obraz czy projektujemy strony. Zobacz oryginalną treść |
| Tym razem przygotujemy witrynÄ z bardziej skomplikowanym efektem rollover. Po wskazaniu wskaĹşnikiem myszki opcji menu wymienimy nie tylko ikonÄ opcji, ale takĹźe dodamy tytuĹ wybranej pozycji menu. Zobacz oryginalną treść |
| Często wykorzystywanym efektem, stosowanym szczególnie w menu, jest reakcja na wskazanie wybranej opcji wskaźnikiem myszki. Wskazana opcja zmienia kolor, kształt lub zostaje wzbogacona o strzałkę informującą o wyborze. Do tego rodzaju trików stosowane są dwa rozwiązania. Jednym z nich jest pseudoklasa a:hover w arkuszach stylów, a drugim wymiana obrazów wykonywana w JavaScripcie, nazywana efektem rollover. Zobacz oryginalną treść |
| Omawiany szablon witryny Magazynu INTERNET jest wykonany przy uĹźyciu podstawowych narzÄdzi i opcji GIMP-a: zaznaczeĹ prostokÄ
tnych, gradientu, operacji zaokrÄ
glania zaznaczenia, obracania warstwy oraz zmiany stopnia krycia warstwy. Zobacz oryginalną treść |
| W kolejnym szablonie przedstawię połączenie trzech technik: ujemnych marginesów, udawanych kolumn oraz wymiany obrazów FIR. Dzięki użyciu tych technik otrzymany kod XHTML jest w pełni semantyczny, zaś w przypadku szablonu tekstowego także częściowo elastyczny. Zobacz oryginalną treść |
| Pierwsze blogi zaczęły powstawać ponad 10 lat temu. Mało kto mógł wtedy sobie pozwolić na obejrzenie filmu przez sieć. Brak również było reklam - Google nie wystartowało z reklamami AdSens, bo nie było jeszcze samego Google. Dopiero z czasem na blogi zawitała efektowna grafika, materiały wideo oraz interaktywne gadżety. Szkoda tego nie wykorzystać. Najłatwiej to zrobić, korzystając z gotowych szablonów. Zobacz oryginalną treść |
| Twórz lepsze i szybciej wczytujące się ilustracje, dowiedz się jak usprawnić pracę z plikami graficznymi, dodawaj wspaniałe efekty - wszystko po to, aby twoja strona znowu zachwycała odwiedzających Zobacz oryginalną treść |
| Prawdopodobnie każda z osób tworzących projekty do wyświetlania na ekranie monitora (strony WWW, prezentacje) miała nieraz problem z odpowiednim wyborem palety kolorów. Dobór schematu barw można uprościć, korzystając z przygotowanych do tego narzędzi. Zobacz oryginalną treść |