[résolu]Mélange de codes ? Bouton_active[résolu]Mélange de codes ? Bouton_hover[résolu]Mélange de codes ? Fb-hover[résolu]Mélange de codes ? Fb-active
CSSActif, le forum, n'est plus maintenu. Il est néanmoins disponible pour consultation. Pour des outils pratiques, rendez-vous sur:

Découvrez CSSActif, une collection d'outils et de tutoriels interactifs pour les développeurs Web — HTML, CSS, JavaScript et bien plus!

Derniers sujets
» Système d'onglets simple et personnalisable
[résolu]Mélange de codes ? EmptyLun 03 Juin 2024, 17:20 par birds

» Fiche de Présentation RPG
[résolu]Mélange de codes ? EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
[résolu]Mélange de codes ? EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
[résolu]Mélange de codes ? EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
[résolu]Mélange de codes ? EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
[résolu]Mélange de codes ? EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
[résolu]Mélange de codes ? EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
[résolu]Mélange de codes ? EmptySam 11 Fév 2023, 06:04 par Krager

-20%
Le deal à ne pas rater :
Drone Dji DJI Mini 4K (EU)
239 € 299 €
Voir le deal

Partagez
 

[résolu]Mélange de codes ?

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



[résolu]Mélange de codes ? Empty
Bonjour !

... C'est encore moi.

J'aurais voulu savoir s'il me serait possible de combiner les codes donnés dans ce tutoriel :
http://www.css-actif.com/t10469-placer-l-icone-des-forums-dans-la-colonne-derniers-messages

Avec les codes qui m'ont servi à l'affichage de mon forum de test :
http://yggy-test.forumgratuit.fr/

Je vous redonne les codes au cas où :

