ajout d'un footer en trois colonnes 'responsive'

bg62bg62 Member
bonjour;)
je suis sur le thème par défaut de PluXml 5.6
j'ai ceci donc :
[== PHP ==]
<?php if (!defined('PLX_ROOT')) exit; ?>

	<footer class="footer">
		<div class="container">
			<p>
				<?php $plxShow->mainTitle('link'); ?> - <?php $plxShow->subTitle(); ?> &copy; 2017
			</p>
			<p>
				<?php $plxShow->lang('POWERED_BY') ?>&nbsp;<a href="http://www.pluxml.org" title="<?php $plxShow->lang('PLUXML_DESCRIPTION') ?>">PluXml</a>
				<?php $plxShow->lang('IN') ?>&nbsp;<?php $plxShow->chrono(); ?>&nbsp;
				<?php $plxShow->httpEncoding() ?> - 
				<a rel="nofollow" href="<?php $plxShow->urlRewrite('core/admin/'); ?>" title="<?php $plxShow->lang('ADMINISTRATION') ?>"><?php $plxShow->lang('ADMINISTRATION') ?></a>
			</p>
			<ul class="menu">
				<li><a href="<?php $plxShow->urlRewrite('feed.php?rss') ?>" title="<?php $plxShow->lang('ARTICLES_RSS_FEEDS'); ?>"><?php $plxShow->lang('ARTICLES'); ?></a></li>
				<li><a href="<?php $plxShow->urlRewrite('feed.php?rss/commentaires'); ?>" title="<?php $plxShow->lang('COMMENTS_RSS_FEEDS') ?>"><?php $plxShow->lang('COMMENTS'); ?></a></li>
				<li><a href="<?php $plxShow->urlRewrite('#top') ?>" title="<?php $plxShow->lang('GOTO_TOP') ?>"><?php $plxShow->lang('TOP') ?></a></li>
			</ul>
		</div>
	</footer>

</body>

</html>
et j'aimerais réussir à introduire AVANT tout cela un 'footer1' ( on va l'appeler comme cela ...., qui comporte trois colonnes et soit 100% responsive ...
reste à trouver et le bon code 'php' et le bon code css ( dernière version ), ...
si vous avez 'LA' solution = grandS merciS
@+
bg

Réponses

  • kowalskykowalsky Member
    mai 2017 modifié
    @bg62 : la solution la plus simple se trouve expliquée ici : http://plucss.pluxml.org/#grid

    exemple de code à rajouter entre <?php if (!defined('PLX_ROOT')) exit; ?> et <footer class="footer"> :

    <section id="footer1">
    <div class="container">
    <div class="grid">
    <div class="col sml-12 med-4"></div>
    <div class="col sml-12 med-4"></div>
    <div class="col sml-12 med-4"></div>
    </div>
    </div>
    </section>
Connectez-vous ou Inscrivez-vous pour répondre.