I have a problem

Wszystko o tworzeniu stron w języku X(HTML) i CSS
maniun
Początkujący
Początkujący
Posty: 11
Dołączył(a): środa, 2 lipca 2014, 22:51

I have a problem

Post 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 :P 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
Administrator
Posty: 1332
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:

Re: I have a problem

Post 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
maniun
Początkujący
Początkujący
Posty: 11
Dołączył(a): środa, 2 lipca 2014, 22:51

Re: I have a problem

Post 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;
}

Morfidon
Administrator
Administrator
Posty: 1332
Dołączył(a): wtorek, 5 sierpnia 2008, 21:48
Contact:

Re: I have a problem

Post 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.
maniun
Początkujący
Początkujący
Posty: 11
Dołączył(a): środa, 2 lipca 2014, 22:51

Re: I have a problem

Post przez maniun »

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:

Re: I have a problem

Post przez joannabrodak »

mialam podobny problem i google mnie tu przywialo :D dzieki!
andrzejkoziol11
Nowicjusz
Posty: 3
Dołączył(a): piątek, 20 listopada 2015, 15:47
Contact:

Re: I have a problem

Post 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.
Post Reply