Mise en place d'une image sous et au dessus d'une catégorie Bouton_activeMise en place d'une image sous et au dessus d'une catégorie Bouton_hoverMise en place d'une image sous et au dessus d'une catégorie Fb-hoverMise en place d'une image sous et au dessus d'une catégorie 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
» Fiche de Présentation RPG
Mise en place d'une image sous et au dessus d'une catégorie EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Mise en place d'une image sous et au dessus d'une catégorie EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Mise en place d'une image sous et au dessus d'une catégorie EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Mise en place d'une image sous et au dessus d'une catégorie EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Mise en place d'une image sous et au dessus d'une catégorie EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Mise en place d'une image sous et au dessus d'une catégorie EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Mise en place d'une image sous et au dessus d'une catégorie EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Mise en place d'une image sous et au dessus d'une catégorie EmptyMar 07 Fév 2023, 08:40 par Oxtran

Le Deal du moment :
Pokémon EV06 : où acheter le Bundle Lot ...
Voir le deal

Partagez
 

Mise en place d'une image sous et au dessus d'une catégorie

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://aaronslifes.blog4ever.com/blog/index-415488.html
Tamaya
{ Membre }
{ Membre }

Féminin Messages : 6



Mise en place d'une image sous et au dessus d'une catégorie Empty
Bonjour ou Bonsoir à tous.

J'ai une petite question somme toute assez bête, me lançant dans le codage css depuis peu de temps, je virevolte un peu pour créer mes propres codes et personnaliser mon forum...
Mais une question reste en suspend... J'aimerais savoir comment poser une image au dessus d'une catégorie, et en dessous comme sur ce forum:

https://2img.net/r/hpimg10/pics/147154DEMANDE.jpg

J'ai cherché un peu partout sur le panneau de configuration.
Dois-je travailler directement sur les templates ou existe-t-il un code css pour placer ces images? Shocked
MessageSujet: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyLun 07 Juin 2010, 18:12
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Mise en place d'une image sous et au dessus d'une catégorie Empty
Bonjour ^^

Je ne vois pas très bien sur l'image que tu as donnée, qui est un peu sombre, mais les images ne sont-elles pas tout simplement dans la description ou le titre des catégories ?
As-tu essayé cette méthode ? Si non, je te suggère d'essayer et voir si ça correspond bien à ce que tu veux. Si oui... je ne suis pas sûr de pouvoir te répondre. Mais j'essaierai quand même :p


Fu'
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyMar 08 Juin 2010, 03:03
Revenir en haut Aller en bas
http://aaronslifes.blog4ever.com/blog/index-415488.html
Tamaya
{ Membre }
{ Membre }

Féminin Messages : 6



Mise en place d'une image sous et au dessus d'une catégorie Empty
J'ai essayé de faire un autre screen un peu plus précis:

https://2img.net/r/hpimg10/pics/787925DEMANDE.jpg

J'ai encadré l'image en question en rouge pour qu'elle ressorte bien Oo Comme vous voyez, elle est au-dessus du titre de la première catégorie. Il y en a une différente en dessous, et au début et à la fin de chaque catégorie, ces images se répètent.

J'ai essayé directement dans les description des catégories ou dans les titres mais ce n'est pas ça (ou alors je suis passé à côté de quelque chose, ce qui est loin d'être impossible) ^^
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyMar 08 Juin 2010, 04:13
Revenir en haut Aller en bas
http://pension-shiinu.forumactif.com/
Ito
Ito
{ Membre }
{ Membre }

Féminin Messages : 54



Mise en place d'une image sous et au dessus d'une catégorie Empty
    Alors, en gros tu voudrais placé une image avant les catégories ? Si je me trompe pas, il faut faire comme ça >

      Ouvre le template Index-box, (placer une image avant toute les catégories).

      Tu cherches >
      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>
      (le premier morceau)

      & tu colles à la suite ...
      Code:
      <center>
      <a href="url"><img src="url de ton image"></a>
      </center>

      Tu remplis, enregistre & valide le template avec le plus vert ! :D

    Après pour mettre une image à la suite des catégories j'ai pas trouvée, sorry. iwi
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyMar 08 Juin 2010, 09:06
Revenir en haut Aller en bas
http://princeton.forums-actifs.net/forum.htm
Emaline
Emaline
{ Membre }
{ Membre }

Féminin Messages : 202



Mise en place d'une image sous et au dessus d'une catégorie Empty
Est-ce que c'est moi qui rêve mais sur le Screen je vois la PA de The Island un peu modifier?
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyMar 08 Juin 2010, 09:41
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Mise en place d'une image sous et au dessus d'une catégorie Empty
Mon problème ne vient pas de ton screen, mais de mon écran. J'utilise un pc portable qui commence à avoir de l'âge, et les nuances de couleurs ne s'affichent pas forcément bien. Donc comme tout est très foncé... j'ai un peu de mal à tout distinguer ^^" Mais j'ai cherché le lien du forum pour regarder, et je pense comprendre un peu mieux ce que tu veux faire.

Le code donné par Ito permet d'afficher une seule image uniquement au-dessus de la première catégorie. (D'ailleurs tu n'es pas obligée de mettre un lien, tu peux enlever les balises a href et /a. Et n'oublie pas le slash à la fin de la balise image.)

