Titre de catégorie à côté de l'image

Voir le sujet précédent Voir le sujet suivant Aller en bas

Résolu Titre de catégorie à côté de l'image

Message par FJrider le Ven 12 Nov 2010 - 22:36

Bonsoir Smile
Comment faire pour avoir le titre à côté de l'image?

Gros merci


FJrider
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 06/04/2010

http://abst.monally.com/
FJrider a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par Kiirii le Ven 12 Nov 2010 - 23:11

Bonsoir,

Comme vous êtes en PhpBB3 vous n'avez pas accès aux templates donc on va essayer une petite astuce. Wink
Warning Ceci devra être fait avec TOUS les liens et noms de forums!

Tout d'abord prenez les liens ainsi que les titres de vos pages et collez le tout dans la description du forum (PA Arrow Général Arrow Catégorie et forums Arrow sélectionnez le forum concerné).
Un exemple de description:
Code:

[b][url=http://abst.monally.com/randonnees-activites-f3/]Randonnées/ activités[/url][/b]
* Proposez une randonnée avec un nouveau message.
* Ou confirmez votre participation à une randonnée en répondant à un message.
[url=http://abst.monally.com/calendar.forum]>> Calendrier[/url]
[url=https://sites.google.com/site/abstqc/moto-sport-touring/randonnees]>> Google Maps de Randonnées[/url]

Une fois ceci fait allez dans le CSS

    Arrow PA
    Arrow Affichage
    Arrow Images et Couleurs
    Arrow Couleurs
    Arrow Feuille de Style CSS

Ajoutez ceci:
Code:

.forumtitle{
display: none;
}
Validez

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FJrider le Sam 13 Nov 2010 - 15:19

Merci, c'est bien ce que je veux, sauf que je ne veux pas le changement de couleur du titre (lien visité).
Et de conserver la taille de la police du titre otiginal
scratch

FJrider
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 06/04/2010

http://abst.monally.com/
FJrider a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par Kiirii le Sam 13 Nov 2010 - 16:16

Ah dans ce cas prenez ceci comme exemple de description:
Code:

<a href="http://abst.monally.com/randonnees-activites-f3/" class="forumtitle_perso">Randonnées/ activités</a><br />
* Proposez une randonnée avec un nouveau message. <br />
* Ou confirmez votre participation à une randonnée en répondant à un message. <br />
<a href="http://abst.monally.com/calendar.forum">>> Calendrier</a>
<a href="https://sites.google.com/site/abstqc/moto-sport-touring/randonnees">>> Google Maps de Randonnées</a>
Idea Explications
    La balise <br /> sert à aller à la ligne.

    Dans ce code-ci (n'effacez pas le code css que je vous ai donné précédemment):
    Code:
    <a href="http://abst.monally.com/randonnees-activites-f3/" class="forumtitle_perso">Randonnées/ activités</a>
    Remplacez uniquement le lien du forum ainsi que son nom et uniquement ça. Faites attention à ne pas effacer les " qui délimitent le commencement et la fin d'un lien.




Dans le CSS ajoutez ceci:
Code:
a.forumtitle_perso{
color:#05f;
font-family:Arial,Helvetica,sans-serif;
font-size:1.2em;
font-weight:700;
text-decoration:none;
}

a.forumtitle_perso:hover{
color:#d31141;
text-decoration:underline;
}

a.forumtitle_perso:active{
color:#05f;
}
Validez

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FJrider le Sam 13 Nov 2010 - 17:12

Merci, c'est encore mieux, sauf que je veux tirer avantage de cette ligne du titre déplacé (gagner l'espace pour un affichage compact)

FJrider
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 06/04/2010

http://abst.monally.com/
FJrider a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FANCH 56 le Sam 13 Nov 2010 - 17:22

Bonsoir

Augmente la largeur de ta cellule.


FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FJrider le Sam 13 Nov 2010 - 17:38

scratch


FJrider
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 06/04/2010

http://abst.monally.com/
FJrider a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FANCH 56 le Sam 13 Nov 2010 - 17:48

Ha ok drôle de montage.

Alors rajoute devant chaque ligne :        
& n b s p; & n b s p; & n b s p; & n b s p;

Retires l'espace entre chaque lettre

FANCH 56
+ Hyperactif +

Masculin
Messages : 13260
Inscrit(e) le : 25/07/2005

http://www.anciens-cols-bleus.net/
FANCH 56 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FJrider le Sam 13 Nov 2010 - 18:11

scratch

FJrider
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 06/04/2010

http://abst.monally.com/
FJrider a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par Kiirii le Sam 13 Nov 2010 - 18:28

@FANCH 56 a écrit:Ha ok drôle de montage.

Alors rajoute devant chaque ligne :        
& n b s p; & n b s p; & n b s p; & n b s p;

Retires l'espace entre chaque lettre
Ou soit entourez les descriptions d'une div avec un attribut (l'attribut doit être le même) comme ceci par exemple:
Code:

<div class="pousse_desc">
<a href="http://abst.monally.com/randonnees-activites-f3/" class="forumtitle_perso">Randonnées/ activités</a>

* Proposez une randonnée avec un nouveau message.

* Ou confirmez votre participation à une randonnée en répondant à un message.

<a href="http://abst.monally.com/calendar.forum">>> Calendrier</a>
<a href="https://sites.google.com/site/abstqc/moto-sport-touring/randonnees">>> Google Maps de Randonnées</a></div>

Puis dans le CSS ajoutez ceci:
Code:

.pousse_desc{
margin-left: 10px;
}
Idea Ceci permet de pousser toute votre description vers la droite, changez le chiffre selon vos besoin.
Validez

Ensuite on dirait que vous avez effacé le code que je vous ai donné pour effacer le titre que vous avez remplacez par des tirets. Le voici:
Code:

.forumtitle{
display: none;
}

Quant à l'espace au dessus de la description et de l'image je suis entrain de regarder.


::EDIT:: Le display: none; se comporte comme un visibility: hidden; on dirait... je ne pense pas que l'on peu modifier cet espace du coup... Je vais voir si je peux arranger ça d'une autre manière

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FJrider le Sam 13 Nov 2010 - 18:34

[quote="Kiirii"]
@FANCH 56 a écrit:

Ensuite on dirait que vous avez effacé le code que je vous ai donné pour effacer le titre que vous avez remplacez par des tirets. Le voici:
Code:

.forumtitle{
display: none;
}

Quant à l'espace au dessus de la description et de l'image je suis entrain de regarder.

j'affecte ce code de façon temporaire ,le temps de faire le test

FJrider
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 06/04/2010

http://abst.monally.com/
FJrider a été remercié(e) par l'auteur de ce sujet.
  • 0

Résolu Re: Titre de catégorie à côté de l'image

Message par Kiirii le Dim 14 Nov 2010 - 12:35

@Kiirii a écrit:::EDIT:: Le display: none; se comporte comme un visibility: hidden; on dirait... je ne pense pas que l'on peu modifier cet espace du coup... Je vais voir si je peux arranger ça d'une autre manière
Désolée je n'arrive pas à arranger ça >_<'

Kiirii
****

Féminin
Messages : 293
Inscrit(e) le : 13/12/2009

http://forum.forumactif.com/
Kiirii a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Titre de catégorie à côté de l'image

Message par FJrider le Dim 14 Nov 2010 - 16:48

Kiirii, au gros merci Very Happy
Tu as bien répondu à ma demande originale, à savoir, déplacer le titre à côté de l'image
Embarassed Pour le bouton Merci, je viens de découvrir comment on doit l'utiliser, désolé.

Encore merci


FJrider
Nouveau membre

Masculin
Messages : 18
Inscrit(e) le : 06/04/2010

http://abst.monally.com/
FJrider a été remercié(e) par l'auteur de ce sujet.

Voir le sujet précédent Voir le sujet suivant Revenir en haut


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum