Problème de prise en compte d'edition de fichier .css

stevanovich · juin 2017

Bonjour à tous,
Je souhaites effectuer quelques modifications sur un thème , couleur mise en page etc. dans un fchier .css
Auncune des modifications ne sont prise en compte ... sauf si .... :
1 - Choisir un thème "defaut"
2 - Enregistrer les modifications dans mon fichier "theme modifié"
3 - Choisir "theme modifié"

n'y a-t-il pas plus simple ?

Merci à tout l'équipe.
Cordialement,

bazooka07 · juin 2017

Vérifie que le propriétaire du dossier et tous les fichiers de ton thème est bien www-data et qu'il a les bons droits en écriture

Après modification, il faut recharger dans le navigateur Internet les feuilles de style en appuyant sur la touche F5

stevanovich · juin 2017

merci @bazooka07

Je fais mes modifications sur un NAS, je nai pas cet utilisateur dans la liste.
j'ai "admin, guest, " et tous les utilisateurs nommés ayant acces au NAS.
Pour la touche F5, je savais ...

Maintenant c'est pire, les fichiers css sont bien modifiés, mais je n'ai plus tu tout moyen qu'ils soient pris en compte ... ça me saoule ]:D

Passer trois jours pour changer trois bricoles ... en plein dans "le principe de peter" .

stevanovich · juin 2017

Par contre ...

SHIFT + CTRL + F5 Me corrige mon problème

Google est mon amis : forcer le chargement d'une page web

Stéphane · juin 2017

Salut

Quelle ligne de code utilises-tu pour déclarer ton fichier css dans le fichier header.php
Est-ce qu'il est bien chargé ?

stevanovich · juin 2017

Bonjour @Stéphane ,
Voici mon header.php

[== HTML ==]
<?php if (!defined('PLX_ROOT')) exit; ?>
<!DOCTYPE html>
<html lang="en">
	<head>
	<meta charset="<?php $plxShow->charset('min'); ?>">
	<title><?php $plxShow->pageTitle(); ?></title>
	<?php $plxShow->meta('description') ?>
	<?php $plxShow->meta('keywords') ?>
	<?php $plxShow->meta('author') ?>
	<link rel="icon" href="<?php $plxShow->template(); ?>/img/favicon.png" />
	<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/plucss.css" media="screen"/>
	<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/theme.css" media="screen"/>
	<?php $plxShow->templateCss() ?>
	<?php $plxShow->pluginsCss() ?>
	<link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('ARTICLES_RSS_FEEDS') ?>" href="<?php $plxShow->urlRewrite('feed.php?rss') ?>" />
	<link rel="alternate" type="application/rss+xml" title="<?php $plxShow->lang('COMMENTS_RSS_FEEDS') ?>" href="<?php $plxShow->urlRewrite('feed.php?rss/commentaires') ?>" />

	<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/bootstrap.css" type="text/css" media="screen">
	<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/responsive.css" type="text/css" media="screen">
	<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/style.css" type="text/css" media="screen">
	<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/touchTouch.css" type="text/css" media="screen">
	<link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/kwicks-slider.css" type="text/css" media="screen">
	<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300' rel='stylesheet' type='text/css'>
	<script type="text/javascript" src="<?php $plxShow->template(); ?>/js/jquery.js"></script>
  <script type="text/javascript" src="<?php $plxShow->template(); ?>/js/superfish.js"></script>
	<script type="text/javascript" src="<?php $plxShow->template(); ?>/js/jquery.flexslider-min.js"></script>
	<script type="text/javascript" src="<?php $plxShow->template(); ?>/js/jquery.kwicks-1.5.1.js"></script>
	<script type="text/javascript" src="<?php $plxShow->template(); ?>/js/jquery.easing.1.3.js"></script>	  
	<script type="text/javascript" src="<?php $plxShow->template(); ?>/js/touchTouch.jquery.js"></script>
	<script type="text/javascript">
	if($(window).width()>1024){
		document.write("<"+"script src='<?php $plxShow->template(); ?>/js/jquery.preloader.js'></"+"script>");
	}	
	</script>

	<script>		
		 jQuery(window).load(function() {	
		 $x = $(window).width();		
	if($x > 1024)
	{			
	jQuery("#content .row").preloader();    }	
		 
     jQuery('.magnifier').touchTouch();			
    jQuery('.spinner').animate({'opacity':0},1000,'easeOutCubic',function (){jQuery(this).css('display','none')});	
  		  }); 
				
	</script>

	<!--[if lt IE 8]>
  		<div style='text-align:center'><a href="http://www.microsoft.com/windows/internet-explorer/default.aspx?ocid=ie6_countdown_bannercode"><img src="http://www.theie6countdown.com/img/upgrade.jpg"border="0"alt=""/></a></div>  
 	<![endif]-->
	<!--[if (gt IE 9)|!(IE)]><!-->
	<!--<![endif]-->
	<!--[if lt IE 9]>
    <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
    <link rel="stylesheet" href="<?php $plxShow->template(); ?>/css/ie.css" type="text/css" media="screen">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:300' rel='stylesheet' type='text/css'>
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400' rel='stylesheet' type='text/css'>
  <![endif]-->
	</head>

	<body>
    <div class="spinner"></div> 
<!--============================== header =================================-->
<header>
      <div class="container clearfix">
    <div class="row">
          <div class="span12">
        <div class="navbar navbar_">
              <div class="container">
            <h1 class="brand brand_"><a href="index.html"><img alt="" src="<?php $plxShow->template(); ?>/img/logo_mb.jpg"> </a></h1>

            <!-- Légère réduction de la taille par défaut du texte dans les boutons rouges du menu.  Ajuster au besoin. -->
            <style>
				.nav-collapse_ .nav li a {
				  font-size: 16px;
				}
            </style>

			<div class="nav-collapse nav-collapse_  collapse">
                  <ul class="nav sf-menu">
				<?php $plxShow->staticList($plxShow->getLang('HOME'),'<li class="#static_status" id="#static_id"><a href="#static_url" title="#static_name">#static_name</a></li>'); ?>
				<?php $plxShow->pageBlog('<li id="#page_id"><a class="#page_status" href="#page_url" title="#page_name">#page_name</a></li>'); ?>
                <li class="sub-menu"><a href="themes/_kataklimt/index-1.html">Catégories</a>
                    <ul>
						<?php $plxShow->catList('','<li id="#cat_id"><a class="#cat_status" href="#cat_url" title="#cat_name">#cat_name</a></li>'); ?>
                  </ul>
                    </li>
              </ul>
                </div>
          </div>
            </div>
      </div>
        </div>
  </div>
    </header>

J'y rencontre deux soucixx , il cherche un theme.css qui n'existe pas et un pluxcss.css qui n'existe pas non plus dans le theme de base .

bazooka07 · juin 2017

theme.css et plucss.css sont des fichiers qui existent dans le thème par défaut. Le dernier sert à gérer le "responsive design" pour avoir un affichage acceptable selon la taille de l'écran (PC, tablette, smartphone, ...). Ce ne sont pas eux qui empêchent ton thème de fonctionner. Au pire tu verrras passer des erreurs 404 dans ton inspecteur de style et de DOM;
Tu peux ttoujours rajouter des fichiers vides avec ces noms.

Il est possible que les modifs que tu veux faire soient écrasées par des règles prioritaires ou soient mal définies et passées sous silence. voir par exemple cette présentation
Pour savoir où cela coince, j'utilise l'inspecteur de styles (touche F12 dans Firefox ou Chromium)

A part Window$ où l'administrateur est l'homme à tout faire, il y a toujours un utilisateur dédié pour gérer le serveur Web (Apache, NginX, Lighttd, ..) sur Linux ou BSD.
Pour Apache, l'utilisateur est déclaré dans le fichier /etc/apache2/envvars

[== Indéfini ==]
grep APACHE_RUN_USER /etc/apache2/envvars

Précise nous exactement les modifs que tu veux sur un site en ligne (pages perso chez Free par exemple)

Sur ton site http:://humbee.com, il y a un <div> et un <script> qui arrivent après la balise fermante </body> (touches Ctrl-U dans Firefox pour voir le code source de la page HTML)

stevanovich · juin 2017

bazooka07 a écrit:

Sur ton site http:://humbee.com, il y a un <div> et un <script> qui arrivent après la balise fermante </body> (touches Ctrl-U dans Firefox pour voir le code source de la page HTML)

Oui, c'est pas très propre effectivement, à l'époque ou j'avais "bricoler" sur ce thème , ça m'avais permis de faire fonctionner les slider et les plugins pour facebook.

Il va falloir que je m'occupe sérieusement de tout cela

Ce que je fait actuellement, je modifie le thème kataklimt pour un nouveau design du site hembee.com , cependant mes modifications ne sont pas accessibles directement en ligne (quoique je pourrais par mon ip fixe)

kowalsky · juin 2017

stevanovich a écrit:

Par contre ...

SHIFT + CTRL + F5 Me corrige mon problème

Google est mon amis : forcer le chargement d'une page web

Installe le plugin cssNoCache le temps de réaliser ton thème. (Ne pas oublier de le désactiver après)

nota : il faudra quand même actualiser la page avec F5 ou équivalent, mais c'est plus simple que de nettoyer le cache à chaque fois

stevanovich · juin 2017

kowalsky a écrit:

Installe le plugin cssNoCache le temps de réaliser ton thème. (Ne pas oublier de le désactiver après)

nota : il faudra quand même actualiser la page avec F5 ou équivalent, mais c'est plus simple que de nettoyer le cache à chaque fois

Ok, merci , je regarde aussi cette voie !
Cordialement

Problème de prise en compte d'edition de fichier .css

Réponses