Petit coup de pouce pour arrondir les bords du forum

3 participants

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Petit coup de pouce pour arrondir les bords du forum

Message par Suzukihotaru D'Ayfir Jeu 13 Déc 2012 - 21:02

Bonsoir, tout le monde.

Suite à -littéralement- des jours, pour essayer d'arrondir les bordures de mon forum ainsi que celles des catégories et sous-forums (soit, tous les bords de mon fora, pour faire simple), j'ai convenu de venir poster mon "petit problème" ici afin que quelqu'un m'aide à trouver ce qui cloche. Malgré tout, rien ne marche alors que cela devrait ou du moins, on m'a dit que le .bodyline { devait marcher. J'ai essayé même avec le code du #wrap {, mais rien. Si quelqu'un a le temps et l'envie, pourriez vous m'aider, s'il vous plait?

Je vous joins le lien vers mon forum ainsi que les autres données dont vous pourriez avoir besoin. Si vous nécessitez d'autres informations, n'hésitez pas à me les demander:
Lien: http://rebirth-in-midgard.foroactivo.com/
Version: PhpBB2
Schéma:
Code:
.bodyline {
  border-left: 5px solid #000000 !important;
  border-bottom:5px solid #000000 !important;
  border-radius-bottom-left: 10px ;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 5px solid #000000 !important;
  border-top: 5px solid #000000 !important;
}

.div, table {
      -moz-border-radius:7px;
      border: none;
}
Code:
----Chatbox----
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: #000000;
}
body.chatbox {
    background-image: url(http://a395.idata.over-blog.com/0/05/92/49/images/wall-noel/wall-noel-12.gif);
  -moz-border-radius-bottomright:30px;
  -moz-border-radius-topright:30px;
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}
#chatbox_header td.catBottom{
  background-image: url("http://image.noelshack.com/fichiers/2012/50/1355325116-backcb1.jpg") !important;
}
  #chatbox_header chatbox-options.genmed,
  #chatbox_header chatbox-options
  #chatbox_header chatbox-options a {
    color: #000000;
}
#chatbox_footer td.catBottom{
  background-image: url("http://image.noelshack.com/fichiers/2012/50/1355325116-backcb1.jpg") !important;

.date-and-time {
color:#000000;
font-size: 11px;
}
#chatboxpop{
  -webkit-border-top-right-radius:30px;
  -webkit-border-bottom-right-radius:30px;
  border-radius-top-right:30px;
  border-radius-bottom-right:30px;
  border-top-right-radius:30px;
  border-bottom-right-radius:30px;
}


Dernière édition par Suzukihotaru D'Ayfir le Sam 15 Déc 2012 - 16:32, édité 3 fois
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit coup de pouce pour arrondir les bords du forum

Message par Tech Jeu 13 Déc 2012 - 21:24

Petit coup de pouce pour arrondir les bords du forum Search10Bonjour,

Afin de faciliter les recherches ultérieures, merci de respecter les règles concernant le titre de votre sujet. En effet, votre titre :
    - doit-être explicite (qui explique brièvement le problème),
    - ne doit pas être en majuscules,
    - ne doit pas contenir de mots trop généralistes : "aide" ; "help" ; "besoin d'aide" ; "problème"...

Merci de le modifier en cliquant sur le bouton :editer: de votre premier message. Wink

A bientôt sur ForumActif Smile
Petit coup de pouce pour arrondir les bords du forum Ecrire2Bonjour,

Afin de conserver un forum lisible, l'utilisation des mises en forme suivante est interdite :
  • Le gras et la couleur (réservés au staff de ce forum),
  • L'écriture en SMS (abréviations)

Pour plus de détails sur la conduite à tenir sur ce forum, merci de lire la Charte du forum. Wink

A bientôt sur ForumActif Smile

