Personnalisation du bloc des annonces défilantes

[Dydou]

Détails techniques

Version du forum : phpBB2
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Google Chrome
Capture d'écran du problème :

Voir l'image:

Personnes concernées par le problème : Tous les utilisateurs
Problème apparu depuis : Depuis l'installation, c'est-à-dire, ce soir !
Lien du forum : http://containment.forumactif.org/

Description du problème

Bonsoir
Si je viens vers vous aujourd'hui c'est parce que je rencontre des difficultés à modifier l'apparence de mon forum et ce malgré mes petits codes/scripts
Voici les soucis rencontrés :

Dernièrement j'ai tenté de personnaliser le bandeau des annonces défilantes (sous la barre de navigation) et il se trouve que j'ai trouvé un petit code plutôt sympathique sauf que je ne sais pas vraiment le modifier on dirait ! ><
Voilà, j'aimerai que le bandeau soit de largeur 514px et qu'il soit placé au centre du forum ! Hors, dès que j'en réduis la largeur, les annonces sortent du cadre et ne sont qu'à moitié lisibles tandis que le cadre en lui-même se retrouve totalement collé à gauche comme si la moitié n'avait pas disparue mais qu'elle était devenue transparente et prenait toujours de la place

CSS :

Code:

 /* Personnalisation bande défilante des annonces */
#fa_ticker_block .forumline {
  /* on définit (ou pas) la bordure */
  position: relative;
  width:514px;
    border: 2px solid #999999; /*épaisseur(px) type(solid/double/dotted/dashed) couleur*/
}

#fa_ticker_block .forumline .row1{
  background-image:url("LIEN IMAGE");
  color:#990000; /*couleur du texte*/
}

PUIS second problème mais qui ne s'adresse pas qu'aux annonces justement
J'ai trouvé un code arrondissant les angles des blocs. Hors comme visible sur le screenshot fourni (catégories ET annonce), le cadre es bien arrondi mais l'image en background reste rectiligne et sort donc des blocs...

CSS catégories :

Code:

/**CATEGORIES**/
.forumline {
border: 1px solid #b2cbcc;
  background-color: #F5F5F5;
      background-color: #COULEUR;
    -webkit-border-radius:10px;
    -moz-border-radius: 10px ;
    border-radius:10px;
}

Voilà merci et cookies à qui aura la bonté de m'aider

[Dydou]

Petit UP

[Invité]

bonjour

vous avez ceci >>

Code:

/* Personnalisation bande défilante des annonces */
#fa_ticker_block .forumline {
  /* on définit (ou pas) la bordure */
  position: relative;
  width:514px;
    border: 2px solid #999999; /*épaisseur(px) type(solid/double/dotted/dashed) couleur*/
}

remplacé par >>

Code:

/* Personnalisation bande défilante des annonces */
#fa_ticker_block .forumline {
  /* on définit (ou pas) la bordure */
  position: relative;
    border: 2px solid #999999; /*épaisseur(px) type(solid/double/dotted/dashed) couleur*/
}

vous avez ceci >>

Code:

#fa_ticker_block .forumline .row1{
  background-image:url("LIEN IMAGE");
  color:#990000; /*couleur du texte*/
}

remplacé par>>

Code:

#fa_ticker_block .forumline .row1 {
    background-image: url(http://i.imgur.com/Hi46k2x.png);
    color: #900;
    -webkit-border-radius:8px;
    -moz-border-radius: 8px ;
    border-radius:8px;
}

cdl,

[Dydou]

Bonjour !!
Je vous remercie grandement de votre aide !
Cependant, malgré que les bordures soient parfaites, il reste mon problème initial
Je voulais réduire la largeur de la bande des annonces et c'est suite à ça que celle-ci est restée "bloquée" à gauche
En fait j'aurai aimé un rendu par exemple de largeur 500px, situé au centre du forum

[Invité]

bonjour autant pour moi

remplacer >>

Code:

/* Personnalisation bande défilante des annonces */
#fa_ticker_block .forumline {
 
  position: relative;
    border: 2px solid #999999;
}

par

Code:

/* Personnalisation bande défilante des annonces */
#fa_ticker_block .forumline {
    border: 2px solid #999;
    position: relative;
    width: 500px;
    margin: auto;
}

bon dimanche ....

[Dydou]

Bonsoir
Je vous remercie infiniment de votre aide, tout est absolument parfait !
Je vais de ce pas éditer ce sujet qui est à présent résolu !!
Merci encore !!