Kirjautuminen

Haku

Tehtävät

Keskustelu: Nettisivujen teko: Elementill pyöristetyt kulmat

(nimetön) [19.12.2008 10:25:48]

#

Kuinka pystyy tekemään elementille pyöristetyt kulmat, ilman mozillaa tai kuvaa?
Olen testaillut jqueryn ohjelmaa, vaan en saa toimimaan sitä. Sillä pystyy käsittääkseni tekemään erilaisia kulmia, viisteitä, taitettuja, pyöristettyjä ym.
Aloittelijana kysyisin neuvoa viisammilta.
Jquery löytyy tuolta:
http://www.visual-blast.com/fi/javascript/jquery-rounded-corners-plugin/

jlaire [19.12.2008 12:41:42]

#

lainaus:

Degrades well for browsers with javascript turned off.
Hajoaa hyvin selaimen javascript pois päältä.

O_o

Esimerkit linkittävät dokumentaatioon, ja minusta tuon käyttö vaikuttaa todella yksinkertaiselta. Miten se ei toimi? Näytä mitä olet yrittänyt tehdä, niin joku osaa varmaan sanoa missä menee pieleen.

(nimetön) [19.12.2008 21:47:37]

#

Liitin nuo esimerkit tai yhden niistä bodyyn ja hain kaksi js kansiota tuolta jqueryn sivuilta, yhden ohjeen mukaisesti,
Headiin laitoin tiedon noista kansioista, eikä tällä toiminut,

Nuo js tiedostot olen poistanut suutuspäissäni mut ne oli muistaakseni
jquery.js ja corner.js en tiedä sit oliko ne oikeita ku ei alkanu toimiin.

Yritän viikonloppuna uusiks ja ilmoittelen sit täällä.
Jos jollain on oikeet skriptit ja neuvot niin KIITOS etukäteen.

tuolta sain ohjeita: http://www.methvin.com/jquery/jq-corner.html

Hain heti ne kansiot ja tein sen jutun uusiks,
nuo js. tiedostot on ton sivun kanssa samassa kansiossa.
Mitkähän asiat tuossa on väärin?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta content="text/html; charset=ISO-8859-1"
 http-equiv="content-type" />
  <title>corner</title>
  <script type="text/javascript" src="/jquery.corner.js"></script>
  <script type="text/javascript" src="/jquery-1.2.6.min.js"></script>
</head>
<body>
<div style="padding: 5px; background-color: rgb(170, 204, 204);"
 class="rounded">
Simple Example
</div>
<script>$(document).ready( function(){
$('.rounded').corners();
});</script>
</body>
</html>

Vastaus

Aihe on jo aika vanha, joten et voi enää vastata siihen.

Tietoa sivustosta