Changer le code css via un lien/bouton
Traxmix
Messages postés
508
Statut
Membre
-
Traxmix Messages postés 508 Statut Membre -
Traxmix Messages postés 508 Statut Membre -
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]
A voir également:
- Changer le code css via un lien/bouton
- Changer dns - Guide
- Code ascii - Guide
- Créer un lien pour partager des photos - Guide
- Comment déverrouiller un téléphone quand on a oublié le code - Guide
- Lien url - Guide
3 réponses
Bonjour, il faudra certainement modifier les autres éléments de votre page aussi
mais voilà une idée
¨'°ºO׺°"~'"°º×Oº°'¨Linux est le noyau --*^v^-^v^*-- et Windows les pépins(¯'·o©º°¨¨°©o)·
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)·
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
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>
Alors que là sa serait un bouton dans le footer.