Insérer une image ou texte sous ou sur les catégories (mess) Bouton_activeInsérer une image ou texte sous ou sur les catégories (mess) Bouton_hoverInsérer une image ou texte sous ou sur les catégories (mess) Fb-hoverInsérer une image ou texte sous ou sur les catégories (mess) 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
Insérer une image ou texte sous ou sur les catégories (mess) EmptySam 30 Mar 2024, 22:07 par Peyton972

» [RPG] Fiche personnage avec bannière
Insérer une image ou texte sous ou sur les catégories (mess) EmptySam 30 Mar 2024, 22:06 par Peyton972

» Structure de Qui Est En Ligne (1)
Insérer une image ou texte sous ou sur les catégories (mess) EmptyLun 04 Mar 2024, 23:20 par Peyton972

» Qui Est En Ligne - Utopia
Insérer une image ou texte sous ou sur les catégories (mess) EmptyDim 24 Déc 2023, 18:16 par romee

» Pack forum complet "Androïd Sylver" RPU (N°2)
Insérer une image ou texte sous ou sur les catégories (mess) EmptyJeu 02 Nov 2023, 06:42 par Hydrar

» Formulaire de connexion rapide amélioré
Insérer une image ou texte sous ou sur les catégories (mess) EmptySam 04 Mar 2023, 18:57 par Krager

» Avatar centré dans le profil
Insérer une image ou texte sous ou sur les catégories (mess) EmptySam 11 Fév 2023, 06:04 par Krager

» Vos partenaires dans le footer
Insérer une image ou texte sous ou sur les catégories (mess) EmptyMar 07 Fév 2023, 08:40 par Oxtran

-21%
Le deal à ne pas rater :
LEGO® Icons 10329 Les Plantes Miniatures, Collection Botanique
39.59 € 49.99 €
Voir le deal

Partagez
 

Insérer une image ou texte sous ou sur les catégories (mess)

Voir le sujet précédent Voir le sujet suivant Aller en bas 
http://lcdp.grafbb.com/
Feng Huang
Feng Huang
{ Membre }
{ Membre }

Féminin Messages : 17



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Hey Smile

Je vais peut-être paraître stupide, mais je ne vois pas ce que ce tuto permet de faire ><
J'en ai une vague idée, mais je ne vois pas ><

Est-ce que l'on peut avoir des aperçus, s'il vous plaît ? >.<
MessageSujet: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyDim 11 Juil 2010, 17:05
Revenir en haut Aller en bas
http://tamaki-road.forumactif.com/
Kimi267
{ Membre }
{ Membre }

Féminin Messages : 17



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Super tutoriel Very Happy, très utile surtout x) est-il possible de l'appliquer sur le message d'accueil, et si oui, comment s'il vous plaît :p?
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyLun 12 Juil 2010, 14:48
Revenir en haut Aller en bas
http://katinka.1fr1.net/forum.htm
Katinka
Katinka
{ Membre }
{ Membre }

Féminin Messages : 21



Insérer une image ou texte sous ou sur les catégories (mess) Empty
merci pour ce tuto ça donne vraiment super !!
par contre dans mon elan j'ai fait trois image (haut, bas mais aussi centre)
est t'il possible de mettre aussi une image derriere les caté pour qu'elle en dépasse de chaque coté, histoire que ça fasse bien un cadre ?

merci
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyMar 27 Juil 2010, 09:38
Revenir en haut Aller en bas
http://waspgraphics.olympe-network.com/
Wasp
Wasp
{ Membre }
{ Membre }

Féminin Messages : 3



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Bonjour bonjour !

Alors, hum, serait-il possible, dans la même idée, de faire varier l'image en fonction de la catégorie ? (Par exemple, pour un forum RPG, une image différente au dessus en fonction du lieu). J'avais songé à installer des différents que je positionnerai un peu à plouf jusqu'à tomber bon, mais je crains pour les différentes résolutions que ça ne mène à rien.
J'ai beau chercher et bidouiller un peu, j'aboutis simplement à une migraine plutôt qu'à une solution convenable !

Si vous pouviez m'aider à trouver !

Merci d'avance =)
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyLun 13 Sep 2010, 13:31
Revenir en haut Aller en bas
http://candy-chocolate.1fr1.net/forum.htm
loulou49
loulou49
{ Membre }
{ Membre }

Féminin Messages : 13



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Oui moi aussi je voulais savoir si on pouvait varier l'image celons la catégorie? merci Very Happy
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyJeu 16 Sep 2010, 12:43
Revenir en haut Aller en bas
http://chezalex.exprimetoi.net/forum.htm
Alexis
{ Membre }
{ Membre }

Masculin Messages : 28



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Pour le code suivant qui permet d'avoir une image au dessus de chaque catégorie:

Code:
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
CODE
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Si je mets plusieurs adresses d'image (codé bien sûr) à la suite, est ce que j'aurais une image au dessus de chaque catégorie ?

Si c'est pas le cas, quelle est la procédure ?
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyJeu 11 Nov 2010, 15:19
Revenir en haut Aller en bas
Invité
Invité




Insérer une image ou texte sous ou sur les catégories (mess) Empty
Alexis a écrit:
Pour le code suivant qui permet d'avoir une image au dessus de chaque catégorie:

Code:
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
CODE
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">

Si je mets plusieurs adresses d'image (codé bien sûr) à la suite, est ce que j'aurais une image au dessus de chaque catégorie ?

Si c'est pas le cas, quelle est la procédure ?

Tu peux me donner le code que tu veux tester?
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyJeu 11 Nov 2010, 15:24
Revenir en haut Aller en bas
http://chezalex.exprimetoi.net/forum.htm
Alexis
{ Membre }
{ Membre }

Masculin Messages : 28



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Citation :
* Image au-dessus de chaque catégorie



Cherchez ceci :

Code:
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead --><table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">


Remplacez par :

Code:
</table>
<!-- BEGIN catrow --><!-- BEGIN tablehead -->
CODE
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyJeu 11 Nov 2010, 15:36
Revenir en haut Aller en bas
http://chezalex.exprimetoi.net/forum.htm
Alexis
{ Membre }
{ Membre }

Masculin Messages : 28



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Excusez moi de Upper. Je voudrais juste apporter une précision à ma demande.

Je souhaiterais avoir des images différentes au dessus de chaque catégorie. J'ai pas vu le code. Je pourrais avoir un coup de main s'il vous plait?
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptySam 13 Nov 2010, 02:47
Revenir en haut Aller en bas
http://www.css-actif.com/
Furase
{ Membre actif }
{ Membre actif }

Féminin Messages : 312



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Bonjour.

Il n'est pas possible de mettre une image différente selon les catégories via cette méthode. Elle sera systématiquement la même.

Un moyen d'individualiser l'image serait de la placer dans le titre même de la catégorie, mais cela demande des manipulation supplémentaires. Je ferai des recherches sur le sujet dès que j'aurai des disponibilités.

Pour mettre une image sous les catégories, c'est possible et je ne pense pas que ce soit très compliqué. De même je chercherai quand je trouverai du temps.


Fu'
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyLun 06 Déc 2010, 03:51
Revenir en haut Aller en bas
Jiben
{ Membre actif }
{ Membre actif }

Masculin Messages : 314



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Bonjour a vous,

je voudrais mettre une images sur chaque catégories.

Bon voici ce que je voudrais faire :
Spoiler:

Comme vous le voyais l'images est sur la catégories et voici la miennes elle est complètement au dessous de ma catégories :s

Spoiler:

Merci de votre aide.

Voici mon template :
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><img src="http://img7.hostingpics.net/pics/995741boules_billard_icone_7425_64.png" /></div>
<table class="forumline" width="100%" border="0" cellspacing="1" cellpadding="0">
<tr>
<th colspan="{catrow.tablehead.INC_SPAN}" nowrap="nowrap" width="100%" class="secondarytitle"> {catrow.tablehead.L_FORUM}
<!-- END tablehead -->
<!-- BEGIN cathead -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="{catrow.cathead.CLASS_CAT}" colspan="{catrow.cathead.INC_SPAN}" width="100%">
<h{catrow.cathead.LEVEL} class="hierarchy">
<span class="cattitle">
<a class="cattitle" title="{catrow.cathead.CAT_DESC}" href="{catrow.cathead.U_VIEWCAT}">{catrow.cathead.CAT_TITLE}</a>
</span>
</h{catrow.cathead.LEVEL}>
</td>
<td class="{catrow.cathead.CLASS_ROWPIC}" colspan="3" align="right"> </td>
</tr>
<!-- END cathead -->
<!-- BEGIN forumrow -->
<table class="forum-description" width="300%"  border="0" cellspacing="1" cellpadding="0">
<tr>
<!-- BEGIN inc -->
<td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
<!-- END inc -->
<td class="{catrow.forumrow.INC_CLASS}" align="center" valign="middle">
<img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" />
</td>
<td class="row1 over" colspan="{catrow.forumrow.INC_SPAN}" valign="top" width="100%" height="50">
<h{catrow.forumrow.LEVEL} class="hierarchy">
<div class="haut"><span class="gensmall">Sujets : {catrow.forumrow.TOPICS} | Messages : {catrow.forumrow.POSTS}</span></div>
<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />
</span>
</h{catrow.forumrow.LEVEL}>
<div class="milieu"><span class="genmed">{catrow.forumrow.FORUM_DESC}</span>


