Changer le code css via un lien/bouton
Bonsoir,
J'aimerai que quand on clique sur un lien mon code css ce modifie. Je vous explique pourquoi.
Je possède un forum via le moteur MyBB et je développe actuellement un thème pour. Et j'aimerai quand on clique sur un bouton que la largeur de la page diminue (qu'elle soit plus fine).
Je pense que c'est assez claire. Merci beaucoup !
--
Cordialement, Traxmix.
Développeur Html, Php, Css [Amateur]
J'aimerai que quand on clique sur un lien mon code css ce modifie. Je vous explique pourquoi.
Je possède un forum via le moteur MyBB et je développe actuellement un thème pour. Et j'aimerai quand on clique sur un bouton que la largeur de la page diminue (qu'elle soit plus fine).
Je pense que c'est assez claire. Merci beaucoup !
--
Cordialement, Traxmix.
Développeur Html, Php, Css [Amateur]
3 réponses
-
Contributeur sécuritéBonjour, dans quel but ?
Pourquoi ne pas creer 2 themes l un avec la vue "normale" et l autre la vue. "Pkus fine" ?
Cordialement-
-
Contributeur sécuritéOk tu peux faire comme ici sauf qu a la place de inde et france tu mets le "par defaut" et le apres clic sur le bouton https://forums.commentcamarche.net/forum/affich-4263976-condition-en-css-sur-une-classe
-
-
Bonjour, il faudra certainement modifier les autres éléments de votre page aussi
mais voilà une idée<div id='ma_page'> <p>contenu de mon forum la aussi et la .... </p> <span id='click_here'>Click ici </span> </div> <script type='text/javascript'> var page = document.getElementById('ma_page'); var but = document.getElementById('click_here'); but.onclick = function() { page.style.width = 200 +'px'; //là tu met la taille voulu } </script>
¨'°ºO׺°"~'"°º×Oº°'¨Linux est le noyau --*^v^-^v^*-- et Windows les pépins(¯'·o©º°¨¨°©o)· -
Je comprend pas trop. Que dois-je mètre dans mon css et que dois-je mètre sur ma page ?
-
Bonjour, css rien. Vous prenez le bloc que vous souhaitez rétrécir, vous lui donnez un identifiant. dans l'exemple c'est id='ma_page'. Vous fait un bouton comme vous voulez (images, texte, button...) et vous lui mettez aussi un identifiant. dans l'exemple id='click_here'
puis en bas de page, juste avnat la balise body, vous placez ceci<script type='text/javascript'> var page = document.getElementById('ma_page'); var but = document.getElementById('click_here'); but.onclick = function() { page.style.width = 200 +'px'; //là tu met la taille voulu } </script> -
-
