Vous pouvez poster dans la section entraide pour vos forums sans être inscrit !


 
Le Deal du moment : -28%
Précommande : Smartphone Google Pixel 8a 5G ...
Voir le deal
389 €

Partagez
 

 [Tuto - Toutes versions] Afficher cadre avec texte en bas a droite du forum

SkySkySkySky Modérateur
[Tuto - Toutes versions] Afficher cadre avec texte en bas a droite du forum EmptyVen 7 Juin - 3:31   

Bonjour,

Pour faire un cadre de ce genre :


1ère étape :
Arrow Panneau d'administration
Arrow Général
Arrow Configuration
Arrow Description du site ou forum
Arrow Mettre ceci :
Code:
<div class=widgetbas>TEXTE</div>
Arrow vous personnalisez avec votre texte (ATTENTION maximum 255 caractère code compris)
Arrow vous enregistrez

Voila a ce niveau votre texte apparait comme description du forum donc juste en dessous de votre titre et au dessus de la barre de nvigation si vous n'avez rien modifiez.

Maintenant, nous allons déplacer cette description pour la mettre en bas a droit de l'écran.

2ème étape :
Arrow Panneau d'administration
Arrow Affichage
Arrow Couleurs
Arrow Feuille de style CSS
Arrow Vous mettez ce code :
Code:
.widgetbas {
  width: 150px;
  height: 50px;
  position:fixed;
  bottom: 50px;
  right: 40px;
}
Arrow Explicatif :
  • Width = Largeur du "cadre"
  • height = Hauteur du "cadre"
  • position = Choix entre fixe ou flottante (fixed = fixe, float = flottante)
  • bottom = signifie en bas du forum et XXpx indique a combien de pixel du bord inférieur le "cadre" s'affiche
  • right = signifie a droite de l'écran et XXpx indique a combien de pixel du bord droit de l'écran le "cadre" s'affiche

Arrow Vous personnalisez le tout vous pouvez y ajouter des codes CSS comme une bordure ou autre
Arrow Vous validez le css

Voila c'est fini
Page 1 sur 1

 Sujets similaires

-
» [Tuto - phpBB2] Cadre en bas a droite du forum
» [Toutes versions] Catégorie rétractable
» [Tuto - CSS toutes version] Supprimer le soulignement des liens
» Problème (barre bleue a droite du forum)
» code pour afficher le pseudo

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Le forum d'entraide de Mr. Docteur :: Libre service & commandes :: Codage :: Libre service :: Tutoriels-