Sujets similaires

Sujet: lien page d'accueil Jeu 24 Sep 2009, 12:51

Re.. coucou :p
voila je me posais une question
es ce qu'il serait possible de nous dire comment faire pour avoir des liens comme les votres
ceux des catégories de la page d'accueil?

merci a vous

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 13:46

Salut,

Il suffit de faire ta navigation et de mettre du CSS.

Exemple :

Code:: <td width="33%" id="loi"><div class="titre"><img src="http://i221.photobucket.com/albums/dd52/xodramm/annuaire/indexnavigation.png"></div>
<br>
<a href="http://annuaire-rn.forumactif.org/regles-a-suivre-f2/">₪ Règlements</a><br>
<a href="http://annuaire-rn.forumactif.org/vos-presentations-f3/">₪ Présentation</a><br>
<a href="http://annuaire-rn.forumactif.org/demande-d-acces-a-l-annuaire-f69/">₪ Rejoindre ARN</a><br>
<a href="http://annuaire-rn.forumactif.org/recrutement-du-forum-f59/">₪ Recherche de personnel ?</a><br>
<a href="http://annuaire-rn.forumactif.org/invites-f27/">₪ Zone des invités</a><br>
</td>

Et le css :

Code:: #loi a:link, #menu a:visited{
margin-left : 9px;
margin-right : 9px;
display: block;
font-family : georgia;
color: #FFFFFF;
background-color: #c08460;
text-align:center;
border-left: 9px solid #502423;
border-right: 9px solid #502423}

#loi a:hover, #menu a:hover:visited{
color: #c08460;
background-color: #FFFFFF;
border-left: 9px solid #FFD2E9;
border-right: 9px solid #FFD2E9;}
body {
background-color: transparent;
}

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 13:49

non je pense pas que l'on parle de la même chose j'ai du mal m'exprimer je parle de ceci :

lien page d'accueil 1zcl4j8

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 13:50

Ok tu veux quoi comme effet ?

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 14:12

ben déjà ce soulignement que l'on vois (ou dans le genre)
et savoir comment changer l'écriture seulement a cet endroit ^^

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 14:19

En fait, ça fait suite à une discussion dans le tuto "faire de beaux titres".
Il s'avère que lorsqu'on change les titres des forums, le changement s'opère aussi lorsqu'on rentre dans ces forums. Or, sur ce forum-ci, ça ne le fait pas, donc on (je me compte dedans xD) voudrait savoir comment cela se fait-il ?

Aperçu.
Dans le cadre rouge, les modifications apportées aux titres s'appliquent, alors que dans le cadre bleu non. Et on voudrait savoir comment faire pour que ça ne s'applique pas, comme dans le cadre bleu.

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 16:59

Haha, si je comprends bien je détient l'ultime secret Twisted Evil

... qui ne sera bientôt plus un secret pour personne, pour ce faire, il vous faudra modifier les templates du forum.

Dans les templates généraux, cliquez sur index_box pour le modifier.
Dans le template, sélectionnez le code:

Code:

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a><br />

(Utilisez Ctrl+F pour le trouvez plus rapidement.)
Remplacez la sélection par ceci:

Code:

<span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="CLASSE-DES-TITRES">{catrow.forumrow.FORUM_NAME}</div></a><br />

