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


 

Partagez | .
 

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

SkySkyavatar Modérateur
Ven 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

-
» changer la couleur du cadre avec le nom de ma catégorie
» Un rectangle avec texte
» Bannière avec texte défilant
» Soucis avec les boutons up and down sur forum phpbb2
» Longue barre à texte qui fait la taille du forum

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-