webForumDet fria alternativet

transparant scroll?

16 svar · 814 visningar · startad av silfver

silfverMedlem sedan apr. 200312 679 inlägg
#1

Hejsan.

Undrar om man på något sätt kan få scrollen transparant med hjälp av liknande kod:

body {
scrollbar-face-color: #D6DFE6;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #D6DFE6;
scrollbar-3dlight-color: #A1B5C4;
scrollbar-arrow-color: #768FA2;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #A1B5C4;
}

typ:

body {
scrollbar-face-color: transparent;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #D6DFE6;
scrollbar-3dlight-color: #A1B5C4;
scrollbar-arrow-color: #768FA2;
scrollbar-track-color: #FFFFFF;
scrollbar-darkshadow-color: #A1B5C4;
}

mvh

cyprysMedlem sedan dec. 20003 563 inlägg
#2

funkar inte det där?

ChoronzonMedlem sedan aug. 20011 346 inlägg
#3
  
  background-color: #ffffff;
  scrollbar-base-color:#ffffff;
  scrollbar-track-color:#ffffff;
  scrollbar-3dlight-color:#ffffff;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-arrow-color:#ffffff;
  scrollbar-shadow-color:#ffffff;
  scrollbar-base-color:#ffffff;
  scrollbar-highlight-color:#ffffff;
}
silfverMedlem sedan apr. 200312 679 inlägg
#4

Mitt förslag funkar inte.

Choronzon
Öh? edit: Har en bild som bakgrund. Går inte använda vit då. Vill ha transparant.

ChoronzonMedlem sedan aug. 20011 346 inlägg
#5

ok, trodde scrollen skulle bort bara..

silfverMedlem sedan apr. 200312 679 inlägg
#6

Men då hade jag nog klurat ut det själv ska du se.

ChoronzonMedlem sedan aug. 20011 346 inlägg
#7

så bra då;), men det hade inte funkat med din kod i alla fall..

silfverMedlem sedan apr. 200312 679 inlägg
#8

Nej jag vet att min kod inte fungerar, därför jag frågar här.
Frågade inte efter sneskrivna svar. Men tack ändå!

ChoronzonMedlem sedan aug. 20011 346 inlägg
#9

Haha, vaknat på fel sida eller? Jag läste väl fel, ok? Inget att bli upprörd över, dessutom framgick det inte i din fråga hur kunnig du är..:)

jarvkloMedlem sedan juli 20013 378 inlägg
#10

Hmm...

Antar att du kan lösa det med en 100% hög och bred <iframe> om inte annat, även om det kanske egentligen inte alls är det du är ute efter ;)

I en <iframe> har du nämligen det MSIE-specifika attributet allowtransparency att meka med - men enligt MSDN, http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/allowtransparency.asp , så funkar detta bara på <iframe> och <frame>-taggar, dock med följd att även scrollbar:en blir genomskinlig i MSIE om du "stilar den rätt"...

*Det* ämnet diskuterades i http://www.webforum.nu/showthread.php?s=&threadid=79146

och här är ett exempel från den diskussionen: http://member.webforum.nu/2241/iframetest.html

silfverMedlem sedan apr. 200312 679 inlägg
#11

jarvklo
Jag vill ha precis så som http://hem.passagen.se/farmor10/OGC/OGC/start.htm har gjort det. Om du tar dig en titt på "medlemmar".

Förstår inget på länkarna du gav mig.

mvh

jarvkloMedlem sedan juli 20013 378 inlägg
#12

Ok.
Det är kanske lite många detaljer om man inte klurat med det förr...
Och eftersom det var just Farmor som fick hjälp med detta i tråden jag refererade till så är detta inte någon "reverse engineering" eller "kodknäckning" av hans sida heller, utan bara en liten annan vinkling av exemplet som verkar ha hjälpt honom att "få till det" ;)

Hursomhelst - Här kommer en sammanfattning ;)

För MSIE kan du alltså ställa in en iframe så att den skall tillåta transparens.
Detta gör du genom att lägga till allowtransparency="true" på den iframe-tagg du vill använda för att inkludera en viss fil.

<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
body {
	background-image:url(enbild.jpg);
}
iframe {
height:80%;
width:80%;
}
-->
</style>
</head>
<body>
<iframe src="enwebbsidamedtransparens.html" ALLOWTRANSPARENCY="true" ></iframe>
</body>
</html>

