11 kwietnia 2015 przez Emilian Kuczyński Użytkownik (670 p.) Niee, chciałbym apy po najechaniu kursorem myszki na odnośnik w odpowiednim miejscu na stronie wyświetlił się obrazek. komentarz 11 kwietnia 2015 przez Valtuil Pasjonat (22,460 p.) Możesz wywołać funkcje podczas: onMouseOver="document.getElementById ('obrazek').style.display Co należy zrobić, gdy zauważy się takie rozchwianie? Kluczowe w tym wypadku jest udanie się do stomatologa, który najpierw przeprowadzi pomiar ruchomości zęba, a następnie zastosuje odpowiednie leczenie. Jak wzmocnić ruszające się zęby? Ruszający się ząb stały – co zrobić? Leczenie takiej przypadłości w pierwszej Dopasowanie odpowiedniej ramy do obrazu. Każdy, kto chce dowiedzieć się, jak oprawiać obrazy, powinien pamiętać o tym, że to ramę należy dobierać do dzieła, a nie na odwrót. Ważne jest również, z jakim rodzajem przedstawienia ma się do czynienia. Inne oprawy pasują bowiem do portretów, a inne do pejzaży czy abstrakcji. Jak zrobić ruszający emotikon na gg? 2012-01-13 17:47:07; Jak zobić ruszający się obrazek profilowy na howrse.pl? 2013-03-27 10:15:15; Jak zapisac na komputerze ruszający obrazek? 2011-05-07 10:42:36; Jak zrobić ruszający się obrazek? 2011-03-19 20:35:31; jak się daję na strone internetową ruszający się obrazek? 2010-12-10 14:33:55 Jak zrobić baner reklamujący? 2009-09-15 20:03:01 Jak zrobić ruszający się obrazek ? 2014-02-01 23:10:18 Jak zrobić ruszający emotikon na gg? 2012-01-13 17:47:07 Na jakiej stronie internetowej można zrobić zdjęcie ? 2011-12-25 21:55:04; Na jakiej stronie internetowej mogę zrobić komiks? 2011-04-01 16:54:56; jak zrobić ruszający się napis? 2010-11-19 22:39:07; Jak zrobic ruszający się napis na buttonie ? 2010-12-23 15:40:35; Jak zrobić ruszający się obrazek ? 2014-02-01 23:10:18 . Jak zrobić poświatę wokół postaci MSP? Jak zrobić taką otoczkę w photoshopie?1. Otwieramy photoshopa2. Klikamy Plik-->Otwórz i wybieramy obrazek3. Klikamy prawym przyciskiem myszy na to, co jest zaznaczone na czerwono na obrazku poniżej : (KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ) 4. Klikamy na 'Opcje mieszania..' tak jak na obrazku poniżej : (KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ) 5. Klikamy 'Faza zewnętrzna' tak jak na obrazku poniżej : (KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ) 6. Następnie klikamy na ten żółty kwadracik po środku i wybieramy sobie kolor jaki ma mieć otoczka : (KLIKNIJ NA OBRAZEK, ABY POWIĘKSZYĆ) 7. Gdy już wybierzemy kolor otoczki, klikamy 'OK' tak jak na obrazku poniżej : 8. Końcowy efekt : Posted in: Marquee to znacznik blokowy w HTML pozwalający na animację tekstu. Został wprowadzony jako rozszerzenie interpretowane przez przeglądarkę Internet Explorer. Mimo to wyświetlają go również inne ogólnodostępne przeglądarki, takie jak Opera, Safari czy Mozilla Firefox. Nie był nigdy częścią oficjalnego standardu HTML, nie został też uwzględniony w XHTML-u (aktualizacja: znacznik uwzględniony został w specyfikacji HTML 5). Oprócz tego znacznik może przybrać inne atrybuty charakterystyczne innych znaczników (np. class, style, width, height, hspace, vspace, lang, id). Przykład działania efektu Marquee. Najedź na niego, a zatrzyma się. Składnia behavior - tryb przesuwania się tekstu na ekranie (scroll, slide, alternate) bgcolor - kolor tła znacznika direction - kierunek przesuwania się tekstu (left, right, up, down) loop - ilość powtórzeń scrollamount=" " - skok o X pikseli scrolldelay=" " - opóźnienie tekstu onmouseover=" onmouseout=" - zatrzymanie tekstu, gdy najedzie się na niego myszką Przykład działania Przykład działania efektu Marquee. Najedź na niego, a zatrzyma się. Data publikacji: r. Tagi: html. Źródło obrazka porady: Pixabay. WstępZnacznik marquee dopiero niedawno został dodany do specyfikacji języka HTML. Jego użycie na stronie jest bardzo wygodne i pozwala na uzyskanie efektu pływającego tekstu. Zaletą jest fakt, że prawidłowo interpretują już go najpopularniejsze przeglądarki. Ponadto bardzo łatwo jest dostosować go do własnych potrzeb. W niniejszym poradniku przedstawię krok po kroku jak umieścić taki znacznik na swojej miejscu na stronie gdzie chcemy umieścić znacznik wpisujemy następujący kod:TestWtedy na ekranie pojawi się:TestNa stronie pojawia się tekst z prawej strony, który przepływa w lewą stronę. Po zniknięciu z lewej strony tekst pojawi się ponownie z prawej strony. Tekst, który się pojawia można zmienić zamieniając słowo Test na dowolny inny tekstuZnacznik pozwala na określenie z której strony ma wypływać tekst. W tym celu należy zmienić wartość atrybutu direction na up - tekst pojawi się z dołu i przepłynie do góry, right - przepływ z lewej do prawej, left - odwrotnie do right oraz down - przeciwnie do wartości up. Domyślną wartością jest jeśli chcemy tekst przepływający z lewej do prawej wystarczy wpisać:TestTestRozmiar i zachowaniePrzy użyciu atrybutów width i height można określić rozmiar pudełka w którym będzie pojawiał się tekst. (W celu pokazania zmian zostanie dodane czarne obramowanie poprzez argument style):TestTestKolejnym atrybutem, którym można dostosować marquee jest znacznik behavior. Standardowo jest on ustawiony na wartość scroll. Oznacza to, że tekst pojawia się z określonej strony i znika po stronie przeciwnej i ponownie pojawia się z tej samej strony. Jeśli jednak w zamyśle tekst ma się ruszać od prawej strony do lewej, następnie odbić, przelecieć do prawej strony, znowu odbić i tak powtarzać w kółko wartość behavior należy ustawić na alternate:TestTestIstnieje również możliwość uzyskania tekstu, który będzie poruszał się zygzakiem można to osiągnąć umieszczając marquee w marquee:TestZachowanie tekstu bardzo łatwo wytłumaczyć: pierwsze marquee kontroluje odbijanie prawo-lewo, a drugi znacznik i ilość powtórzeńPrędkość animacji można zmienić przy pomocy dwóch atrybutów. Pierwszy z nich scrollamount pozwala na określenie o ile ma się przesuwać tekst. Standardowo wartość wynosi 6. Drugi parametr scrolldelay określa co ile milisekund tekst ma wykonać krok określony przez scrollamount. Ten atrybut jest standardowo ustawiony na wartość 85. (Co daje zaledwie 11 klatek na sekundę. Dla płynnego efektu lepiej ustawić ten argument na 40 dla 24 klatek na sekundę).Żeby lepiej zrozumieć obywa atrybuty proponuje zapoznać się z poniższymi dwoma przykładami:TestTestTestTestJak widać im mniejszy scrolldelay tym animacja jest płynniejsza. W celu uzyskania płynnej animacji warto użyć wartości 40 (25 klatek na sekundę) co spowoduje płynne złudzenie optyczne. W celu uzyskania super płynnej jakości jak w dzisiejszych filmach wartość można ustawić na 16 lub 17. W ten sposób można uzyskać 60 klatek na jednak pamiętać, że im większa częstotliwość odświeżania animacji tym więcej mocy komputera jest potrzebna, dlatego warto ograniczyć częstotliwość odświeżania tak bardzo jak to loop pozwala określić ile razy animacja ma zostać wykonana. Nieokreślenie tego parametru powoduje, że animacja jest marquee można stylizować przy użyciu atrybutu style. W przypadku, gdy chcemy zmienić tło można użyć atrybutu bgcolor. Wartością jest wtedy szesnastkowa wartość koloru, czyli postaci #XXX lub #XXXXXXX. W celu uzyskania zielonkawego tła można wpisać:TestTestZatrzymanie po najechaniuAnimację można kontrolować przy pomocy kodu javascript oraz metod start i stop. W celu ich efektywnego wykorzystania warto skorzystać z zdarzeń onmouseover i onmouseout:Najedź kursorem, aby zatrzymać Najedź kursorem, aby zatrzymać Niestety to rozwiązanie nie działa w przeglądarce Mozilla FirefoxNie tylko tekstW znaczniku marquee można umieszczać nie tylko tekst. Przykładowo można wstawić obrazek: Innym ciekawym wykorzystaniem marquee jest próba zachęcenia do kliknięcia linku:>>>>Kliknij tutaj! >>>> Kliknij tutaj! W tej części kursu CSS utworzymy animowany poruszający się tekst. Efekt końcowy został zaprezentowany poniżej. Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Nasz docelowy układ elementów HTML prezentuje poziomy, umieszczony w jednej linii, poruszający się tekst. Aby wykonać taki układ elementów HTML przyda się nam wiedza o elementach pozycjonowanych absolutnie oraz relatywnie, jak również wiedza o animacji CSS3. Pierwszym krokiem, jaki wykonamy, będzie utworzenie układu elementów HTML w kodzie dokumentu HTML, w części body. Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Nasz układ elementów HTML to po prostu element p umieszczony w elemencie div. Do elementu div został dodany atrybut id, dzięki czemu wykorzystamy jego wartość, czyli wartość blok, w regułach CSS, które zostały umieszczone poniżej: #blok { width:500px; height: line-height: margin:0 auto; border:3px solid #DDD; font-size: background-color:#EEE; overflow:hidden; } #blok > p { margin:0; white-space:nowrap; } Nasze reguły CSS nie zawierają w sobie niczego niezwykłego, względem poprzednich części tego kursu CSS. Na szczególną uwagę zasługuje właściwość white-space:nowrap; oraz właściwość overflow:hidden; Właściwość white-space:nowrap; między innymi sprawia, że tekst umieszczony w danym elemencie HTML (w naszym przykładzie, w elemencie p) nie jest przełamywany na końcu szerokości elementu HTML, dlatego jest on wyświetlony w jednej poziomej linii. Wspomniany tekst będzie mógł być przełamany tylko za pomocą polecenia . Innym efektem wspomnianej właściwości white-space:nowrap; jest to, że możemy wyświetlić kilka białych znaków obok siebie, gdy umieścimy je w elemencie HTML, do którego została dodana właściwość white-space wraz z wartością nowrap. Właściwość overflow:hidden; ukrywa niemieszczącą się zawartość danego elementu HTML. W naszym przykładzie tą niemieszczącą się zawartością jest tekst elementu p. Rezultat: Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Następnym krokiem będzie utworzenie reguły @keyframes, która określi potrzebną animację CSS. @keyframes przesun { 0% { transform:translateX(0); } 100% { transform:translateX(-100%); } } Za pomocą reguły @keyframes utworzyliśmy animację CSS o nazwie przesun, która będzie przesuwać element HTML w lewo o 100% jego szerokości, ponieważ właśnie w ten sposób liczona jest wartość procentowa funkcji translateX() właściwości transform. Zobaczmy co się stanie, gdy do elementu p, w naszym układzie elementów HTML, dodamy w ten sposób utworzoną animację przesun. #blok > p { margin:0; white-space:nowrap; animation:przesun 30s linear infinite; } Rezultat: Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Niestety, ale szerokość elementu p jest ciągle widziana przez przeglądarkę internetową jako szerokość elementu rodzica, mimo że element p zawiera w sobie długi pionowy tekst, który powiększa rozmiar elementu p. Przez tą źle widzianą szerokość cały efekt jest nieco inny. Wspomniana szerokość elementu p została zaznaczona, dla ułatwienia, czerwonym kolorem tła. Nasz nowo powstały problem możemy rozwiązać w dość prosty sposób, a mianowicie, dodając właściwość position wraz z wartością absolute do elementu p. Wspomniana właściwość sprawi, że element p stanie się elementem pozycjonowanym absolutnie, a więc jego szerokość będzie automatycznie dopasowywała się do jego zawartości (w naszym przykładzie, do długiego poziomego tekstu). #blok > p { position:absolute; margin:0; white-space:nowrap; animation:przesun 30s linear infinite; } Rezultat: Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Powstał nowy problem, ponieważ niemieszcząca się zawartość elementu #blok stała się widoczna. Stało się tak, ponieważ niemieszczącą się zawartością elementu #blok jest element p, do którego została dodana właściwość position wraz z wartością absolute, przez co nasz element p stał się elementem pozycjonowanym absolutnie, a domyślnie, pozycja, elementu HTML, który jest pozycjonowany absolutnie, jest liczona względem okna przeglądarki internetowej. Inaczej mówiąc, od tej pory nasz przykładowy element p jest tak jakby zawartością całego okna przeglądarki internetowej, a nie elementu #blok, w którym to elemencie został on umieszczony. Nowo powstały problem możemy w dość prosty sposób naprawić. Musimy dodać właściwość position wraz z wartością relative do elementu #blok, dzięki czemu wspomniany element #blok stanie się elementem pozycjonowanym relatywnie, dzięki czemu ponownie będzie on "widział" elementy pozycjonowane absolutnie, jako swoją zawartość. #blok { position:relative; width:500px; height: line-height: margin:0 auto; border:3px solid #DDD; font-size: background-color:#EEE; overflow:hidden; } Rezultat: Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Dodatkowo możemy sprawić, że nasz animowany tekst zostanie odsunięty od lewej krawędzi elementu p o wartość szerokości swojego elementu rodzica, dzięki czemu, gdy animacja będzie wykonywała się po raz pierwszy, zobaczymy, przez chwilę, element bez zawartości, w którym pojawia się animowany tekst. Inaczej mówiąc, dodajemy właściwość padding-left:110%;, czyli margines wewnętrzny, zarówno do selektora 0% jak i selektora 100%, do naszej wcześniej utworzonej reguły @keyframes. @keyframes przesun { 0% { transform:translateX(0); padding-left:110%; } 100% { transform:translateX(-100%); padding-left:110%; } } Rezultat: Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Dodatkowo możemy sprawić, aby nasza animacja zatrzymała się (za co jest odpowiedzialna właściwość animation-play-state wraz z wartością paused), gdy umieścimy kursor myszki nad elementem p (za co jest odpowiedzialny selektor hover). Efekt ten uzyskamy w dość prosty sposób, tworząc następującą regułę CSS: #blok > p:hover { animation-play-state:paused; } Finalny rezultat: Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. Kod całego dokumentu HTML został umieszczony poniżej: Darmowy Kurs CSS #blok { position:relative; width:500px; height: line-height: margin:0 auto; border:3px solid #DDD; font-size: background-color:#EEE; overflow:hidden; } #blok > p { position:absolute; margin:0; white-space:nowrap; animation:przesun 30s linear infinite; -webkit-animation:przesun 30s linear infinite; /* dla Google Chrome, Safari, Opera 15+ */ } #blok > p:hover { animation-play-state:paused; -webkit-animation-play-state:paused; } /* ------------ANIMACJA-PRZESUN------------ */ @keyframes przesun { 0% { transform:translateX(0); padding-left:110%; } 100% { transform:translateX(-100%); padding-left:110%; } } @-webkit-keyframes przesun /* dla Google Chrome, Safari, Opera 15+ */ { 0% { -webkit-transform:translateX(0); padding-left:110%; } 100% { -webkit-transform:translateX(-100%); padding-left:110%; } } Ten tekst w tym elemencie - p - będzie poruszał się, gdy dodamy do niego odpowiednią animację oraz właściwości CSS. W następnej części kursu CSS będziemy kontynuowali temat animacji CSS3. krok w tyłkrok w przód osób się mnie pyta : Jak zrobić taką fotkę jak masz w profilu ?To ja właśnie napisze jak to nie masz pobranego programu PhotoScape to musisz na stronę Przebierz się i robisz fotke,następnie zapisujesz na w Galerię i w zdjęcie które zapisujemy,po czym zapisujemy ją na na (Jeśli nie masz konta , zrób) fotkę i zrób Glitera i po 15 sekundach kliknij na zielony napis że jest na pulpicie Popraw a potem tylko zmień kolor napisu i nic więcej i znowu Generujemy i tak znowu i znowu aż będziemy mieli tak gdzieś 4 fotki z innym kolorem na PhotoScape i klikamy AniGif . prawej stronie mamy dokumenty pulpit itp . Klikamy tam gdzie zapisaliśmy na górny pasek fotki . prawej stronie mamy ,,Zmień czas'' i tam ustawiamy prędkość zmieniania fotki . Zapisz i zapisujemy ją na wklejamy focie do profilu i chwalimy się naszą fotką :D

jak zrobić ruszający się obrazek