Anciennes révisionsLiens de retourExporter en PDFHaut de page Share via Share via... Twitter LinkedIn Facebook Pinterest Telegram WhatsApp Yammer RedditDerniers changementsSend via e-MailImprimerPermalien × Concrete5: ajouter une css quick&dirty (importation de site) c5, c58, css 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 csseditor: ajouter des entrées CSS dans l'éditeur WYSIWYG Concrete5: éléments communs dans le thème (/elements/header & footer) converting-an-html-template-to-a-concrete5-theme adapter le thème elemental Personnaliser le thème directement via l'interface c5 info/concrete5/docfred/csshack.txt Dernière modification : 2020/04/01 09:45de radeff S'identifier