(N'oubliez pas de remplacer la classe par la votre.)
Reste plus qu'à valider les changements.

L'avantage est qu'en procédant ainsi, vous n'aurez pas besoin de changer tout les titres de vos forums pour y ajouter un "div", il est déjà inclue dans les templates. L'inconvénient c'est qu'il faut définir la bonne grandeur dans le code CSS du titre weight: [nombre]px ou [pourcent]%; .

C'est tout. Very Happy

EDIT: Non ce n'est pas tout, pour changer la police des liens de catégorie c'est:

Code:: .forumlink {
font-family: "Titre de la police";
}

et pour le soulignement la réponse ce trouve ici: soulignement

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 17:08

et dans le css on doit mettre quoi? ce que propose Johian de M. sur l'autre post??

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 17:12

Oui c'est bien ça Bravo !

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 17:13

Ah pas bête !
Mais j'ai une autre question alors.

Si on a fait en sorte que les titres des forums soient d'une façon, mais que les titres des sous-forum soient d'une autre... ça marche plus dans ce cas là, non ?

Sujet: Re: lien page d'accueil Jeu 24 Sep 2009, 18:03

Effectivement, je ne pense pas qu'on puisse donner un style différent aux sous-forums.

Sujet: Re: lien page d'accueil Ven 25 Sep 2009, 01:32

Ah mayrde >< Bon tant pis =S

Poussette, demande terminée ? ^^

Sujet: Re: lien page d'accueil Ven 25 Sep 2009, 03:59

je test et je te dis si ça fonctionne pour que tu puisse verrouiller

Sujet: Re: lien page d'accueil Ven 25 Sep 2009, 10:17

Okay,
Orange, j'ai testé sur mon forum. Alors donc, je peux modifier les liens des sous-forums, mais uniquement manuellement. Donc, si j'utilise ton code, si je veux faire que les liens des sous-forums soient différents, je peux, mais je dois éditer tous les titres ^^

Sujet: Re: lien page d'accueil Ven 25 Sep 2009, 16:45

bon je ne sais pas d'ou viens le probléme mais chez moi rien ne s'affiche :/

Sujet: Re: lien page d'accueil Ven 25 Sep 2009, 16:49

Donne nous le template et le css, sinon on peut pas t'aider x)

Sujet: Re: lien page d'accueil Ven 25 Sep 2009, 16:51

ok alors voila

TEmplate

Code:: <table width="100%" border="0" cellspacing="1" cellpadding="0" align="center">
<tr>
   <td valign="bottom">
      
      <span class="gensmall">{LAST_VISIT_DATE}<br />
      {CURRENT_TIME}<br />
      </span>
      
      <div class="nav"><a class="nav" href="{U_INDEX}">{L_INDEX}</a>{NAV_CAT_DESC}</div>
   </td>
   <td class="gensmall" align="right" valign="bottom">
      
      <a class="gensmall" href="{U_SEARCH_NEW}">{L_SEARCH_NEW}</a><br />
      <a class="gensmall" href="{U_SEARCH_SELF}">{L_SEARCH_SELF}</a><br />
      
      <a class="gensmall" href="{U_SEARCH_UNANSWERED}">{L_SEARCH_UNANSWERED}</a>
   </td>
</tr>
</table>
<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} </th>
   <th nowrap="nowrap" width="50">{L_TOPICS}</th>
   <th nowrap="nowrap" width="50">{L_POSTS}</th>
   <th nowrap="nowrap" width="150"><div style="width:150px;">{L_LASTPOST}</div></th>
</tr>


<tr>
   
   <td class="{catrow.cathead.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <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>


<tr>
   
   <td class="{catrow.forumrow.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" alt="." /></td>
   
   <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">
         <span class="forumlink">
<a class="forumlink" href="{catrow.forumrow.U_VIEWFORUM}"><div class="CLASSE-DES-TITRES">{catrow.forumrow.FORUM_NAME}</div></a><br />
         </span>
      </h{catrow.forumrow.LEVEL}>
      <span class="genmed">{catrow.forumrow.FORUM_DESC}</span>
      <span class="gensmall">
         
         {catrow.forumrow.switch_moderators_links.L_MODERATOR}{catrow.forumrow.switch_moderators_links.MODERATORS}
         
         {catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}
      </span>
   </td>
   
   <td class="row3" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.TOPICS}</span>
   </td>
   <td class="row2" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.POSTS}</span>
   </td>
   <td class="row3 over" align="center" valign="middle" height="50">
      <span class="gensmall">{catrow.forumrow.LAST_POST}</span>
   </td>
   
   
   <td class="row3" colspan="3" align="center" valign="middle" height="50"><span class="gensmall">{catrow.forumrow.forum_link.HIT_COUNT}</span></td>
   