Resten av "tricket" beror på hur MSIE hanterar "opacity"-filter och läggs i "enwebbsidamedtransparens.html" - dvs den sidan du laddar in i den iframe som nu tillåter transparens...
(opacity hanterar graden av "genomskinlighet" för en sida, och det visar sig att detta även påverkar scrollbarens "genomskinlighet").

<html>
<head>
<title>En testsida med transparens</title>
<style type="text/css">
<!--
body
{
background-color:white;
color:black;
filter:Alpha(Opacity=60);
}
-->
</style>
</head>
<body>
<p>Kolla in! jag är lite genomskinlig!</p>
[...*många flera så att man får "scroll"*...]
<p>Kolla in! jag är lite genomskinlig!</p>
</body>
</html>

Provkör exemplet: http://member.webforum.nu/2241/transparentiframe.html
och filen som laddas in finns på
http://member.webforum.nu/2241/enwebbsidamedtransparens.html

ChoronzonMedlem sedan aug. 20011 346 inlägg
#13

silfver skrev:

jarvklo
Jag vill ha precis så som http://hem.passagen.se/farmor10/OGC/OGC/start.htm har gjort det. Om du tar dig en titt på "medlemmar".

Förstår inget på länkarna du gav mig.

mvh

Oj, den sidan såg inte rolig ut i NS7..

silfverMedlem sedan apr. 200312 679 inlägg
#14

jarvklo skrev:

Ok.
Det är kanske lite många detaljer om man inte klurat med det förr...
Och eftersom det var just Farmor som fick hjälp med detta i tråden jag refererade till så är detta inte någon "reverse engineering" eller "kodknäckning" av hans sida heller, utan bara en liten annan vinkling av exemplet som verkar ha hjälpt honom att "få till det" ;)

Hursomhelst - Här kommer en sammanfattning ;)

För MSIE kan du alltså ställa in en iframe så att den skall tillåta transparens.
Detta gör du genom att lägga till allowtransparency="true" på den iframe-tagg du vill använda för att inkludera en viss fil.

<html>
<head>
<title>Test</title>
<style type="text/css">
<!--
body {
	background-image:url(enbild.jpg);
}
iframe {
height:80%;
width:80%;
}
-->
</style>
</head>
<body>
<iframe src="enwebbsidamedtransparens.html" ALLOWTRANSPARENCY="true" ></iframe>
</body>
</html>

Resten av "tricket" beror på hur MSIE hanterar "opacity"-filter och läggs i "enwebbsidamedtransparens.html" - dvs den sidan du laddar in i den iframe som nu tillåter transparens...
(opacity hanterar graden av "genomskinlighet" för en sida, och det visar sig att detta även påverkar scrollbarens "genomskinlighet").

<html>
<head>
<title>En testsida med transparens</title>
<style type="text/css">
<!--
body
{
background-color:white;
color:black;
filter:Alpha(Opacity=60);
}
-->
</style>
</head>
<body>
<p>Kolla in! jag är lite genomskinlig!</p>
[...*många flera så att man får "scroll"*...]
<p>Kolla in! jag är lite genomskinlig!</p>
</body>
</html>

Provkör exemplet: http://member.webforum.nu/2241/transparentiframe.html
och filen som laddas in finns på
http://member.webforum.nu/2241/enwebbsidamedtransparens.html

Men dom där effekterna gör ju hela sidan transparant. Vill inte ha transparant text, endast scroll. Antar att det inte går?

mvh

jarvkloMedlem sedan juli 20013 378 inlägg
#15

OK.

Då tolkade jag det du sa om

Jag vill ha precis så som http://hem.passagen.se/farmor10/OGC/OGC/start.htm har gjort det. Om du tar dig en titt på "medlemmar".

lite fel ;)

Hursomhelst:
Sökte lite på Google - och *helt* omöjligt är det inte - i MSIE6 ;)
http://www.la-soldier.net/Graphics/Tutor/transscr.htm

silfverMedlem sedan apr. 200312 679 inlägg
#16

Nu ska vi inte vara elaka :D
Ska testa ditt förslag så snart jag får en rast och lite tid över.
Tacka vet jag fjärrskrivbord :)

mvh

silfverMedlem sedan apr. 200312 679 inlägg
#17

Känns som om jag lyckades ganska bra till slut.
https://www.silfver.se/modell.htm

Lite finjusteringar återstår, men det fixar jag när jag kommer hem.
Tack för länken jarvis ;)

mvh

135 ms totalt · 3 externa anrop · v20260731065814-full.beb2e261
0 ms — hämta forumlista (cache)
0 ms — hämta statistik (cache)
131 ms — hämta tråd, inlägg och bilagor (db)