en färgad scroller-list på en "vanlig" hemsida? *går det?*
Alltså det är inte en sida i frames.
Regniga kramizar från Angel :f
Hur ska man göra...
10 svar · 362 visningar · startad av Angel
http://www.webforum.nu/showthread.php?s=&threadid=75227
http://www.webforum.nu/showthread.php?s=&threadid=1185&highlight=scrollbar
o.s.v...
*ZzznuttiZ-plitizZ-kramiZz*
Fast jag fattar inte hur jag ska...
skriva?
Alltså hur ska det se ut det som jag ska lägga in i dokumentet.html?
Lägger jag in det i css'n?
Hur ska det se ut?
Här är min css på min sida för frames MEN jag ska ju ha detta på en sida UTAN frames...
Hur ska jag göra om css'n då?
body {
font-family: verdana;
font-size:8pt;
color:#000099;
background-color: transparent;
scrollbar-face-color: #6e8cd4;
scrollbar-highlight-color: #6e8cd4;
scrollbar-3dlight-color: #6e8cd4;
scrollbar-darkshadow-color: #6e8cd4;
scrollbar-shadow-color:#6e8cd4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6e8cd4;
}
a:link{
color: #000099; text-decoration: none; cursor:crosshair
}
a:visited{
color: #000099; text-decoration: none;
}
a:hover{
color: #66ccff; text-decoration: underline overline; height:2pt; filter:blur; cursor:e-resize
}
a:active{
color: #000099; text-decoration: none;
}
iframe{
border: 1px dashed #000099;
}
Eftersom det där inte ingår i CSS-standarde så har jag för mig att du inte får ha någon dokumenttypsdeklaration för att det skall funka i Explorer (du vet väl för övrigt att det är ett påhitt från MS så det funkar bara i Explorer).
Men detta borde funka:
<html>
<head>
<title></title>
<style type="text/css">
<!--
body {
scrollbar-face-color: #6e8cd4;
scrollbar-highlight-color: #6e8cd4;
scrollbar-3dlight-color: #6e8cd4;
scrollbar-darkshadow-color: #6e8cd4;
scrollbar-shadow-color:#6e8cd4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6e8cd4;
}
-->
</style>
</head>
<body>
Hej och hopp!
</body>
</html>
Fast jag måste fråga igen....
Hur ska jag göra med min css & måste jag alltså skriva in scroll-listen på varje sida?
Hur ska min css se ut?
*Jag är jue lite trög jag :OO , fast jag försöker jue :)
Web-Tor skrev:
Eftersom det där inte ingår i CSS-standarde så har jag för mig att du inte får ha någon dokumenttypsdeklaration för att det skall funka i Explorer
Hmm...
Nu är jag besvärlig mot dig igen Tor :e
Det funkar även med en "helt korrekt" Doctype - men när du använder en sådan måste du ställa in scrollbar-attributen på html-taggen och inte på body.
Det funkar både i xhtml:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="sv" xml:lang="sv">
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<style type="text/css">
<!--
[b]html[/b] {
scrollbar-face-color: #6e8cd4;
scrollbar-highlight-color: #6e8cd4;
scrollbar-3dlight-color: #6e8cd4;
scrollbar-darkshadow-color: #6e8cd4;
scrollbar-shadow-color:#6e8cd4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6e8cd4;
}
-->
</style>
</head>
<body>
<p>Hej och hopp!</p>
</body>
</html>
och HTML4:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
<style type="text/css">
<!--
[b]html[/b] {
scrollbar-face-color: #6e8cd4;
scrollbar-highlight-color: #6e8cd4;
scrollbar-3dlight-color: #6e8cd4;
scrollbar-darkshadow-color: #6e8cd4;
scrollbar-shadow-color:#6e8cd4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6e8cd4;
}
-->
</style>
</head>
<body>
<p>Hej och hopp!</p>
</body>
</html>
Det är äkligt vilken koll "jarvklo" har ;) :e
"frankof" - den där lärde jag mig här på wF av någon här som sa emot någon som hävdade att det inte skulle gå med Doctype för ett tag sedan, men jag har skam tillsägandes glömt vem - antar att man borde söka lite mer :r
Angel:
Du kan lägga din CSS-kod i en separat fil och sedan länka in den på de sidor du vill ha färgade scrollbars. (och du kan ju alltod lägga *all* din CSS i separata filer om du vill slippa ha med en massa likadana utseendedeklarationer i alla dina filer...
Såhär skulle du t.ex. kunna göra:
Skapa en fil som heter t.ex. minegenstilmall.css och lägg in följande i den:
html {
scrollbar-face-color: #6e8cd4;
scrollbar-highlight-color: #6e8cd4;
scrollbar-3dlight-color: #6e8cd4;
scrollbar-darkshadow-color: #6e8cd4;
scrollbar-shadow-color:#6e8cd4;
scrollbar-arrow-color: #000099;
scrollbar-track-color: #6e8cd4;
}
Modifiera sedan din HTML-fil så att den länkar in minegenstilmall.css istället för att använda <style>-taggen såhär:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Test</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" >
[b]<link rel="stylesheet" type="text/css" href="minegenstilmall.css">[/b]
</head>
<body>
<p>Hej och hopp!</p>
</body>
</html>
Angel> Du har ju en *.css fil redan, öppna den och kläm in koden vetja ;)
<link rel="stylesheet" href="css_koden.css">
jarvklo> jaja, kom med ödmjuka ursäkter bara ;)