내 웹 사이트를 완성하고 스타일 시트를 완성했지만 이제는 other.css라고하는 두 번째 스타일 시트를 만들었습니다. 내가 뭘 하려는지 내 홈페이지에 하나의 "normal.css"와 하나는 "other.css"와 2 개의 링크가 있습니다. 그래서 기본적으로 사용자가 내 2 가지 스타일 중 하나를 선택할 수 있기를 바랍니다. 필자의 모든 원본 페이지를 복제하고 이름에 "2"를 추가했으며, other.css를 작성하여이 페이지에서 참조했습니다. "2"페이지는 모두 대체 레이아웃을 잘 표시하지만 사용자가 스타일을 전환 할 수있는 방법을 모릅니다 ... 어떤 도움을 주시겠습니까?내 웹 사이트에 2 개의 스타일 시트 사용 html
N.B. 내 HTML은 전혀 바뀌지 않아서, 나는 CSS 파일 만 바꾸고있다.
데이브
좋은 질문입니다. 대답은 사용중인 서버 측 기술에 크게 달려 있습니다. 예를 들어, 일반적으로 사용하는 Google App Engine을 사용하면 HTML의 헤더 부분을 다른 CSS 파일을 가리 키도록 변경하는 것이 간단합니다. 하지만 정적 HTML 파일이 아닙니다.
CSS Zen Garden은 특별히 다른 스타일 시트와 함께 제공되는 동일한 HTML 파일을 설명하는 웹 사이트입니다. 어쩌면 거기에서이 작업을 수행하는 방법에 대한 아이디어를 얻을 수 있습니다. 스타일이 다른 페이지는 동일한 HTML 소스를 가지고 있더라도 정적 .html 페이지가 아니라는 것을 다시 알 수 있습니다.
This W3C page뿐만 아니라 실제로 수행하는 방법을 설명 할뿐만 아니라 실제로 여러 가지 스타일 시트가 있으므로 실제로 실제로 테스트 할 수 있습니다.
대부분의 브라우저에서 사용자는보기 → 페이지 스타일과 같은 것으로 스타일 시트를 전환 할 수 있습니다. 필요한 것은 메뉴 막대가 보이도록하는 것입니다 ...
서버에 PHP가있는 경우 쿠키를 기반으로 스타일 시트를 변경할 수 있습니다. 다음 코드는 작동합니다 :
if ($_COOKIE['style'] == '1') {
echo '<link rel="stylesheet" href="normal.css" type="text/css" />';
}
elseif ($_COOKIE['style'] == '2') {
echo '<link rel="stylesheet" href="other.css" type="text/css" />';
}
else {
echo '<link rel="stylesheet" href="normal.css" type="text/css" />';
}
이 페이지의 하단에 링크를 추가 변경의 스타일 changestyle.php 페이지에서
다음과 같습니다
if ((isset($_COOKIE['style'])) AND ($_COOKIE['style'] == '1')) {
setcookie(style,2)
}
elseif ((isset($_COOKIE['style'])) AND ($_COOKIE['style'] == '2')) {
setcookie(style,1)
}
else {
setcookie(style,2)
}
당신은 어떤을 사용하는 특정 서버 측 기술? –
스타일 시트 링크에 대한 html을 보여줍니다. 자바 스크립트를 사용할 수 있습니까? (클라이언트 선택의 경우, 필자가 * 필요하다고 생각하기 때문에)? –
내 웹 사이트가 온라인 상태가되지 않을 것입니다. 나는 단지 자신을 가르치려고합니다. 나는 링크를 아직, 헤더에 내가 그들을 참조해야 ... – Dave