<div class="messages_sujets_derniers_sujets">
<div class="derniers_sujets"><span class="gensmall">{catrow.forumrow.LAST_POST}</span></div>
</div>


<span class="gensmall">
<!-- BEGIN switch_moderators_links -->
{catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
<!-- END switch_moderators_links --></span></div>
<div class="bas"><span class="gensmall">ff{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
</span></div>
</td>

<!-- BEGIN forum_link_no -->
<!-- END forum_link_no -->
<!-- BEGIN forum_link -->
<td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
<!-- END forum_link -->
</tr>
<!-- END forumrow -->
<!-- BEGIN catfoot -->
<tr>
<!-- BEGIN inc -->
<td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
<!-- END inc -->
<td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr></table>
<!-- END catfoot -->
<!-- BEGIN tablefoot -->
</table></th><br></br><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

Mon CSS :
Code:
/*--- Cette partie correspond à la description du forum ---*/
.forum-description {
      margin: auto;
      padding: 10px;
      color: #000000;
      width: 80%;
      border: 3px solid #000000;
      -moz-border-radius: 14px;
      -webkit-border-radius: 14px;
      font-size: 12px;
}



.messages_sujets_derniers_sujets {
margin-left: 2px; /*espace entre le bord gauche et la bordure*/
border-top: 3px solid black;
border-left: 3px solid black;
border-bottom: 1px dotted black;
border-top: 1px dotted black;
-moz-border-radius: 5px; /*arrondir l'angle gauche du haut*/
width : auto}



/*affichage derniers messages*/
.derniers_sujets {
padding: VALEURpx; /*espace entre le texte et la bordure*/
margin: VALEURpx; /*espace entre le bord et la bordure*/
border: VALEURpx dashed #COULEUR;
-moz-border-radius-topleft: VALEURpx; /*arrondir l'angle gauche du haut*/
-moz-border-radius-bottomright: VALEURpx; /*arrondir l'angle droit du bas*/
text-align: center;
}

.haut {width: 20%;
margin-left: 75%;
margin-bottom: 0px; 
padding: 5px;

text-align: center; }


.milieu {width: 68%; margin: 0px; border: 1px solid #172b2e;-moz-border-radius: 10px; -webkit-border-radius: 10px; padding: 5px;background-color: #172b2e;width : 300 px;margin:0 auto; }


.bas {width: 20%; margin-left: 10%; margin-top: 0px; border-left: 1px solid #172b2e; border-right: 1px solid #172b2e; border-bottom: 1px solid #172b2e; -moz-border-radius-bottomleft: 10px; -moz-border-radius-bottomright: 10px; -webkit-border-radius-bottomleft: 10px; -webkit-border-radius-bottomright: 10px; padding: 5px;background-color: #172b2e;width : 300 px;margin:0 auto; }
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyLun 24 Jan 2011, 15:51
Revenir en haut Aller en bas
http://twilightobsessionfr.com
Steff
Steff
{ Membre }
{ Membre }

Féminin Messages : 41



Insérer une image ou texte sous ou sur les catégories (mess) Empty
Katinka, j'ai également mis une image au centre en reprenant un des tutos de B.ow en mettant ceci dans ta feuille de style CSS

Code:
/* ---Image derrière les cat---*/
.forumline
{
background-color: transparent;
background-image: url(url de l'image du milieu);
background-repeat: repeat-y; /* L'image se répète uniquement sur la hauteur*/
padding-left: 0px;
padding-right: 0px; /* Il vaut mieux ajouter quelques pixels de marge intérieure, sinon le forum est collé à l'image intérieure, et ça ne rend pas bien. Faites le test sinon !*/
border: none;
}

Je viens de testé et pour moi ça fonctionne.
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) EmptyDim 06 Fév 2011, 16:30
Revenir en haut Aller en bas
Contenu sponsorisé




Insérer une image ou texte sous ou sur les catégories (mess) Empty
MessageSujet: Re: Insérer une image ou texte sous ou sur les catégories (mess)   Insérer une image ou texte sous ou sur les catégories (mess) Empty
Revenir en haut Aller en bas
 

Insérer une image ou texte sous ou sur les catégories (mess)

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

 Sujets similaires

-
» Insérer une image/du texte au-dessus/en dessous des catégories
» Problème de script pour l'affichage des sous catégories et forums dans un système de catégories en onglet. ( forum en phpBB2)
» [résolu]Insérer une image différente entre les sous forums et la description du forum
» (résolu) Texte dissimulé sous une image qui glisse au passage de la souris.
» [Résolu] Affichage des forums, sous-forums : remplacer l'image par un texte

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
CSSActif :: Corbeille :: Archives de CSSActif :: Archives 2009~2011-

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