Strona 1 z 1
I have a problem
Napisane: środa, 2 lipca 2014, 23:07
przez maniun
Jestem dopiero co początkującym webmasterem i dopiero co zaczynam z tym przygodę więc proszę o wyrozumiałość bo mogę robić błedy
A teraz do rzeczy
Czy wie ktoś jak stworzyć podobny efekt jak na tej stronie >>
http://www.livesports.pl/ chodzi mi konkretnie o to że kiedy przewiniemy nieco stronkę w dół to pokazuj się (w prawym dolnym rogu przycisk >> do góry. Czy da się to stworzyć jedynie w kodzie css bo mi zbytnio nie wychodzi
Re: I have a problem
Napisane: czwartek, 3 lipca 2014, 12:34
przez Morfidon
Hej,
Spokojnie, tutaj nikt Cię nie wyśmieje - każdy kiedyś zaczynał
Co do pytania - tak skorzystaj z CSS position i ustaw je na fixed, a obrazek ustaw z pomocą bottom i right u dołu strony.
Więcej tu:
http://www.w3schools.com/cssref/pr_class_position.asp
Pozdrawiam
Re: I have a problem
Napisane: piątek, 4 lipca 2014, 17:30
przez maniun
Ja ogólnie zrobiłem div ukryj z pod którego wysuwa się div z obrazkiem przenoszącym w górę strony. Ale jednak kod ten coś mi nie działa. Obrazek przenoszący w górę strony w ogóle nie przenosi po kliknięciu.
kod html :
Code: Zaznacz cały
<div id="ukryj">
<div id="goto">
<a href="#"><img src="go_to.png" width="100" height="100"/></a>
</div>
</div>
kod css :
Code: Zaznacz cały
#goto{
z-index:-2;
width:100px;
height:100px;
margin-left:30px;
margin-top:338px;
position:fixed;
}
#ukryj{
z-index:-1;
width:200px;
height:950px;
background:black;
}
Re: I have a problem
Napisane: sobota, 5 lipca 2014, 12:52
przez Morfidon
Przenoszenie na górę strony możesz zrobić np. etykietą, ustaw na samej górze etykietę i przesuń do samej góry. W innym wypadku musisz znać JavaScript.
Re: I have a problem
Napisane: sobota, 5 lipca 2014, 21:43
przez maniun
Dziękuję bardzo za pomoc. Myślę że teraz sobie poradzę
Re: I have a problem
Napisane: poniedziałek, 18 sierpnia 2014, 20:41
przez joannabrodak
mialam podobny problem i google mnie tu przywialo
dzieki!
Re: I have a problem
Napisane: piątek, 20 listopada 2015, 15:56
przez andrzejkoziol11
Czyli można to też zrobić przy użyciu samego css, nie trzeba znać koniecznie javascript. Świetnie spróbuje zrobić coś takiego na swojej stronie.