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

3 participants

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 Ven 12 Nov 2010 - 22:36

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

Gros merci

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

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 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

Kiirii
****

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

https://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 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
Titre de catégorie à côté de l'image Couleu10
avatar

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 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

Kiirii
****

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

https://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 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)
Titre de catégorie à côté de l'image Espace10
avatar

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 Sam 13 Nov 2010 - 17:22

Bonsoir

Augmente la largeur de ta cellule.

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

FANCH 56
Membre actif

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

https://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 Sam 13 Nov 2010 - 17:38

scratch
Titre de catégorie à côté de l'image Espace11
Titre de catégorie à côté de l'image Espace12
avatar

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 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

FANCH 56
Membre actif

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

https://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 Sam 13 Nov 2010 - 18:11

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

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 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

Kiirii
****

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

https://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 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
avatar

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 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

Kiirii
****

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

https://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 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

avatar

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

- Sujets similaires

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