Safari Style
Ik wil graag de Safari style hebben op mijn webpagina voor iedereen.
En dan heb ik het over de :
- tekst vakken
- select
- buttons
Hoe kan ik dit doen?
Bedankt.
Google eens op apple style forms..
Heb verschillende zoektermen gebruikt, vandaar vroeg ik mij af of iemand weet waar ik het vandaan kan halen
Justin Streuper op 09/10/2010 18:49:26:
Google eens op apple style forms..
apple style sheets
Ik kan geen styles vinden van safari..
Je gaat naar apple.com en doet dan bron weergeven. Daar zie je de index pagina waar je 2 links ziet naar een style sheet van apple.
en als je graag de link wilt hebben, klik je op een van onderstaande links.
http://images.apple.com/home/styles/home.css
of
http://images.apple.com/global/styles/base.css
Hopelijk zoek je dit ;)
Als ik nu op mijn website zit..
zie ik mooie knopjes. (Via safari)
Als ik naar firefox ga, zie ik leelijke vierkante knopjes.
en die leelijke knopjes wil ik het zelfde als in safari....
heb nog niets gevonden..
bij safari ziet het er zo uit:
http://img801.imageshack.us/img801/9698/schermafbeelding2010101.png
en in mn firefox in windows:
http://img829.imageshack.us/img829/5776/windowsb.png
van apple heb ik het volgende gejat en geplakt op mn website:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
<!-- apple -->
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-1.css" media="screen, print" />
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-2.css" media="screen, print" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-ie6.css" media="screen, print" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-ie7.css" media="screen, print" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-ie8.css" media="screen, print" />
<![endif]-->
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/regional/amr/css/aos-overrides.css" media="screen, print" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/regional/amr/css/aos-overrides-ie-6.css" media="screen, print" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/regional/amr/css/aos-overrides-ie-7.css" media="screen, print" />
<![endif]-->
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/US/Images/css/aos-local.css" media="" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/US/Images/css/aos-local-ie-6.css" media="" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/US/Images/css/aos-local-ie-7.css" media="" />
<![endif]-->
<!-- einde apple -->
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-1.css" media="screen, print" />
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-2.css" media="screen, print" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-ie6.css" media="screen, print" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-ie7.css" media="screen, print" />
<![endif]-->
<!--[if IE 8]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/rs/applestore-rs-ie8.css" media="screen, print" />
<![endif]-->
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/regional/amr/css/aos-overrides.css" media="screen, print" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/regional/amr/css/aos-overrides-ie-6.css" media="screen, print" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/regional/amr/css/aos-overrides-ie-7.css" media="screen, print" />
<![endif]-->
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/US/Images/css/aos-local.css" media="" />
<!--[if IE 6]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/US/Images/css/aos-local-ie-6.css" media="" />
<![endif]-->
<!--[if IE 7]>
<link rel="stylesheet" href="http://storeimages.apple.com/1751/store.apple.com/Catalog/US/Images/css/aos-local-ie-7.css" media="" />
<![endif]-->
<!-- einde apple -->
maar ik zie geen verschil :(
Gewijzigd op 10/10/2010 01:33:28 door Mitchel V
Dat is de browser style.
Volgens mij is dat heel moeilijk of niet aan te passen.
Als het überhaupt kan, dan heb je ook die plaatjes nodig, aan de css alleen heb je niet genoeg.