Who's online dans un block

[kaefux28]

Détails techniques

Version du forum : phpBB3
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Aujourd'hui
Lien du forum : http://bwakamole.forumactif.com/

Description du problème

bonjour à tous !

Alors je suis une quiche en Java, Html et CSS. (oui pour un fondateur de forum c'est pas terrible).
J'aimerais placer le block "Qui est en ligne" (mais aussi les noms de rangs, nombre de message etc... tout le bas sauf le déscriptif des images "Nouveaux messages" "Pas de nouveaux message" en gros tout mettre dans le bloc de "Qui est en ligne ?" à la partie des utilisateurs de la Chatbox.

Cordialement Kaefux

[Feuilla']

Bonjour,
essayez ceci (Feuille de style CSS) :

Code:

#page-body p.page-bottom , p {
  border:5px solid #ff0000;
  background-color:#ffff00;
}

Supprimez la troisième ligne si vous ne voulez pas mettre de couleur de fond.
Bonne journée !

[kaefux28]

Bonjour merci, alors l'idée est la, mais c'est pas encore ça. Je voulais vraiment que ça reprenne la même couleur (et encore c'est modifiable), mais surtout la même forme. Il me manquerait juste le coin arrondit et ça serait presque parfait. (J'ai mis le code en place si vous voulez voir ce que ça donne plus ou moins.

[Feuilla']

Re,
les bords arrondis peuvent être rajoutés à l'aide ces lignes en plus :

Code:

          -moz-border-radius: 16px;
          -webkit-border-radius: 16px;
          border-radius: 16px;

Ce qui donne en tout :

Code:

        #page-body p.page-bottom , p {
          border:5px solid #ff0000;
          background-color:#ffff00;
          -moz-border-radius: 16px;
          -webkit-border-radius: 16px;
          border-radius: 16px;
        }

N'hésitez pas non plus à changer le "16" par ce qui est le plus convenable (plus c'est grand, plus c'est arrondi !).
Bonne journée !

[kaefux28]

Re bonjour Feuilla, déjà merci pour ton aide (qui m'a donné envie de toucher au CSS xD ) mais ça ne va pas du tout en faite. Enfin le code est bon et marche niquel. Mais j'ai beaucoup trop de chose encadré maintenant. J'ai des titres, le titre du fofo mais aussi le panneau d'administration en bas. alors que j'aurais bien voulu encadrer en un seul bloque de "qui est en ligne" a les connectés sur la chatbox.

Je remet mon forum pour voir les modifs que ça a donné: Forum Bwak'A'Mole

[kaefux28]

Petit up ! (je suis chiant, mais la c'est pas jolie )

[Invité]

bonsoir , c'est normal le code agis sur tous les (p class).

supprimé le css donné par feuilla , ensuite direction les templates

>>>pa>>>affichage>>>template>>>general>>>

ouvrir le template index_body

chercher cette ligne>>>

Code:

<!-- BEGIN disable_viewonline -->

juste aprés coller ceci >>>

Code:

<div id="queel_1">

ensuite chercher cette ligne >>>

Code:

<!-- END disable_viewonline -->

juste avant placé ceci >>>

Code:

</div>

enregisté et publier votre template

ensuite direction la feuille de style css >>>

ajouter ce code >>>

Code:

#queel_1{
  padding:10px;
  border:5px solid #000000;
          background-color:#c7c763;
          -moz-border-radius: 8px;
          -webkit-border-radius: 8px;
          border-radius: 8px;}

la maintenant tous votre queel sera encadrer , et seulement le queel.

ensuite nous pourront ajuster si besoin le codage du css .
bonne soirée ,

[kaefux28]

Parfait R-Max (encore une fois) Merci à toi ! Tout est niquel comme je le désirais.