CSS :
Code:
.categorie{
  width: 98%;
  margin: auto;
  margin-top: 10px;
  margin-bottom: 10px;
  background: #ffffff;
  border-top: 3px solid #;
  border-bottom: 1px solid #;
  border-right: 1px solid #;
  border-left: 1px solid #;
  box-shadow: 0px 0px 5px #;
  -moz-box-shadow: 0px 0px 5px #;
  -o-box-shadow: 0px 0px 5px #;
  -htm-box-shadow: 0px 0px 5px #;
  -webkit-box-shadow: 0px 0px 5px #;

border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forum{
  width: 98%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5px;
  margin-bottom: 5px;
  background: #ffffff;
  border: 1px dotted #;
  padding: 2px;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forumlink{
  display: block;
  width: 450px;
  font-variant: small-caps;
  letter-spacing: 2px;
  padding-left: 20px;
  text-shadow: 1px 1px 0px #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.forumlink a{
  font-size: 16px;
  border-bottom: 2px dotted #d0e8d5;
 border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

.description{
  display: block;
  width: 490px;
  margin: auto;
  font-size: 11px;
  text-align: justify;
  color: #000000;}

.illu{
  float: right;
  margin-left: 15px;
  margin-right: 15px;
  margin-bottom: 10px;
  border: 1px solid #;
  background: #ebf4e9;
  padding: 5px;
  -moz-border-radius: 5px 5px 5px 5px;
  -webkit-border-radius: 5px 5px 5px 5px;
  border-radius: 5px 5px 5px 5px;}

.stats_last{
  display: block;
  width: 160px;
  margin: auto;
  background: #ebf4e9;
  padding: 10px;
  border: 1px dotted #;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;

-moz-box-shadow: 0px 0px 3px #91b38b;
  box-shadow: 0px 0px 3px #91b38b;
  -webkit-box-shadow: 0px 0px 3px #91b38b;}
.stats{ 
  display: block;
  text-align: center;
  font-size: 10px;
  color: #000000;
  border-bottom: 1px solid #;
  padding-bottom: 4px;
  margin-bottom: 4px;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;
 
-moz-box-shadow: 0px 0px 3px #000000;
  box-shadow: 0px 0px 3px #000000;
  -webkit-box-shadow: 0px 0px 3px #000000;}

.last{
  display: block;
  text-align: center;
  font-size: 11px;}

.sous_forum{
  display: block;
  width: 98%;
  margin: auto;
  background: #ebf4e9;
  padding: 2px;
  text-align: center;
  border-radius: 10px 10px 10px 10px;
  -webkit-border-radius: 10px 10px 10px 10px;
  -moz-border-radius: 10px 10px 10px 10px;}

JavaScript :
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">{catrow.tablehead.L_FORUM}</div>

<div class="categorie">

  <!-- END tablehead -->
  <!-- BEGIN cathead -->
 
  <!-- END cathead -->
  <!-- BEGIN forumrow -->
 
  <div class="forum">
   
<table><tr>
  <td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span></td>
  <td style="vertical-align: top;"><span class="forumlink">
              <a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
            </span>
  <span class="description">{catrow.forumrow.FORUM_DESC}</span></td>
  <td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
</tr></table>
   
    <span class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</span>
   
  </div>

  <!-- END forumrow -->
  <!-- BEGIN catfoot -->
 
  <!-- END catfoot -->
  <!-- BEGIN tablefoot -->
 
  </div>
 
<!-- END tablefoot --><!-- END catrow -->

Merci beaucoup d'avance.


Dernière édition par Nye-Hael le Dim 31 Mar 2013, 16:59, édité 1 fois
MessageSujet: [résolu]Mélange de codes ?   [résolu]Mélange de codes ? EmptySam 30 Mar 2013, 13:49
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



[résolu]Mélange de codes ? Empty
Bonsoir,

Bien sur qu'ils peuvent être combinés. Smile
Cherche ceci :
Code:
<td><span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span></td>
Et supprime le. Cela te supprime ton image de message.

Plus haut, tu as cette cellule :
Code:
 <td><span class="stats_last"><span class="stats">{catrow.forumrow.TOPICS} sujets ; {catrow.forumrow.POSTS} messages</span>
    <span class="last">{catrow.forumrow.LAST_POST}</span></span></td>

Tu y ajoutes ton image des messages :
Code:
<span class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></span>
Juste avant la span comportant la classe stats_last.
Mais à mon avis, ta span ne sert pas à grand chose étant donné qu'aucun css n'y est appliqué dans ta feuille de style.

Bonne soirée,

MessageSujet: Re: [résolu]Mélange de codes ?   [résolu]Mélange de codes ? EmptyDim 31 Mar 2013, 15:06
Revenir en haut Aller en bas
http://yggdrasill-treet.forumgratuit.org/
Nye-Hael
Nye-Hael
{ Membre }
{ Membre }

Féminin Messages : 100



[résolu]Mélange de codes ? Empty
Effectivement, c'est tout bête.

Merci beaucoup !
MessageSujet: Re: [résolu]Mélange de codes ?   [résolu]Mélange de codes ? EmptyDim 31 Mar 2013, 15:26
Revenir en haut Aller en bas
Melone
Melone
{ Modérateur }
{ Modérateur }

Féminin Messages : 805



[résolu]Mélange de codes ? Empty
De rien. Smile

Merci d'avoir mis le tag résolu, je déplace !

Bonne fin de soirée,
MessageSujet: Re: [résolu]Mélange de codes ?   [résolu]Mélange de codes ? EmptyDim 31 Mar 2013, 18:32
Revenir en haut Aller en bas
Contenu sponsorisé




[résolu]Mélange de codes ? Empty
MessageSujet: Re: [résolu]Mélange de codes ?   [résolu]Mélange de codes ? Empty
Revenir en haut Aller en bas
 

[résolu]Mélange de codes ?

Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 1

 Sujets similaires

-
» Codes qui ne fonctionnent plus... [Résolu]
» [résolu]fusion de 2 codes
» Codes CSS à copier/coller [Résolu]
» Fusion de deux codes catégories [Résolu]
» [Résolu] Menu et autres codes à problème

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: De la théorie à la pratique :: Aide CSS & xHTML :: Problèmes résolus-

Partenaires Or


← Page précédente   ↑ Aller en haut Copyright © CSSActif 2009 - 2013 Tous droits réservés
Créer un forum | ©phpBB | Forum gratuit d'entraide | Signaler un abus | Cookies | Forum gratuit