Pour votre problème, je vois déjà une erreur dans un template (QEEL plus précisément). Pensez à la corriger.
Horodatage : 13/12/2012 21:17:15
Erreur : SyntaxError: missing ) after argument list
Fichier Source : http://rebirth-in-midgard.foroactivo.com/
Ligne : 118, Colonne : 60
Code Source :
ML=document.getElementById ('totalp').innerHTML.replace(Nos membres ont posté un total de/,"Nos voyageurs ont envoyé au

Ensuite, pouvons-nous avoir le CSS complet de votre forum ? Il y a pas mal d'erreurs à mon avis.
Et pour information le !important se colle avec l'attribut. Il ne faut pas mettre d'espace.

Cordialement.
Tech

Tech
Membre actif

Masculin
Messages : 22683
Inscrit(e) le : 01/12/2007

https://forum.forumactif.com/
Tech a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit coup de pouce pour arrondir les bords du forum

Message par Suzukihotaru D'Ayfir Jeu 13 Déc 2012 - 21:37

Oui, bien entendu. Par contre, je ne trouve pas cette erreur de syntaxe que vous m'avez signalée °_°. Quant aux !important, je vais arranger cela tout de suite, merci d'avance. Sinon, voici notre Css complet:

Code:

----Chatbox----
.chatbox_row_1,
.chatbox_row_2,
.chatbox_row_3,
.chatbox_row_1 a,
.chatbox_row_2 a,
.chatbox_row_3 a  {
    color: #000000;
}
body.chatbox {
    background-image: url(http://a395.idata.over-blog.com/0/05/92/49/images/wall-noel/wall-noel-12.gif);
  -moz-border-radius-bottomright:30px;
  -moz-border-radius-topright:30px;
}
#chatbox .chatbox_row_1,#chatbox .chatbox_row_2{
background-color: transparent;
}
#chatbox_header td.catBottom{
  background-image: url("http://image.noelshack.com/fichiers/2012/50/1355325116-backcb1.jpg") !important;
}
  #chatbox_header chatbox-options.genmed,
  #chatbox_header chatbox-options
  #chatbox_header chatbox-options a {
    color: #000000;
}
#chatbox_footer td.catBottom{
  background-image: url("http://image.noelshack.com/fichiers/2012/50/1355325116-backcb1.jpg") !important;

.date-and-time {
color:#000000;
font-size: 11px;
}
#chatboxpop{
  -webkit-border-top-right-radius:30px;
  -webkit-border-bottom-right-radius:30px;
  border-radius-top-right:30px;
  border-radius-bottom-right:30px;
  border-top-right-radius:30px;
  border-bottom-right-radius:30px;
}
-----fin chatbox----

/* START QEEL */
td.qeel1{
background:none;
text-align:left; }

.connectedmember{
background-color: transparent !important;
text-align:left; }
----
     
      {TOTAL_POSTS}
    document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(Nos membres ont posté un total de/,"Nos voyageurs ont envoyé au total");

    document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/message/,"lettres");

    document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/messages/,"lettres");
   
          {TOTAL_USERS}
    document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"Il y a");

    document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"Voyageurs dans Rune Midgard");

    document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"Voyageurs dans Rune Midgard");
   
          {NEWEST_USER}
    document.getElementById('newestu').innerHTML=document.getElementById ('newestu').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier voyageur ayant donné des signes de vie est");
 
 
      {TOTAL_USERS_ONLINE}
    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Il y a en tout/,"Il y a");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/utilisateur en ligne ::/,"Voyageurs parcourant Rune Midgard:");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/utilisateurs en ligne ::/,"Voyageurs parcourant Rune Midgard:");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Enregistré,/,"Enregistré;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Enregistrés,/,"Enregistrés;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invisible et/,"Invisible;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invisibles et/,"Invisibles;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invité/,"Touriste");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invités/,"Touristes");
   
      {RECORD_USERS}
    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de voyageurs présents dans Rune Midgard est  ");

    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/le/,"Le");

    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/2012 -/,"2012");

    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/:/," Heures ");
     
      {LOGGED_IN_USER_LIST}
    document.getElementById('connect').innerHTML=document.getElementById ('connect').innerHTML.replace(/Utilisateurs enregistrés :/,"Voyageurs présents:");
 
    {L_CONNECTED_MEMBERS}
    document.getElementById('connectem').innerHTML=document.getElementById ('connectem').innerHTML.replace(/Membres connectés au cours des/,"Voyageurs s'étant connectés au cours des");

    document.getElementById('connectem').innerHTML=document.getElementById ('connectem').innerHTML.replace(/dernières heures :/,"dernières heures:");
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
//*Fin QEEL*//

//*Debut mise en page forum*//

.bodyline {
  border-left: 5px solid #000000 !important;
  border-bottom:5px solid #000000 !important;
  border-radius-bottom-left: 10px ;
  -webkit-border-bottom-left-radius: 10px;
  border-bottom-left-radius: 10px;
  border-right: 5px solid #000000 !important;
  border-top: 5px solid #000000 !important;
}

