/ Forside / Teknologi / Udvikling / HTML / Nyhedsindlæg
Login
Glemt dit kodeord?
Brugernavn

Kodeord


Reklame
Top 10 brugere
HTML
#NavnPoint
molokyle 11184
Klaudi 5506
bentjuul 3377
severino 2040
smorch 1950
strarup 1525
natmaden 1396
scootergr.. 1320
e.c 1150
10  miritdk 1110
Farve på Scroll bar (CSS)
Fra : Ulrik Christensen


Dato : 10-01-04 20:42

Hey, jeg sidder med en hjemmeside hvor jeg har lavet en masse
ting, men for at designet kommer til at se godt ud ville jeg
gerne have min scroll bar i mit /div til at have en anden farve,
nærmere bestemt en HEX farve.... Jeg er ikke så godt til html
eller andet for den sags skyld, jeg har læst de andre indlæg
omkring dette emne, men kan ikke regne ud hvordan det virker
alligevel, sorry... Hvis du/i skal se koderne bag siden så kommer
de her :

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html;
charset=iso-8859-1">
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4
resized
if (init==true) with (navigator) {if
((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight;
onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW ||
innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_swapImgRestore() { //v3.0
var i,x,a=document.MM_sr;
for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_preloadImages() { //v3.0
var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image;
d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document;
if((p=n.indexOf("?"))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document;
n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for
(i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++)
x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array;
for(i=0;i<(a.length-2);i+=3)
if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x;
if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}
//-->
</script>
</head>

<body bgcolor="996633" text="996633" link="996633" leftmargin="0"
topmargin="30"
onLoad="MM_preloadImages('medlemmer02.jpg','galleri02.jpg','sjovo
gspas02.jpg','forum02.jpg','link02.jpg','kontakt02.jpg','historie
02.jpg')">
<div id="Layer1" style="position:absolute; left:528px; top:86px;
width:383px; height:407px; z-index:0; overflow: auto;
background-image: url(3tosser.jpg); layer-background-image:
url(3tosser.jpg); border: 1px none #000000;">
<p>Velkommen til Klanens hjemmeside....</p>
<p>P&aring; dette web site vil du kunne finde informationer
omkring Klanen samt
drinks opskrifter, &oslash;l lege og meget meget mere.</p>
<p>TYLLER.</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>ikke noget at læse hernede....</p>
</div>
<table width="950" height="430" border="0" align="center"
cellpadding="0" cellspacing="0">
<tr>
<td width="496" align="left" valign="top"
bgcolor="CC9966"><table width="475" height="500" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td width="475" height="178" align="center"
valign="bottom"><img src="klan.jpg" width="392"
height="145"></td>
</tr>
<tr>
<td align="left" valign="top"><table width="456"
height="297" border="0" cellpadding="0" cellspacing="0">
<tr>
<td width="298" align="right" valign="middle">
<img src="blondy.jpg" width="230" height="186"></td>
<td width="158" align="center"
valign="top"><table width="161" height="256" border="0"
cellpadding="0" cellspacing="0">
<tr>
<td width="148" height="34" align="center"
valign="middle"><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('historie','','historie02.jpg',1)"><img
src="historie01.jpg" name="historie" width="78" height="34"
border="0"></a></td>
</tr>
<tr>
<td height="33" align="center"
valign="middle"><a href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('medlemmer','','medlemmer02.jpg',1)"><i
mg src="medlemmer01.jpg" name="medlemmer" width="111" height="27"
border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a
href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('galleri','','galleri02.jpg',1)"><img
src="galleri01.jpg" name="galleri" width="60" height="21"
border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a
href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('sjovogspas','','sjovogspas02.jpg',1)">
<img src="sjovogspas01.jpg" name="sjovogspas" width="121"
height="22" border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a
href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('forum','','forum02.jpg',1)"><img
src="forum01.jpg" name="forum" width="58" height="21"
border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a
href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('links','','link02.jpg',1)"><img
src="link01.jpg" name="links" width="49" height="22"
border="0"></a></td>
</tr>
<tr>
<td align="center" valign="middle"><a
href="#" onMouseOut="MM_swapImgRestore()"
onMouseOver="MM_swapImage('kontakt','','kontakt02.jpg',1)"><img
src="kontakt01.jpg" name="kontakt" width="73" height="21"
border="0"></a></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="454" height="500" align="left" valign="middle"
bgcolor="CC9966"><table width="397" height="436" border="3"
cellpadding="0" cellspacing="0" bordercolor="996633">
<tr>
<td>&nbsp;</td>
</tr>
</table></td>
</tr>
</table>
<div align="center"></div>
</body>
</html>



Håber du/i kan hjælpe...... danke...
UC

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

 
 
Lars Haugaard (10-01-2004)
Kommentar
Fra : Lars Haugaard


Dato : 10-01-04 22:08


"Ulrik Christensen" <uc@yield.dk> skrev
> Hey, jeg sidder med en hjemmeside hvor jeg har lavet en masse
> ting, men for at designet kommer til at se godt ud ville jeg
> gerne have min scroll bar i mit /div til at have en anden farve,
> nærmere bestemt en HEX farve....

> Håber du/i kan hjælpe...... danke...
> UC

Sæt dette ind i din CSS fil
body
{
scrollbar-face-color: #FFFFFF;
scrollbar-highlight-color: #2E6CB3;
scrollbar-shadow-color: #7CA3CA;
scrollbar-3dlight-color: #7CA3CA;
scrollbar-arrow-color: #2E6CB3;
scrollbar-track-color: #7CA3CA;
scrollbar-darkshadow-color: #7CA3CA;
scrollbar-base-color: #7CA3CA;
}

Du skal så bare justere HEX koderne til højre.
--
Lars Haugaard
www.MB-Skovservice.dk - træfældning, topkapning, beskæring, rodfræsning



Jørgen Graae Jensen (10-01-2004)
Kommentar
Fra : Jørgen Graae Jensen


Dato : 10-01-04 23:05

> "Ulrik Christensen" <uc@yield.dk> skrev
> > Hey, jeg sidder med en hjemmeside hvor jeg har lavet en masse
> > ting, men for at designet kommer til at se godt ud ville jeg
> > gerne have min scroll bar i mit /div til at have en anden farve,
> > nærmere bestemt en HEX farve....
>
> > Håber du/i kan hjælpe...... danke...
> > UC

<style>
<!--body {scrollbar-face-color: 336699; scrollbar-shadow-color: black;
scrollbar-highlight-color: 336699; scrollbar-3dlight-color: black;
scrollbar-darkshadow-color:336699; scrollbar-track-color: black;
scrollbar-arrow-color: yellow;}-->
</style>

Sæt denne kode ind på siden. Du kan selv bestemme farverne med andre tal
efter color:.
Jørgen

--
Vil du lære at kode HTML, XHTML, CSS, SSI eller ASP?
- Pædagogiske tutorials på dansk
- Kom godt i gang med koderne
KLIK HER! => http://www.html.dk/tutorials

Jens Gyldenkærne Cla~ (10-01-2004)
Kommentar
Fra : Jens Gyldenkærne Cla~


Dato : 10-01-04 23:25

Ulrik Christensen skrev:

> Hey, jeg sidder med en hjemmeside hvor jeg har lavet en masse
> ting, men for at designet kommer til at se godt ud ville jeg
> gerne have min scroll bar i mit /div til at have en anden farve,

Du er vel klar over at det kun er nogle browsere der understøtter
farvede scrollbars?

> nærmere bestemt en HEX farve.... Jeg er ikke så godt til html
> eller andet for den sags skyld, jeg har læst de andre indlæg
> omkring dette emne, men kan ikke regne ud hvordan det virker
> alligevel, sorry...

Prøv at læse <http://www.html.dk/artikler/00010/> (fundet med en
kvik googlesøgning:
<http://www.google.com/search?q=scrollbar+color+site%3Ahtml.dk>


> Hvis du/i skal se koderne bag siden så kommer de her :

[snip - knap 200 linjers html-kode]

Ellers tak, jeg vil helst være fri. Udvalgte kodelinjer kan være
o.k., men det vigtigste - og bedste - er hvis du giver et link til
den side du arbejder med. Newsprogrammer er ikke specielt gode til
at vise html-kode - men browsere er derimod beregnet til det.

Læs evt. Lasse Reichstein Nielsens fine vejledning til at stille
spørgsmål i en html-gruppe: <http://infimum.dk/HTML/hjaelpmig.html>
--
Jens Gyldenkærne Clausen
Svar venligst under det du citerer, og citer kun det der er
nødvendigt for at forstå dit svar i sammenhængen. Se hvorfor og
hvordan på http://usenet.dk/netikette/citatteknik.html

Søg
Reklame
Statistik
Spørgsmål : 177554
Tips : 31968
Nyheder : 719565
Indlæg : 6408852
Brugere : 218888

Månedens bedste
Årets bedste
Sidste års bedste