Si ça te convient, pas de problème. Autrement je n'ai pas la réponse à la question. Je peux essayer de chercher, mais à moins qu'un autre membre ait la solution je vais devoir te faire attendre un peu. Je m'en excuse ^^"

Pour te répondre Emaline : aucune idée ^^" Je te laisse le lien pour si tu veux jeter un oeil : http://bloody-moon.forumactif.org/forum.htm


Fu'
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyMar 08 Juin 2010, 10:54
Revenir en haut Aller en bas
http://aaronslifes.blog4ever.com/blog/index-415488.html
Tamaya
{ Membre }
{ Membre }

Féminin Messages : 6



Mise en place d'une image sous et au dessus d'une catégorie Empty
Merci beaucoup Ito ^^ L'image s'affiche bel et bien, maintenant il ne me reste plus qu'à trouver comment la faire se répéter au dessus de chaque catégorie, mais c'est déjà un grand pas de fait ><

Emaline > Je ne peux pas te répondre oo Je connais ce forum par Google simplement

Furase > Merci pour tes recherches Oo Si tu trouves comment afficher l'image en dessous, je saurai être patiente ^^
En attendant, je vais mener mes propres tests et recherches, le code d'Ito éclaircit beaucoup de choses ^^
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyMar 08 Juin 2010, 18:39
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Mise en place d'une image sous et au dessus d'une catégorie Empty
Re-bonjour.

J'ai supprimé mon précédent message pour ne pas faire de double post.

J'ai cherché un peu depuis la dernière fois, et y a du mieux. J'ai trouvé comment mettre l'image en haut de toutes les catérogies.
Il y a en fait plusieurs solutions, mais la plus simple pour le moment me semble être de mettre ton image à l'endroit où l'a dit Ito, donc juste avant ou juste après le commentaire
Code:
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
mais en lui rajoutant la classe formuline
Code:
<img class="formuline" src="url-de-l-image" />

J'ai essayé plusieurs astuces, mais je n'ai pas réussi à se faire répéter l'image du bas de la catégorie. J'essaierai encore lais là... je promets vraiment rien !
Je posterai si je trouve.

En tous cas, pour mettre une image unique en bas de toutes les catégories, il suffit de l'ajouter tout en bas du template, en dessous du dernier /table.


Fu'
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyVen 11 Juin 2010, 11:12
Revenir en haut Aller en bas
http://aaronslifes.blog4ever.com/blog/index-415488.html
Tamaya
{ Membre }
{ Membre }

Féminin Messages : 6



Mise en place d'une image sous et au dessus d'une catégorie Empty
Merci Furase! <3 Pour le temps passé à chercher et pour le rendu tout à fait parfait ><
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyVen 11 Juin 2010, 11:24
Revenir en haut Aller en bas
http://www.i-love-harvard.com/
Kaiji
Kaiji
Blanche-Neige
Blanche-Neige

Féminin Messages : 5578



Mise en place d'une image sous et au dessus d'une catégorie Empty
    Je classe =) !
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie EmptyLun 14 Juin 2010, 20:27
Revenir en haut Aller en bas
Contenu sponsorisé




Mise en place d'une image sous et au dessus d'une catégorie Empty
MessageSujet: Re: Mise en place d'une image sous et au dessus d'une catégorie   Mise en place d'une image sous et au dessus d'une catégorie Empty
Revenir en haut Aller en bas
 

Mise en place d'une image sous et au dessus d'une catégorie

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

 Sujets similaires

-
» problème de catégorie (image sous la catégorie)
» Problème mise en place de mes sous forum
» Mettre une image à la place du nom des catégorie..
» Image de titre de catégorie disposée sur l'image de haut de catégorie
» [Résolu !] Les sous-forums sous les sujets plutôt qu'au-dessus ?

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 | Forum gratuit | Informatique et Internet | Internet