Wybór css

Nina · Post autor: **Nina** » pn mar 22, 2004 12:39 pm

Witam serdecznie.

Mam niewielki problem, którego rozwiązania nie znalazłam - możliwe, że słabo się starałam, albo po prostu idę na łatwiznę i z góry przepraszam jeśli moje pytanie się powieli.

Od jakiegoś czasu tworzę strony www. Rzadko używałam plików css, ale od kiedy zrozumiałam jak istotnym elementem strony one są, wracam do nich non stop. Problem dotyczy obecnie mojego bloga - do którego stworzyłam trzy pliki css, które różnią się jedynie kolorystyką, układ strony jest ten sam. Chciałabym, żeby użytkownicy odwiedzający stronę, mieli możliwość wyboru kolorystyki spośród tych 3 plików css właśnie - w jaki sposób mogę to zrobić?
Wiem, że jest to możliwe, niestety nie doszłam jeszcze w jaki sposób, dlatego pytam i proszę o pomoc. Będę wdzięczna za każdą informację

Wystarczy chociażby jakiś link do miejsca w którym znajdę odpowiedź na swoje pytanie w którym wyjaśnione jest co należy zrobić..

Pozdrawiam serdecznie...

Grzegorz Winiarski · pn mar 22, 2004 1:48 pm

To jest kod skryptu który wybiera arkusz stylu w zależności od przeglądarki:

Kod: Zaznacz cały

  if (navigator.appName == 'Netscape') {
  document.write('<link rel="STYLESHEET" type="text/css" 
  href="style_nn.css">');
  } else {
  document.write('<link rel="STYLESHEET" type="text/css" 
  href="style_ie.css">');
  }

Nalezy go wstawić w sekcji head, wiem że to nie dokładnie o to chodzi ale mam nadzieje ze troche pomoge.

Nina · Post autor: **Nina** » pn mar 22, 2004 4:29 pm

to rzeczywiście niedokładnie to o co mi chodziło

chciałabym po prostu nie zmieniać co chwile kolorów na stronie - a dać innym wybór koloru wedle uznania

ale dziękuję, choćby za taką informację

Michał Fikus · Post autor: **Michał Fikus** » pn mar 22, 2004 5:46 pm

Są dwa sposoby: albo za pomocą php (ale tymaga to przeładowania strony), albo za pomocą JavaScriptu. Poniżej podaje fragment kodu, zmieniający tylko rozmiar czcionki - ale możesz to odpowiednie przerobić do poszczególnych styli:

Kod: Zaznacz cały

/*------------------------------------------------------------
  Document Text Sizer- Copyright 2003 - Taewook Kang.  All rights reserved.
  Coded by: Taewook Kang ([email protected])
  Web Site: http://txkang.com
  Script featured on Dynamic Drive (http://www.dynamicdrive.com)

  Please retain this copyright notice in the script.
  License is granted to user to reuse this code on 
  their own website if, and only if, 
  this entire copyright notice is included.
--------------------------------------------------------------*/
var tgs = new Array( 'div','td','tr','p','span');
var szs = new Array( 'xx-small','x-small','small','medium','large','x-large','xx-large' );
var startSz = 2;

function ts( trgt,inc ) {
	if (!document.getElementById) return
	var d = document,cEl = null,sz = startSz,i,j,cTags;
	
	sz += inc;
	if ( sz < 0 ) sz = 0;
	if ( sz > 6 ) sz = 6;
	startSz = sz;
		
	if ( !( cEl = d.getElementById( trgt ) ) ) cEl = d.getElementsByTagName( trgt )[ 0 ];

	cEl.style.fontSize = szs[ sz ];

	for ( i = 0 ; i < tgs.length ; i++ ) {
		cTags = cEl.getElementsByTagName( tgs[ i ] );
		for ( j = 0 ; j < cTags.length ; j++ ) cTags[ j ].style.fontSize = szs[ sz ];
	}
	
	adjustlayout();
}
/*------------------------------------------------------------
  End Text Sizer
--------------------------------------------------------------*/

Dreen · Post autor: **Dreen** » pn mar 22, 2004 9:49 pm

ja mam taki kod >]

:

Kod: Zaznacz cały

<html><head></head>
<BODY>
<FORM>
<SELECT name="clr" onChange="document.bgColor=this.options[this.selectedIndex].value">
<OPTION VALUE="blue">niebieski
<OPTION VALUE="red">czerwony
<OPTION VALUE="green">zielony
<OPTION VALUE="white">bialy
<OPTION VALUE="black">czarny
<!-- i tu dodajesz ile chcesz kolorow pamietaj schemat:
<OPTION VALUE="kolor_jaki_chcesz">jakis_tekst_za_ten_kolor
//-->
</SELECT>
</FORM></body>
</html>

gdziestam lezal u mnie na plycie i jest tak stary ze nie wiem czy jeszcze dziala

Wybór css

Wybór css

Re: Wybór css

:o)

Re: Wybór css

Re: Wybór css