div, table {
      -moz-border-radius:7px;
      border: none;
}
//*Fin mise en page forum*//
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit coup de pouce pour arrondir les bords du forum

Message par Suzukihotaru D'Ayfir Sam 15 Déc 2012 - 0:03

up please? ou pas up? °^°
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit coup de pouce pour arrondir les bords du forum

Message par Matriochka Sam 15 Déc 2012 - 1:09

Coucou,

Houlà ! cyclops Je n’ai pas détaillé toute ta feuille, mais je vois déjà un gros problème dedans !

Code:
     
      {TOTAL_POSTS}
    document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(Nos membres ont posté un total de/,"Nos voyageurs ont envoyé au total");

    document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/message/,"lettres");

    document.getElementById('totalp').innerHTML=document.getElementById ('totalp').innerHTML.replace(/messages/,"lettres");
   
          {TOTAL_USERS}
    document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/Nous avons/,"Il y a");

    document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membre enregistré/,"Voyageurs dans Rune Midgard");

    document.getElementById('totalu').innerHTML=document.getElementById ('totalu').innerHTML.replace(/membres enregistrés/,"Voyageurs dans Rune Midgard");
   
          {NEWEST_USER}
    document.getElementById('newestu').innerHTML=document.getElementById ('newestu').innerHTML.replace(/L'utilisateur enregistré le plus récent est/,"Le dernier voyageur ayant donné des signes de vie est");
 
 
      {TOTAL_USERS_ONLINE}
    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Il y a en tout/,"Il y a");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/utilisateur en ligne ::/,"Voyageurs parcourant Rune Midgard:");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/utilisateurs en ligne ::/,"Voyageurs parcourant Rune Midgard:");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Enregistré,/,"Enregistré;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Enregistrés,/,"Enregistrés;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invisible et/,"Invisible;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invisibles et/,"Invisibles;");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invité/,"Touriste");

    document.getElementById('totaluon').innerHTML=document.getElementById ('totaluon').innerHTML.replace(/Invités/,"Touristes");
   
      {RECORD_USERS}
    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/Le record du nombre d'utilisateurs en ligne est de/,"Le record de voyageurs présents dans Rune Midgard est  ");

    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/le/,"Le");

    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/2012 -/,"2012");

    document.getElementById('recordu').innerHTML=document.getElementById ('recordu').innerHTML.replace(/:/," Heures ");
     
      {LOGGED_IN_USER_LIST}
    document.getElementById('connect').innerHTML=document.getElementById ('connect').innerHTML.replace(/Utilisateurs enregistrés :/,"Voyageurs présents:");
 
    {L_CONNECTED_MEMBERS}
    document.getElementById('connectem').innerHTML=document.getElementById ('connectem').innerHTML.replace(/Membres connectés au cours des/,"Voyageurs s'étant connectés au cours des");

    document.getElementById('connectem').innerHTML=document.getElementById ('connectem').innerHTML.replace(/dernières heures :/,"dernières heures:");
  {L_WHOSBIRTHDAY_TODAY}
  {L_WHOSBIRTHDAY_WEEK}
//*Fin QEEL*//
Toute cette partie est à retirer. Elle n’a rien à faire dans te feuille de styles CSS, ça doit aller dans ton template index_body Smile

Ensuite, pour la séparation de tes différents codes, là encore, il faut se méfier. Seule l’utilisation de /* Commentaire */ est correcte. Il va donc falloir veiller à retirer les ---- et autres ----Chatbox---- inappropriés Wink
avatar

Matriochka
Membre actif

Messages : 7604
Inscrit(e) le : 14/07/2010

Matriochka a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Petit coup de pouce pour arrondir les bords du forum

Message par Suzukihotaru D'Ayfir Sam 15 Déc 2012 - 2:06

Wo °^° effectivement. Merci beaucoup, Matriochka. J'ai réussi à arrondir les bords *0*. Je marque le topic comme résolu ~ merci encore!
Suzukihotaru D'Ayfir

Suzukihotaru D'Ayfir
**

Féminin
Messages : 58
Inscrit(e) le : 15/11/2012

http://www.azhentia-chronicles.com/
Suzukihotaru D'Ayfir a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut

- Sujets similaires

Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum