Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: INCLUDE a style CSS
Forum PHP.pl > Forum > PHP
pkuna
15.08.2013, 16:55:36
Witam,
Czy można jakoś spowodować,
żeby style CSS osadzone w dokumencie z arkusza zewnętrznego
nie oddziaływały na zawartość wstawioną za pomocą INCLUDE
w tym dokumencie?
Dziękuję, pozdrawiam
Paweł
lobopol
15.08.2013, 17:01:05
Nie style css działają na wszystkie elementy jakich dotyczą. Jedyna opcja to pisanie w taki sposób styli aby nie miały wpływu na elementy includowane
x2008x
15.08.2013, 20:37:08
Można kombinować przez $_GET, np.
[PHP] pobierz, plaintext 
  1. //Adres 127.0.0.1/index.php | 127.0.0.1/index.php?page=kontakt- Tutaj będziemy mieli arkusz stylu
  2. $page = $_GET['page'];
  3. if(!$page OR $page == 'kontakt') { 
  4.       echo 'Odnosnik do stylu';
  5. } elseif($page == 'galeria') { - 127.0.0.1/index.php?page=galeria Tutaj nie damy stylu
  6.  
  7. }
[PHP] pobierz, plaintext


Wiele zależy od wyobraźni i konstrukcji Twojego skryptu.
pkuna
15.08.2013, 21:38:52
Dzięki, ale chyba nie potrafię zastosować.
Chodziłoby mi o to, żeby styl "bootstrap.min.css"
nie oddziaływał mi na "menu.inc".



[PHP] pobierz, plaintext 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  2.  
  3. <?php include("includes/head.inc");	?>
  4.  
  5. <body>
  6. <!-- wrap starts here -->
  7. <div id="wrap">
  8.  
  9. 		<!--header -->
  10.   <div id="header">  </div>
  11.  
  12. 		<!-- menu -->	
  13. 		<div  id="menu">
  14.  
  15. 		</div>					
  16.  
  17. 		<!-- content-wrap starts here -->
  18. 		<div id="content-wrap">
  19.  
  20. 			<div id="sidebar">
  21.  
  22. 		<?php 			include("includes/menu.inc");			?> 
  23.  
  24. 		  </div>
  25. 		  <div id="main" style="height:500px; ">
  26.  
  27. 				<a name="TemplateInfo"></a>
  28.  
  29.  
  30. 				<h1>Formularz rejestracji internetowej </h1>
  31.  
  32.  
  33.  
  34.  
  35. <form id="formularzKontaktowy" action="mail2.php" method="post">
  36.  
  37.  
  38. <link rel="stylesheet" href="rejestracja/css/bootstrap.min.css">
  39.  
  40.   <div class="control-group">
  41.     <label class="control-label" for="inputEmail">Email</label>
  42.     <div class="controls">
  43.       <input type="text" name="email" class="input-xlarge" id="inputEmail" placeholder="Email">
  44.     </div>
  45.   </div>
  46.  
  47.   <div class="control-group">
  48.     <label class="control-label" for="inputSubject">Temat</label>
  49.     <div class="controls">
  50.       <input type="text" name="subject" class="input-xlarge" id="inputSubject" placeholder="Temat wiadomości">
  51.     </div>
  52.   </div>
  53.  
  54.   <div class="control-group">
  55.     <label class="control-label" for="inputMessage">Wiadomość</label>
  56.     <div class="controls">
  57.       <textarea type="text" name="message" class="input-xlarge" id="inputMessage" placeholder="Twoja wiadomość"rows="6"></textarea>
  58.     </div>
  59.   </div>
  60.  
  61.   <div class="control-group">
  62.     <div class="controls">
  63.       <button type="submit" class="btn btn-primary">Wyślij wiadomość</button>
  64.     </div>
  65.   </div>
  66. </form>
  67.  
  68.  
  69.  
  70.         <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
  71.         <script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.js"></script>
  72.         <script>window.jQuery || document.write('<script src="rejestracja/js/vendor/jquery-1.10.1.min.js"><\/script>')</script>
  73.  
  74.         <script src="rejestracja/js/vendor/bootstrap.min.js"></script>
  75.  
  76. <script>
  77. $("#formularzKontaktowy").validate({
  78.      errorClass: "text-error",
  79.   rules: {
  80.     subject: "required",
  81.     message: "required",
  82.     email: {
  83.       required: true,
  84.       email: true
  85.     }
  86.   },
  87.   messages: {
  88.     subject: "Nie wpisałeś tematu wiadomości",
  89.     message: "Nie wpisałeś treści wiadomości",
  90.     email: {
  91.       required: "Nie podałeś swojego adresu e-mail",
  92.       email: "Błędny format adresu e-mail"
  93.     }
  94.   }
  95. });
  96. </script>
  97.  
  98.         <script src="rejestracja/js/main.js"></script>			
  99.  
  100.  
  101.  
  102.  
  103. 				<p><br />
  104.                 </p>
  105. 		  </div>
  106. 		<!-- content-wrap ends here -->	
  107. 		</div>
  108.  
  109. 		<!--footer starts here-->
  110. 		<div id="footer">
  111.  
  112. 			<p>
  113. 			&copy; 2007 <strong>NZOZ Sokrates</strong> | 
  114. 			Design by: <a href="">pwojcik</a> </p>
  115.  
  116. 		</div>	
  117.  
  118. <!-- wrap ends here -->
  119. </div>
  120.  
  121. </body>
  122. </html>
[PHP] pobierz, plaintext
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.