Fade Script

garkan · 30 Augusti 2007

Hej alla .

Jag undrar hur fade-scriptet som är på joakimweb.se är

baraför Joakim verkar ha tatt bort själva scriptet och

jag hittar det inte i google , så jag ber er att bara skriva

det här , tack!

robink93 · 2 September 2007

Gå in på www.hell.com och kolla på källkoden.

Fality · 2 September 2007

Hej alla .

Jag undrar hur fade-scriptet som är på joakimweb.se är

baraför Joakim verkar ha tatt bort själva scriptet och

jag hittar det inte i google , så jag ber er att bara skriva

det här , tack!

Om du menar login rutan så har han valt att göra såhär:

När bakgrundsbilden är 'normal' dvs att du inte har musen över den så ser den ut såhär:

http://www.joakimweb.se/assets/images/userbox.png

Han har också valt att lägga till hover för userbox (userbox är CSS id'n som kontrollerar Joakims login ruta). userbox:hover kontrollerar vad som händer när man för musen över userbox. Såhär ser bakgrundsbilden ut för userbox:hover:

http://www.joakimweb.se/assets/images/userbox-hover.png

För att göra det här krävs väldigt lite CSS och HTML erfarenhet. admin har gjort samma sak med menyn längre upp på sidan (antar jag :P)

garkan · 2 September 2007

Om du menar login rutan så har han valt att göra såhär:

När bakgrundsbilden är 'normal' dvs att du inte har musen över den så ser den ut såhär:

http://www.joakimweb.se/assets/images/userbox.png

Han har också valt att lägga till hover för userbox (userbox är CSS id'n som kontrollerar Joakims login ruta). userbox:hover kontrollerar vad som händer när man för musen över userbox. Såhär ser bakgrundsbilden ut för userbox:hover:

http://www.joakimweb.se/assets/images/userbox-hover.png

För att göra det här krävs väldigt lite CSS och HTML erfarenhet. admin har gjort samma sak med menyn längre upp på sidan (antar jag :P)

Nej , menar själva fade-scriptet han hade skrivit upp , asså det som används av

javascript + kokosboll det funkar ej..

robink93 · 3 September 2007


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
	<title>LIGHTBOX EXAMPLE</title>
	<style>
	.black_overlay{
		display: none;
		position: absolute;
		top: 0%;
		left: 0%;
		width: 100%;
		height: 100%;
		background-color: black;
		z-index:1001;
		-moz-opacity: 0.8;
		opacity:.80;
		filter: alpha(opacity=80);
	}
	.white_content {
		display: none;
		position: absolute;
		top: 25%;
		left: 25%;
		width: 50%;
		height: 50%;
		padding: 16px;
		border: 16px solid orange;
		background-color: white;
		z-index:1002;
		overflow: auto;
	}
</style>
</head>
<body>
	<p>Test innehåll, för att öppna ett litet fönster, klicka <a href = "java script:void(0)" onclick = "document.getElementById('light').style.display='block';document.getElementById('fade').style.display='block'">här</a></p>

	<div id="light" class="white_content">Hej hej <a href = "java script:void(0)" onclick = "document.getElementById('light').style.display='none';document.getElementById('fade').style.display='none'">Stäng</a></div>
	<div id="fade" class="black_overlay"></div>
</body>
</html>

Ska funka.

Fality · 3 September 2007

Skulle vara kul om du förklarade vad du gjorde. ;)

Ozoon · 3 September 2007

lite svårt att förklara då ni tydligen inte kan CSS?

Fality · 3 September 2007

lite svårt att förklara då ni tydligen inte kan CSS?

vem har sagt att jag inte kan det? :lol:

Ozoon · 3 September 2007

jag chansade, eftersom CSS är hyffsat lättförståeligt om man har nån aning om hur det används ;)

garkan · 4 September 2007

jag chansade, eftersom CSS är hyffsat lättförståeligt om man har nån aning om hur det används ;)

Varför går ni offtopic!?

För typ ett år sen i Javascript Scriptarkivet i Joakimweb.se så fanns

det ett Fade script som gjorde att din bild bara hade Opacity 50 när

man inte rörde den , men onMouseover så kom dem till 100 .

Asså ni måste veta den :) , jag tror Nico kan den :P

nico · 4 September 2007

jag chansade, eftersom CSS är hyffsat lättförståeligt om man har nån aning om hur det används ;)
Varför går ni offtopic!?
För typ ett år sen i Javascript Scriptarkivet i Joakimweb.se så fanns

det ett Fade script som gjorde att din bild bara hade Opacity 50 när

man inte rörde den , men onMouseover så kom dem till 100 .

Asså ni måste veta den :) , jag tror Nico kan den :P

Du kan ju göra på lite olika sätt. Kan trösta dig med att om scriptet fanns på joakimweb var det nog inget höjdarscript... :rolleyes:

Finns ett fadescript på denna sida men kanske lite för svårförstått? Kan moddas så att det får den effekten som du vill ha. Annars finns ju google.

Har även gjort ett jag också (eller rättare sagt moddat och gjort om ett annat) men inte helt klart.

Redigerat 4 September 2007 av nico

Ozoon · 4 September 2007

är ingen höjdare på javascript... men det ska det bli ändring på ;)

lär ta ett tag dock.

Logga in

Fade Script

Rekommendera inlägg

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Länk till kommentar

Dela på andra sajter

Gå med i konversationen