Avatar billede sucsa Nybegynder
11. august 2002 - 15:02 Der er 15 kommentarer og
2 løsninger

Links stylesheet samme efttekt på gifs m.v. som ved tekst

Nogen der kan fortælle mig hvordan jeg får den samme effekt på min menu som jeg har nu, hvis jeg bruger gifs istedet for den tekst der er nu? www.sucsa-clan.dk

Har p.t. et stylesheet som ser sådan ud:
/* normal tekst */
.a1 { font-family: AlaskanNights Snow;
font-weight: normal;
font-size: 17px;
color: #FFFFFF;
text-align: Left;
}

/* Normale links */
a
{font-family: AlaskanNights; font-size: 16px; text-align: left;}
a:link
{color: #00CCFF; text-decoration:none; background-color:transparent;}
a:visited
{text-decoration:none; Color: #00CCFF;background-color:transparent;}
a:hover
{color: #00FFFF; font-size: 16px;}
a:active
{color: #00CCFF; background-color:transparent;}
Avatar billede zaditor Nybegynder
11. august 2002 - 15:05 #1
Jamen der skal du ha' fat i noget JavaScript..
Avatar billede webmasterdk Praktikant
11. august 2002 - 15:08 #2
AlaskanNights er det en skrifttype du selv har installeret?
Avatar billede jakoba Nybegynder
11. august 2002 - 15:09 #3
teoretisk skulle dette virke. men du må selv sørge for at linkenes størrelse passer til billederne:

/* Normale links */
a    {
    font-family: AlaskanNights;
    font-size: 16px;
    text-align: left;
    background-image: url('bgfornormal.gif');
}
a:link  {
    color: #00CCFF;
    text-decoration:none;
    background-color:transparent;
}
a:visited  {
    text-decoration:none;
    Color: #00CCFF;
    background-color:transparent;
    background-image: url('bgforvisited.gif');
}
a:hover {
    color: #00FFFF;
    font-size: 16px;
    background-image: url('bgforhover.gif');
}
a:active {
    color: #00CCFF;
    background-color:transparent;
    background-image: url('bgforactive.gif');
}

og det er altså ikke testet. måske duer det slet ikke.

mvh JakobA
Avatar billede Slettet bruger
11. august 2002 - 15:12 #4
Så skal du bruge noget image-swap:

<script>
billeder = new Array("punkt1_over.gif", "punkt2_over.gif", "punkt3_over.gif"); //Billederne, der skal fremkomme, når man holder musen over punkterne

b = new Array();
for (i = 0; i < billeder.length; i++) {
b[i] = new image();
b[i].src = billeder[i];
}
</script>

Ved dine menupunkter:

<a href="link.html" target="dinFrame"><img src="punkt1.gif" border="0" onMouseOver="this.src = 'punkt1_over.gif';" onMouseOut="this.src = 'punkt1.gif';"></a>
Avatar billede jakoba Nybegynder
11. august 2002 - 15:13 #5
evt:
a    {
    display: block;  /* linie tilføjet */
    width:100px      /* linie tilføjet */
    height:35px      /* linie tilføjet */
    font-family: AlaskanNights;
    font-size: 16px;
    text-align: left;
    background-image: url('bgfornormal.gif');
}
Avatar billede sucsa Nybegynder
11. august 2002 - 15:20 #6
Zadiator-->det var sgu et råd der ville frem i verden :o) java script ja ala dynamicdrive.com meeen det skal jo være det samme som jeg har på mine tekst links nu (helst)

webmaster, yes yes I know about skrifttypen den bliver ikke vist osv derfor vil jeg så lave tekst om til gifs!!!!

Jakoba den med evt er det hvis den anden ikke helt virker!?

Phoenix----->dit forslag er jeg ik helt bekendt med?? kræver det flere billeder med effekten eller bliver effekten påført om man så må sige ved scriptet?!
Avatar billede Slettet bruger
11. august 2002 - 15:22 #7
Jeg er ikke sikker på, at jeg har opfattet spørgsmålet rigtigt.
Ville du ikke have, at når man holdt musen over en gif, så ændrede gif'en sig? For så bliver du højst sandsynligt nødt til at lave 2 gif'er for hvert punkt!
Avatar billede jakoba Nybegynder
11. august 2002 - 15:23 #8
nej, evt er for at sikre at linket fylder 100px * 35px selvom det er et kort menyord der står ovenpå.
Avatar billede Slettet bruger
11. august 2002 - 15:24 #9
P.S. I IE kan du inkludere skrifttyper, selvom de tager et stykke tid at hente:
http://www.microsoft.com/typography/web/embedding/default.htm
Avatar billede sucsa Nybegynder
11. august 2002 - 15:27 #10
phoenix-->med frygt for jeg har formuleret mig forkert så står der vist, jeg gerne vil have den samme effekt på mine gifs som jeg p.t. har på mine tekst links!???? den behøver ikke ændre sig nej blot effekten er der!
Hm jakoba det du har skrevet i din første post er så jeg skal tilføje/ændre den del der handler om links i stylesheets! Men den sidste linie tror jeg ikke lige jeg er med på! (background-image:url'bgforactive.gif'); baggrund for  link gif??
Avatar billede sucsa Nybegynder
11. august 2002 - 15:29 #11
Phoenix-->thx men seriøst hvor mange gider det?? så hvis jeg kan undgå det såå!
Avatar billede jakoba Nybegynder
11. august 2002 - 15:38 #12
Det er forskellige baggrundsbilleder for dine links. og jeg ser slet ingen mulighed for at undgå at skulle lave flere forskellige billeder.
Avatar billede jakoba Nybegynder
11. august 2002 - 15:39 #13
du kan også godt lave et billede for .link  hvis du ikke gør arver den blot det for .a
Avatar billede sucsa Nybegynder
11. august 2002 - 15:44 #14
jakoba hmmmm! øv vil jo netop gerne undgå flere forskellige billeder af gif!
Avatar billede Slettet bruger
11. august 2002 - 15:47 #15
Det kan du ikke undgå så! Hvis du vil have, at alle kan se din skrifttype, bliver du enten nødt til at bede dem downloade den eller oprette to gif's for hvert punkt i menuen. Men det er nu altså heller ikke særligt besværligt!
Avatar billede sucsa Nybegynder
11. august 2002 - 19:07 #16
hmm phoenix den tænker jeg så lige lidt over! men tak for svaret jakoba plz læg et svar så kan I dele points :O)
Avatar billede jakoba Nybegynder
11. august 2002 - 19:14 #17
ok :)
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