Notifikationer

Markér alle som læst Log ud

lsskaarup Nybegynder

04. marts 2003 - 13:15 Der er 17 kommentarer og
1 løsning

ændre udseende på textarea - især scrollbaren

Kan man ikke ændre på hvordan scrollbaren ser ud, jeg har kun fået den til at forsvinde, auto, vist heletiden. Jeg kunne godt tænke mig at ændre den grafisk, så man f.eks. kun så pilene og ikke selve baren.

Synes godt om

morten_leth Nybegynder

04. marts 2003 - 13:17 #1

http://www.backside.dk/scroll.htm
joda

Synes godt om

exp Juniormester

04. marts 2003 - 13:23 #2

body {
scrollbar-face-color: red;
scrollbar-highlight-color: red;
scrollbar-3dlight-color: red;
scrollbar-darkshadow-color: red;
scrollbar-shadow-color: red;
scrollbar-arrow-color: black;
scrollbar-track-color: red;
}

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 13:32 #3

Man kan ikke gøre det direkte via Dreamweaver, for det kunne være fedt.

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 13:34 #4

Mit problem er at jeg godt kunne tænke mig at den bliver gennemsigtig, eller noget lignede. Hvis det da kan lade sig gøre.

Synes godt om

exp Juniormester

04. marts 2003 - 13:34 #5

Tror jeg ikke - Det ovenstående skal bare skrives ind i enten:
1: Dit eksterne stylesheet (filnavn.css) eller
2: dette indsættes i dit head (<head> indsættes her </head>)

<style type="text/css">

</style>

Synes godt om

exp Juniormester

04. marts 2003 - 13:35 #6

Gennemsigtig scrollbar! Det er straks noget andet!!!

http://www30.brinkster.com/criteriu/index.asp?page=design

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 13:46 #7

Den tror jeg godt lige jeg vil have lidt hjælp til

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 13:50 #8

Er ikke nødvendigt tilføjede bare filter: Alpha(Opacity=30); i textarea i min stylesheet. Tak for hjælpen exp

Synes godt om

exp Juniormester

04. marts 2003 - 13:55 #9

Det var så lidt :o)

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 14:00 #10

Hov lige et ekstre spørgsmål. Jeg kan se at teksten eller ikke er så tydelig længere er der noget jeg kan gøre ved det ?

Synes godt om

exp Juniormester

04. marts 2003 - 14:09 #11

Du har jo gjort den gennemsigtig...

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 14:44 #12

Jo, men teksten er ikke så fandens tydelig, der findes ikke en koder som håndterer textareaet for sig selv og teksten i textareaet for sig selv.

Synes godt om

exp Juniormester

04. marts 2003 - 14:44 #13

... måske - øjeblik

Synes godt om

exp Juniormester

04. marts 2003 - 15:17 #14

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<script>
onload=function() {
if (!document.all && document.getElementById) { // vi bliver nød til at fjerne contentholder i NS6. desværre også bygge styles ind.
topnode = document.getElementById('contentHolder').parentNode;
nd = document.getElementById('nonTransparentLayer').cloneNode(true);
nd.style.overflow = 'auto';
nd.style.width = '320px';
nd.style.height = '450px';
nd.style.padding = '5px';
nd.style.border = '1px';
nd.style.backgroundColor = '#bbcaf3'; // farve valgt så det ligner IE.
topnode.removeChild(document.getElementById('contentHolder'));
topnode.appendChild(nd);
} else { // bare derudaf. vi overskrive onscroll fra det gennemskinnelige lag og binder det til style.top på indholdet
document.getElementById('balloon').style.height=document.getElementById('nonTransparentLayer').clientHeight;
document.getElementById('transparentLayer').onscroll = function() {
document.getElementById('nonTransparentLayer').style.top=-document.getElementById('transparentLayer').scrollTop;
}
}
}
</script>
<style>
#contentHolder {
width:320px; height:450px; z-index:-1;
overflow:hidden;
}
#transparentLayer {
position:absolute;
width:320px; height:450px; z-index:1;
overflow:auto;
padding:5px; border:1 solid #2372DD;
background:#17488B;
filter: Alpha(Opacity=30);
}
#nonTransparentLayer {
position:absolute;
width:300px; height:450px; z-index:2;
color:black;
}
</style>
<title>Untitled</title>
</head>

<body>


<div id="contentHolder">


<div id="transparentLayer">
<div id="balloon"></div>
</div>


<div id="nonTransparentLayer">
jkljklkjklj jkjkl jklj klj klj kl j kkljkl
jklkljkljkljklkjklj jkjkl jklj klj klj kl j 
kkljkljklkljkljkljklkjklj jkjkl jklj klj klj
 kl j kkljkljklkljkljkljklkjklj jkjkl jklj
 klj klj kl j kkljkljklkljkljkljklkjklj 
jkjkl jklj klj klj kl j kkljkljklkljkljkljkl
kjklj jkjkl jklj klj klj kl j kkljkljklkl
jkljkljklkjklj jkjkl jklj klj klj kl j k
kljkljklkljkljkljklkjklj jkjkl jklj klj klj
 kl j kkljkljklkljkl
</div>

</div>

</body>
</html>

kilde: http://www.dsr.kvl.dk/~maddog/232309.html

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 15:24 #15

ja, det et netop den jeg ikke helt forstår, hvor fa.... ligger koden til font

Synes godt om

exp Juniormester

04. marts 2003 - 15:27 #16

<div id="nonTransparentLayer">

Her er indholdet af tekstfeltet - der kan bruges ALLE html-koder

</div>

Her defineres style for indholdet:

#nonTransparentLayer {
position:absolute;
width:300px; height:450px; z-index:2;
color:black;
}

Synes godt om

lsskaarup Nybegynder

04. marts 2003 - 15:36 #17

okay, takker

Synes godt om

exp Juniormester

04. marts 2003 - 15:37 #18

Synes godt om

Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS