info:concrete5:docfred:csshack

Concrete5: ajouter une css quick&dirty (importation de site)

, ,

Vous devez importer un site dans c5 et vous avez peu de temps?

Voici une solution sale mais rapide, qui permet d'éviter d'interférer avec les css de c5 (notamment celles qui servent pour l'administration du site) en surchargeant simplement.

Ajouter la css du site original dans le thème

Soit la css originale, p. ex. siteoriginal.css

Modifier avec une expression régulière la css en prenant garde auparavant à avoir une et une seule règle css par ligne: 

saveback siteoriginal.css
cat siteoriginal.css | sed 's|^|#siteoriginalcss |g' > tmp && mv tmp siteoriginal.css

On aura un truc du genre: 

/* original stylesheet old website */
#siteoriginalcss a:hover{background-color: transparent; color: transparent; padding: 0px}
/* #siteoriginalcss ... (suite de la css)*/

Si on est un des thèmes standards c56 (sinon adapter à ses besoins)

Copier la css dans /themes/yourtheme/elements/siteoriginal.css

Puis modifier 

 /themes/elements/header.php
le nom du fichier dépendra du thème! ici c'est le thème par défaut; si on utilise le package/thème stucco, p. ex., ce sera
   packages/theme_stucco/themes/stucco/inc/header_top.php

On ajoute au début la css 

<!-- Site Header Content //-->
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('main.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('typography.css')?>" />
<link rel="stylesheet" media="screen" type="text/css" href="<?php echo $this->getStyleSheet('siteoriginal.css')?>" />
 
</head>

Puis un peu plus bas: 

//...
<body>
//...
	<div id="header-area">
			<div class="divider"></div>
			<div id="header-area-inside">
			<?php			
			$ah = new Area('Header');
			$ah->display($c);			
			?>	
			</div>	
 
			<?php if ($ah->getTotalBlocksInArea() > 0) { ?>
				<div class="divider"></div>
			<?php } ?>
		</div>
	</div>			
	<div id="siteoriginal"> //modif zpartakov ADDED TO INTEGRATE ORIGINAL CSS

Puis modifier le footer en ajoutant un </div> pour fermer la balise 

 /themes/elements/footer.php
 
//... début du fichier
</div>
<?php Loader::element('footer_required'); ?>
</div>
</body>

C'est tout!

voir aussi

  • info/concrete5/docfred/csshack.txt
  • Dernière modification : 2020/04/01 09:45
  • de radeff