Skocz do zawartości
  • Przeglądający   0 użytkowników

    Brak zarejestrowanych użytkowników, przeglądających tę stronę.

Mentosx2

Zmiana CSS kliknięciem - Style Sheet Switcher

Promowane odpowiedzi

Mentosx2    39

Witam. Chciałbym sobie na stronie dodać poprostu button, gdy klikniemy w niego to poprostu strona raz zmienia się np. na biało a drugi raz to na czarno i tak na zmiane.

Nie wiem jak się ta funkcja nazywa więc jeśli ktoś może pomóc to byłbym wdzięczny. :)

 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
Mentosx2    39

właśnie w tym chodzi że mój PHP jak i JS nie jest zbyt mocną stroną :)

Więc możesz pomóc ale także naprowadzić :)

 

z góry dzięki.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
BlackIce    3,402

Ehhh :D przeanalizuj go sobie i jak nie będziesz czegoś wiedział, pisz :)

<?php
	$color = []; //jezeli nie zadziala, uzyj: $color = array();
	$color[0] = isset($_GET['color'])? $_GET['color'] : 'white';
	$color[1] = ($color[0] == 'white')? 'black' : 'white';
?>
<!DOCTYPE html>
<html>
	<head>
	</head>
	<body style="background-color:<?php echo $color[0] ?>">
		<a href="<?php echo $_SERVER['PHP_SELF'] .'?color='.$color[1] ?>"><button>Zmień kolor</button></a>
	</body>
</html>
<?php unset($color); ?>

 

Edytowane przez Salvation
  • Lubię to! 1

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
korniszon    93
7 godzin temu, Salvation napisał:

Ehhh :D przeanalizuj go sobie i jak nie będziesz czegoś wiedział, pisz :)

<?php
	$color = []; //jezeli nie zadziala, uzyj: $color = array();
	$color[0] = isset($_GET['color'])? $_GET['color'] : 'white';
	$color[1] = ($color[0] == 'white')? 'black' : 'white';
?>
<!DOCTYPE html>
<html>
	<head>
	</head>
	<body style="background-color:<?php echo $color[0] ?>">
		<a href="<?php echo $_SERVER['PHP_SELF'] .'?color='.$color[1] ?>"><button>Zmień kolor</button></a>
	</body>
</html>
<?php unset($color); ?>

 

 A nie lepiej to napisać w ten sposób , że po prostu po kliknieciu w button strona wczytuje inne pliki .css a kod zostawał by ten sam ? :) 

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
korniszon    93
10 minut temu, Mentosx2 napisał:

a można coś innego ? dziwny poradnik xD

Jak dziwny ? Wszystko jest napisane krok po kroku :)  Tłumacz i lecisz !

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach
BlackIce    3,402
3 godziny temu, KubaWEB napisał:

 A nie lepiej to napisać w ten sposób , że po prostu po kliknieciu w button strona wczytuje inne pliki .css a kod zostawał by ten sam ?:)

Bez różnicy, wystarczy troszkę edytować i już jest tak, jak napisałeś.

Udostępnij tego posta


Odnośnik do posta
Udostępnij na innych stronach

Jeśli chcesz dodać odpowiedź, zaloguj się lub zarejestruj nowe konto

Tylko zarejestrowani użytkownicy mogą komentować zawartość tej strony.


  • Podobna zawartość

    • Przez banan47
      Opis:
      Poszukuję kodera HTML i CSS ze znajomością Bootstrap do kilku projektów związanych z tematyką CSGO, który samodzielnie zaprojektuje i wykona szablon strony.
       
      Wymagania:
      Osoba powinna posiadać poczucie estetyki oraz podstawowe zdolności graficzne.
      Jako wzór podam screeny stron, którymi można się inspirować.
       
      Oferujemy:
      Współpracę na kilka projektów.
       
      Kontakt:
      PW GG 51023686  





    • Przez Bartek Huza
      Witam! Ostatnio siedziałem przed jednym wyzwaniem, mianowicie nad zrobieniem wysuwanego menu. Udało mi się je skończyć tylko nie działa poprawnie na stronie głównej oraz scrollUp pojawia się gdy scrolluje w dół podczas gdy menu jest wysunięte. Nie wiem jak to naprawić, używałem do tego css, javascript, jquery. Wysyłam pliki, z góry dzięki za pomoc.
       
      index.html


      style.css
      stylewpis.css
      img.css
      code.js
      jquery.scrollTo.min.js
      show-nav.js
    • Przez BlackIce
      W tym artykule poznasz 7 złych praktyk, których musisz unikać podczas pisania stylów CSS. Obok złych praktyk umieszczone są również ich przeciwieństwa - dobre praktyki. Dzięki temu możesz natychmiast poprawić jakość Twojego kodu.
      Nadużywanie deklaracji !important
      Opisywanie stylów w nazwach selektorów
      Powiązanie selektorów ze strukturą HTML
      Pisanie długich selektorów
      Ignorowanie kolejności elementów HTML
      Ignorowanie specyficzności w kolejności selektorów
      Używanie stylów inline
       
      Źródło i więcej informacji: https://devcorner.pl/zle-praktyki-css-ktorych-musisz-unikac/
    • Gość
      Przez Gość

       
      Przejdź do:
      Panel administracyjny  Użytkownicy  Grupy użytkowników  Zarządzanie grupami użytkowników
       
      Edytuj wybraną grupę, wyczyść pole Obrazek grupy, do pola Prefix grupy wpisz:
      <span class='defaultGroup admin'> a do pola Sufiks grupy:
      </span>
       
      Następnie do ipb_styles.css dodaj:
      /* Grupy */ ul.basic_info .defaultGroup { border-radius: 2px; color: #fff; display: inline-block; font-weight: 500; letter-spacing: 0; padding: 0 15px; text-shadow: none; vertical-align: middle; font-size: 12px; height: 30px; line-height: 30px; box-shadow: 0 -3px 0 rgba(0, 0, 0, 0.15) inset; } ul.basic_info .admin { background-color: #c75050; } ul.basic_info .admin:before { content: "\f005"; font-family: 'FontAwesome'; margin-right: 3px; }  
      Jeżeli nie chcemy gwiazdki przed nazwą grupy to należy usunąć z kodu .CSS (ipb_styles.css) klasę .admin:before
       
      Instrukcja dla wersji IPS 4  
      Kod rangi został napisany przez @CzareK  
    • Przez STOLARZ
      Rangi użytkowników w CSS
      Przejdź do:
      ACP Strona główna ->  Style -> (Twój styl) -> twojaklasa.css   
      (polecam dodać to do css3.css lub stworzyć nową)
      Następnie na końcu dodaj kod css:
      .gid-x { background-color: #3366FF; color: #fff; display: inline-block; height: 15px; line-height: 15px; padding: 3px 5px; border-radius: 3px; font-size: 10px; } gdzie x to ID grupy np. 4 (domyślnie jest to grupa administratora)
      ID grupy możesz sprawdzić, np. w linku edycji grupy
       

       
      Teraz przejdź do:
      Szablony » Twój szablon » opis posta » postbit_classic lub postbit (w zależności od tego jaki masz układ posta)
       
      i zamiast 
      {$post['usertitle'] <br />        
      Wstaw to:
      <div class="gid-{$post['usergroup']}">{$post['usertitle']}</div> <br />  
      Zapisz efekt powinien wyglądać następująco
       

  • Ostatnie tematy

×