Wszystko o tworzeniu stron w języku X(HTML) i CSS
maniun
Początkujący
Posty: 11 Dołączył(a): środa, 2 lipca 2014, 22:51
Post
przez maniun » środa, 2 lipca 2014, 23:07
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
Morfidon
Administrator
Posty: 1332 Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:
Post
przez Morfidon » czwartek, 3 lipca 2014, 12:34
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
maniun
Początkujący
Posty: 11 Dołączył(a): środa, 2 lipca 2014, 22:51
Post
przez maniun » piątek, 4 lipca 2014, 17:30
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;
}
Morfidon
Administrator
Posty: 1332 Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:
Post
przez Morfidon » sobota, 5 lipca 2014, 12:52
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.
maniun
Początkujący
Posty: 11 Dołączył(a): środa, 2 lipca 2014, 22:51
Post
przez maniun » sobota, 5 lipca 2014, 21:43
Dziękuję bardzo za pomoc. Myślę że teraz sobie poradzę
joannabrodak
Nowicjusz
Posty: 3 Dołączył(a): poniedziałek, 18 sierpnia 2014, 20:38
Contact:
Post
przez joannabrodak » poniedziałek, 18 sierpnia 2014, 20:41
mialam podobny problem i google mnie tu przywialo
dzieki!
andrzejkoziol11
Nowicjusz
Posty: 3 Dołączył(a): piątek, 20 listopada 2015, 15:47
Contact:
Post
przez andrzejkoziol11 » piątek, 20 listopada 2015, 15:56
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.