</tr>


<tr>
   
   <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="46" /></td>
   
   <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
</tr>


</table><img src="{SPACER}" alt="" height="5" width="1" />

CSS:

Code:: .titre {
font-family: Comic sans MC, serif; /* Ceci est la police utilisée pour écrire votre titre. Il est conseillé de laisser serif à la fin, c'est la police par défaut (utilisée si les autres polices ne sont pas présentes sur les pc des personnes qui lisent les titres). */
font-size: 110%; /* Détermine la taille de la police. 100% est la taille normale, 110% est donc un peu plus grand */
text-transform: uppercase; /* Soyons fou, écrivons le titre en majuscules ! ^^ */
background-image: URL("ADRESSE DE L'IMAGE"); /* Et pourquoi ne pas mettre une petite image ? ça décore, ça fait sympa... xD */
border-bottom: 1px solid #c3e332; /* ça, c'est le "soulignement" du titre. Si vous voulez que ce soit un trait plein, remplacez "dashed" par "solid". Pour un trait en pointillé, c'est "dotted". Pour aucun trait du tout, c'est "j'efface la ligne". */
color: #c3e332; /* Couleur de la police ^^ */
text-align: center; /* C'est la classe si le titre est centré, mais on peut l'aligner à droite (right) ou à gauche (left). */
border-left: 2px solid #FFFFFF; /* ça, c'est pour faire les petites barres sur le côté du titre... Pour les faire plus large, il suffit de mettre 3px, 4px ou plus à la place de "1px" */
border-right: 2px solid #66300B;
}

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 06:39

personne pour me dire d'ou viens le soucis?

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 06:42

A vu de nez sans trop regarder, tu a suivi les conseils d'Orange.
Le CSS parait bon mais j'ai regardez furtivement.

Tu as vérifier sous d'autres navigateurs ?
Tu as le lien du forum ou tu as mis ce code ?

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 15:50

oui voici le lien du forum

http://poussette59.forumotion.com/index.htm

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 15:56

Bon je vois qu'il y a une erreur dans ton CSS.
Il y a 2 fois body avec des éléments différents.
Tu risque un soucis dans le sens où il y aura confusion des codes à un moment.

Sinon pour les titres comme ici je ne vois nulle part le code CSS qu'Orange t'as indiqué :

Code:: .forumlink {
font-family: "Titre de la police";
}

Et j'ai remarqué aussi dans le CSS .titre
Dans les titres de tes catégories ou forum tu as mis juste le nom ?

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 15:57

oui je n'est pas toucher au nom des caté :/

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 16:00

Bon essaye ceci :

Code:: <span class="titre">Nom de la catégorie</span>

A mettre a la place du nom actuel

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 16:49

non aucun changement :/

Sujet: Re: lien page d'accueil Dim 27 Sep 2009, 16:53

Bon alors si tu veux la même chose qu'ici :

Code:: .catlink {
color: #4E2B49;
width: 537px;
background-color: #D1B496;
border-bottom: #b8a38d 2px solid;
border-left: #b8a38d 8px solid;
border-right: #b8a38d 8px solid;
padding-left: 10px;
padding-right: 10px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
font-variant: small-caps;
}

.catlink:hover {
color: #D1B496;
width: 537px;
background-image: url("http://www.generation-upload-fr.com/upload/18765barre3.jpg");
border-bottom: #D1B496 2px solid;
border-left: #D1B496 8px solid;
border-right: #D1B496 8px solid;
padding-left: 10px;
padding-right: 10px;
margin-left: 3px;
margin-right: 3px;
text-align: center;
text-transform: uppercase;
letter-spacing: 3px;
}

Modifie les couleurs car ce sont celles du forum.

Pour les titres :

Code:: <div class="catlink">NOM</div>

lien page d'accueil

lien page d'accueil

Sujets similaires

Sujets similaires

Partenaires Or