Problème de codage

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

Résolu Problème de codage

Message par Charmed Eternity le 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:
[img] quand je passe ma souris :
Quand je ne passe pas ma souris : [/img]

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

Charmed Eternity
**

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

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

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

Salut,

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

Luluwebmaster
*****

Masculin
Messages : 720
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 le 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

Charmed Eternity
**

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

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster le 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
*****

Masculin
Messages : 720
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 le 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.

Charmed Eternity
**

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

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster le 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
*****

Masculin
Messages : 720
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 le 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.

Charmed Eternity
**

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

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster le 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
*****

Masculin
Messages : 720
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 le 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?

Charmed Eternity
**

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

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

Message par Luluwebmaster le 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
*****

Masculin
Messages : 720
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 le Ven 5 Déc 2014 - 23:36

Merci beaucoup c'Est parfait Very Happy

Charmed Eternity
**

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

http://charmeds-eternity.forumactif.com/index.htm
Charmed Eternity a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Problème de codage

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

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

Luluwebmaster
*****

Masculin
Messages : 720
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


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