Problème de codage

2 participants

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

Résolu Problème de codage

Message par Charmed Eternity Ven 5 Déc 2014 - 21:30

Détails techniques


Version du forum : phpBB2
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 le 5 Décembre 2014. J'ai modifié le CSS de mon forum en y mettant un code trouvé sur un forum de distribution et de commande et j'ai ce problème.
Lien du forum : http://charmed-eternity.forumactif.com/

Description du problème

Bonjour à vous. J'ai installé un codage aujourd'hui et malheureusement quand je passe ma souris sur le liens pour aller sur d'autre forum, mon forum se déforme. Est-ce que vous pouvez m'aider. J'ai regarder le code, mais je n'ai pas trouvé le problème, je ne suis pas extrêmement doué en codage. Voici mon Index Box
Code:
<table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
  <tr>
      <td valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <span class="gensmall">{LAST_VISIT_DATE}<br />
        {CURRENT_TIME}<br />
        </span>
        <!-- END switch_user_logged_in -->
        <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
      </td>
      <td class="gensmall" align="right" valign="bottom">
        <!-- BEGIN switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
        <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
        <!-- END switch_user_logged_in -->
        <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
      </td>
  </tr>
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->

<div class="cate_titre"><div class="titrecategorie">{catrow.tablehead.L_FORUM}</div></div>

<div class="categorie">

  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
 <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
<div class="forum">
 
<table><tr>
  <td style="vertical-align: middle; padding: 10px;" class="bloccate"><nobr><a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a>
    <span style="font-size: 11px;"><span style="COLOR: #fe6d6d; FONT-SIZE: 11px;">✘ {catrow.forumrow.TOPICS}</span> rebondissements dans <span style="COLOR: #fe6d6d; FONT-SIZE: 11px;">{catrow.forumrow.POSTS}</span> aventures.</span><br />
  </nobr> <center><div class="last_mess"><span class="gensmall" id="last">{catrow.forumrow.LAST_POST}</span></div>
<script type="text/javascript">
jQuery('#last').html(jQuery('#last').html().replace(/<br>/g,'<span style="display: inline-block; padding: 0 2px;">-</span>')).removeAttr('id');
  </script>
    <p> <r class="hoverme">Hover Me!<span class="gensmall1">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span> </r> </p></center></td>
  <td style="vertical-align: middle;">
  {catrow.forumrow.FORUM_DESC}</td>
  <td><img class="new01" title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
    </td>
</tr></table>
   
    </div><br />

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
 <!-- BEGIN tablefoot -->
  </div><div class="cate_footer"><br /><div class="footer_texte">Charmed's Eternity</div></div>
 
<!-- END tablefoot --><!-- END catrow -->
<link type="text/css" rel="stylesheet" href="http://fonts.googleapis.com/css?family=Parisienne" />

et mon CSS au cas ou:
Code:
  /* --------------------------------- CATEGORIES --------------------------------- */

        .hoverme {
          font-size: 11px;
          font-family: arial;
          color: #FE6D6D;
          text-align: center !important;
          margin-top: 10px;
        }

        r:focus{
        background: #020202;
        z-index: 1;
        }

            r span {
            z-index: 1;
            position: absolute;
            margin-top: -95px;
            margin-left: -135px;
              color: #F0F0ED;
            width: 180px;
            height: 55px;
              overflow: auto;
              background: #141517;
            padding: 15px;
            border-radius: 3px;
            transform: scale(0) rotate(-12deg);
          -webkit-transform: scale(0) rotate(-12deg);
          -ms-transform: scale(0) rotate(-12deg);
              transition: all .25s;
            }

            r:hover span, r:focus span {
            z-index: 1;
            transform: scale(1) rotate(0);
          -webkit-transform: scale(1) rotate(0);
          -ms-transform: scale(1) rotate(0);
            }


        /* Catégories */

        .titrecategorie h2 {
          top: 1.5em;
          position: relative;
          font-size: 27px;
        font-family: parisienne;
          color: #FE6D6D !important;
          letter-spacing: 1px !important;
          z-index: 1;
        }

        .cate_titre {
          text-align: center;
          margin: auto;
          background-color: #1B1B1F;
          width: 750px;
          height: 210px;
          border-radius: 130% 130% 0% 0%;
        }

        .cate_footer {
          text-align: center;
          margin: auto;
          z-index: 1;
          position: relative;
          margin-top: -100px;
          background-color: #1B1B1F;
          width: 750px;
          height: 210px;
          border-radius: 0% 0% 130% 130%;
        }

        .footer_texte {
          top: 5.5em;
          position: relative;
          font-size: 20px;
        font-family: parisienne;
          color: #FE6D6D !important;
          letter-spacing: 1px !important;
        }

        .categorie {
          width: 750px;
          margin: auto;
          background-color: #1B1B1F !important;
          margin-top: -100px;
        }

        /* New */
        .new01 {
          transform: rotate(5deg);
        }

        /* Forum */

        .forum {
          width: 700px;
          height: 120px;
          margin-left: auto;
          margin-right: auto;
          margin-top: 5px;
          margin-bottom: 5px;
          background: #141517;
          position: relative;
          padding: 2px;
          z-index: 2;
        }

        a.forumlink {
          position: relative;
          display: block;
          width: 100%;
          color: #F0F0ED !important;
          text-align: left;
          font-family: parisienne;
          font-size: 22px;
          font-weight: bold;
          letter-spacing: 1px;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        a.forumlink:hover {
          letter-spacing: 2px;
          color: #FE6D6D !important;
          text-decoration: none !important;
          transform: all;
          -moz-transform: all;
          -o-transform: all;
          -htm-transform: all;
          -webkit-transform: all;
          transition: 1s;
          -moz-transition: 1s;
          -o-transition: 1s;
          -htm-transition: 1s;
          -webkit-transition: 1s;
        }

        /* Description */
        .description {
          width: 280px;
          height: 80px;
          overflow: auto;
          background-color: #141517;
        text-align: justify;
          font-family: arial;
          font-size: 11px;
        }

        /* Bloc derniers messages */

        .bloccate {
          width: 180px;
        }

        .stats_last
        {
          display: block;
          width: 160px;
          height: 75px;
          margin-left: -200px;
          margin-top: 30px;
          background: #E3A6A6;
          padding: 10px;
          border: 1px solid #2E2E2E;
          box-shadow: 2px 2px 10px #2E2E2E;
        -moz-box-shadow: 2px 2px 10px #2E2E2E;
          -webkit-box-shadow: 2px 2px 10px #2E2E2E;
        }

        .stats {
          display: block;
          text-align: center;
          font-size: 10px;
          color: #7E2727;
          border-bottom: 1px solid #7E2727;
          padding-bottom: 4px;
          margin-bottom: 4px;
        }

        .last_mess {
          display: block;
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        .last_mess a{
          text-align: center;
          font-size: 11px;
          color: #F0F0ED;
        }

        /* Sous-forum */


        /*--------------------------------- FIN CATEGORIES --------------------------------- */

Alors je vous suplis de m'aider s'il vous plait Very Happy Et merci d'avance à vous Very Happy


Dernière édition par Charmed Eternity le Ven 5 Déc 2014 - 23:37, édité 1 fois
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster Ven 5 Déc 2014 - 21:44

Salut,

Es-que tu veux garder la police qui change au survol du lien ?
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Charmed Eternity Ven 5 Déc 2014 - 21:46

J'aimerais garder la police sans survole et ne pas garder celle au survole du lien s'il vous plait
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster Ven 5 Déc 2014 - 23:09

Re,

J'ai deux solutions, soit garder cette même police, mais forcer la largeur du bloc contenant se même lien ( se qui fais que le lien va "survoler" les autres blocs ) en ajoutant ce code à la suite de celui cité plus haut :

Code:

.categorie .forum .bloccate
{
  width:200px;
  max-width:200px;
}

Ou sinon, en suppriment cette ligne :

Code:

font-family: parisienne;

Qui ce trouve dans la class "a.forumlink {}", ce qui aura pour effet de supprimer la police utilisé sur les liens.
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Charmed Eternity Ven 5 Déc 2014 - 23:18

Bon alors, j'ai essayer les deux et je n'arrive à rien, rien ne change. Peut-être que je ne le fait comme il faut, mais bon.
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster Ven 5 Déc 2014 - 23:19

Tu l'a bien ajouté à la suite du code CSS que tu à donné dans ton premier message ?
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Charmed Eternity Ven 5 Déc 2014 - 23:21

oui et ça ne change rien, ça fonctionne presque. Si tu vas voir, tu verras que le nom du forum s'allonge, mais que le forum ne bouge pas, le nom du forum embarque donc sur l'image.
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster Ven 5 Déc 2014 - 23:23

J'ai trouvé mieux en fait, enlève les deux morceaux de codes que je t'ai donné, et remplace les par celui la :

Code:

.forum .description
{
  width:80%;
}

Wink
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Charmed Eternity Ven 5 Déc 2014 - 23:26

Maintenant ça écrase la bîte de dialogue à côté. N'y aurait-il pas une façon pour que quand je met ma souris sur le liens il ne face rien sauf changer de couleur? qu'il ne change pas d'écriture?
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster Ven 5 Déc 2014 - 23:35

Yep, c'est possible :

Ajoute ce code CSS encore à la suite Wink

Code:

a.forumlink:hover, a.forumlink
{
  font-size:20px;
  text-transform:none;
  letter-spacing:0px;
}
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Charmed Eternity Ven 5 Déc 2014 - 23:36

Merci beaucoup c'Est parfait Very Happy
avatar

Charmed Eternity
**

Messages : 82
Inscrit(e) le : 29/11/2010

http://charmed-ones.forumactif.com/
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster Ven 5 Déc 2014 - 23:37

De rien, pense à mettre le sujet en résolu Wink
Luluwebmaster

Luluwebmaster
*****

Masculin
Messages : 723
Inscrit(e) le : 10/10/2012

http://test-luluwebmaster.lebonforum.com/
Luluwebmaster 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