Problème de codage
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Problème de codage
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 Et merci d'avance à vous
Dernière édition par Charmed Eternity le Ven 5 Déc 2014 - 23:37, édité 1 fois
Re: Problème de codage
Salut,
Es-que tu veux garder la police qui change au survol du lien ?
Es-que tu veux garder la police qui change au survol du lien ?
Re: Problème de codage
J'aimerais garder la police sans survole et ne pas garder celle au survole du lien s'il vous plait
Re: Problème de codage
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 :
Ou sinon, en suppriment cette ligne :
Qui ce trouve dans la class "a.forumlink {}", ce qui aura pour effet de supprimer la police utilisé sur les liens.
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.
Re: Problème de codage
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.
Re: Problème de codage
Tu l'a bien ajouté à la suite du code CSS que tu à donné dans ton premier message ?
Re: Problème de codage
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.
Re: Problème de codage
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%;
}
Re: Problème de codage
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?
Re: Problème de codage
Yep, c'est possible :
Ajoute ce code CSS encore à la suite
Ajoute ce code CSS encore à la suite
- Code:
a.forumlink:hover, a.forumlink
{
font-size:20px;
text-transform:none;
letter-spacing:0px;
}
Re: Problème de codage
Merci beaucoup c'Est parfait
Re: Problème de codage
De rien, pense à mettre le sujet en résolu
Sujets similaires
» Problème codage
» Problème de codage
» Problème codage Map
» Problème codage QEEL
» Problème de codage
» Problème de codage
» Problème codage Map
» Problème codage QEEL
» Problème de codage
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum