Avatar billede popsy Novice
12. august 2003 - 00:18 Der er 15 kommentarer og
3 løsninger

Skifte udseende på knapper ligesom på scrollbars?

Har følgende til at få mine scrollvars til at se rigtige ud.:
<style type="text/css">
BODY{
  scrollbar-3d-light-color: #00466E;
  scrollbar-arrow-color: #CCCCCC;
  scrollbar-base-color: #00466E;
  scrollbar-dark-shadow-color: #00466E;
  scrollbar-face-color: #00466E;
  scrollbar-highlight-color: #CCCCCC;
  scrollbar-shadow-color: #CCCCCC;
}
</style>

Hvordan får jeg knapperne på denne side til at ændre udseende til det samme?
http://www.clan-ffj.dk/intro/pcwudfordring.html
Avatar billede ztyxx Nybegynder
12. august 2003 - 00:20 #1
Avatar billede ztyxx Nybegynder
12. august 2003 - 00:26 #2
lav denne til <input type=submit value=send class="knap">
og i din <style>
laver du det som

.knap {
    background-color:#farve;
    osv...
    }
Avatar billede miss-g Seniormester
12. august 2003 - 00:27 #3
Du kan læse lidt om stylesheets på knapper her (DANSK):

http://www.a-begynder.dk/scripts/css/css/button_design.htm
http://www.webdesign101.dk/css/cssbuttons2.php

Jeg har f.eks. brugt det på et textfield her:
<td width="100%"><input name=userID id=userID2 type=text value="Boomtown" style="font-size: xx-small; width: 140px; height: 18px; background-color: #FAFCFE; border-style: solid;border-bottom:1px solid #7F9DB9; border-right:1px solid #7F9DB9;border-top:1px solid #7F9DB9;border-left:1px solid #7F9DB9;color:#4F7BBD"></td>
Avatar billede miss-g Seniormester
12. august 2003 - 00:28 #5
style="font-size: xx-small;
width: 140px;
height: 18px;
background-color: #FAFCFE;
border-style: solid;
border-bottom:1px solid #7F9DB9;
border-right:1px solid #7F9DB9;
border-top:1px solid #7F9DB9;
border-left:1px solid #7F9DB9;
color:#4F7BBD
Avatar billede roenving Novice
12. august 2003 - 00:33 #6
.knap{
background:#00466e;
border:1px #ccc solid;
}
<input class="knap" type=submit value=send>

-- ellers skal man have fat i background-image -- som man gerne må bruge !-)
Avatar billede popsy Novice
12. august 2003 - 00:39 #7
Er meget ked af det, men jeg forstår altså ikke at bruge det der.

Jeg har forsøgt at indsætte det første i skriver.: .knap {
    background-color:#farve;
    osv...
    } oppe ved det der ligner, og som ændrer scrollbaren.

Det sidste i skriver indsatte jeg i stdet for det som stod ved knappen i bunden af siden, men tilsyneladende gav det ingen virkning, på trods af at jeg  huskede at indsætte farvekoden.

Jeg vil gerne ændre de andre knapper, dem som åbner op for valgmuligheder samtidig med, men i bliuver altså nødt til at skære lidt ud i pap for mig :(

Skal nok hæve pointene.
Avatar billede keysersoze Ekspert
12. august 2003 - 00:43 #8
prøv at læs de tutorials på de links jeg gav samt det ztyxx gav og afprøv deres eksempler... så er det lidt lettere og mere forståeligt at gå til
Avatar billede roenving Novice
12. august 2003 - 00:43 #9
Hvis du nu kigger i de to snips, jeg pastede, så er der en helt ny sektion til stylesheetet, som har selectoren .knap -- sådan en sætter du ind _før_ </style>-tagget ...
.knap{
...
}

Derefter tilføjer du en class="knap" inde i input-tagget for dine knapper, så vil du manipulere dem samtidig ved at ændre i .knap-definitionen !-)
Avatar billede popsy Novice
12. august 2003 - 00:51 #10
weee, den fes ind, nu virker det for mig.

Men jeg kan ikke rigtigt gennemskue om jeg kan ændre de andre knapper på samme måde, altså dem med valgmulighederne i, nogen der har et bud på det, inden jeg lukker?

(Tak for hjælpen :) )
Avatar billede popsy Novice
12. august 2003 - 01:01 #11
ztyxx og roenvig, vil i ikke ha del i pointene?
Avatar billede roenving Novice
12. august 2003 - 01:12 #12
Dine selects er det en hel del sværere med, men du kan ændre baggrunden og bogstaverne, men den der blå ting med den sorte pil på kan du desværre ikke ændre ...

-- og velbekomme '-)
Avatar billede popsy Novice
12. august 2003 - 01:18 #13
Ok, fandt lige ud af at ændre formularen fuldstændigt via jeres links, jeg er faktisk helt tilfreds med en nu ;)

En skam at man ikke kan ændre de sidste, men det kommer nok en dag :)

Ztyxx> Jeg lukker sp. kl 2, hvis du nu er gået i seng, og føler dig snydt, så skriv lige i morgen, så opretter jeg et sp. med din andel!

Tak for hjælpen alle sammen.
Avatar billede roenving Novice
12. august 2003 - 02:09 #14
-- og tak for points ;~}
Avatar billede 7th Praktikant
12. august 2003 - 02:18 #15
Hvis du i dit stylesheet lavede en class som hed

input
{
background-color: #00466E;
color: #CCCCCC;
border: 1px solid #CCCCCC;
font-family: verdana, sans-serif;
font-size: 10px;
padding:1px;
}

så ville du slippe for at skulle sætte en style på alle dine inputfelter, og dermed spare en masse besvær :)
Avatar billede popsy Novice
12. august 2003 - 02:22 #16
7th> Tak for tippet, det var godtnok lidt besværligt :)
Vil huske det næste gang ;)
Avatar billede ztyxx Nybegynder
12. august 2003 - 15:17 #17
popsy> det er okay med mig som det er, det kan være jeg kan hjælpe en anden gang :-)
Avatar billede popsy Novice
12. august 2003 - 15:24 #18
det er jeg sikker på du kan :)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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