Modification de l'apparence de la page d'accueil
3 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1 • Partagez
Modification de l'apparence de la page d'accueil
Détails techniques
Version du forum : invision
Poste occupé : Fondateur
Navigateur(s) concerné(s) : Mozilla Firefox, Google Chrome, Internet Explorer, Opera, Safari, Autre
Personnes concernées par le problème : Tous les utilisateurs
Lien du forum : http://guilde-wanted-test.taguilde.net/ (Oui, j'utilise un forum de test, pour éviter de tous casser en grattant partout)
Description du problème
Bonjour,C'est relativement simple, ce que je recherche.
Le forum actuel à cette apparence :
- image:
Et je voudrais qu'il soit comme ceci :
- image:
Ne connaissant pas du tout comment fonctionne les templates et quoi sert à quoi, j'ai bien besoin de votre aide
Bien cordialement
Dernière édition par ipodjeremy le Ven 4 Déc 2015 - 0:39, édité 3 fois
Re: Modification de l'apparence de la page d'accueil
Bonjour,
déjà pour les images en fond des descriptions des forums : dans la description de chaque, rajoutez des balises autour, comme ceci :
Pour le suivant, on peut mettre "forumdeux" etc. .
Dans la Feuille de style, collez ceci :
Attention car il faut que les mots soient les mêmes (pour le premier forum par exemple, si l'on met "exemple" dans la description, alors il faudra mettre "exemple" aussi dans le CSS).
Bonne journée !
déjà pour les images en fond des descriptions des forums : dans la description de chaque, rajoutez des balises autour, comme ceci :
- Code:
<div class="forumun">Nom du forum</div>
Pour le suivant, on peut mettre "forumdeux" etc. .
Dans la Feuille de style, collez ceci :
- Code:
div.forumun {background-image:url("adressedemonimage")}
- Code:
div.forumdeux {background-image:url("adressedemonimage")}
div.forumtrois {background-image:url("adressedemonimage")}
Attention car il faut que les mots soient les mêmes (pour le premier forum par exemple, si l'on met "exemple" dans la description, alors il faudra mettre "exemple" aussi dans le CSS).
Bonne journée !
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Modification de l'apparence de la page d'accueil
Yeah, pour les images, sa fonctionne bien. J'ai fait le test avec ce que j'avais, mais sa fonctionne, c'est le principal.
Concernant l'apparence des catés, je vais tenter des bidouillages en attendant une aide
Concernant l'apparence des catés, je vais tenter des bidouillages en attendant une aide
Re: Modification de l'apparence de la page d'accueil
Re,
que voudriez-vous pour les titres des catégories, précisément ? (modifier quoi, changer quoi ?)
que voudriez-vous pour les titres des catégories, précisément ? (modifier quoi, changer quoi ?)
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Modification de l'apparence de la page d'accueil
Sans prendre en compte les images et les couleurs, mais seulement l'apparence ou du moins la structure de la page en elle même je voudrais que le forum ne ressemble plus au premier screen, mais au deuxième.
Par conséquent, je pense que tout est a modifier. Si j'ai bien suivi ( oui c'est dur) tous ce passe ici : Template / index_box
Par conséquent, je pense que tout est a modifier. Si j'ai bien suivi ( oui c'est dur) tous ce passe ici : Template / index_box
Re: Modification de l'apparence de la page d'accueil
Bonjour ^^
Ce que vous recherchez, ças'appelle des catégories en bloc.
Vous trouverez un tutoriel ici :
Catégories en blocs avec effets de transition - Version phpBB2
Un tutoriel équivalent est aussi disponible sur Never Utopia au cas où vous y auriez déjà un compte.
Ce que vous recherchez, ças'appelle des catégories en bloc.
Vous trouverez un tutoriel ici :
Catégories en blocs avec effets de transition - Version phpBB2
- Le rendu en image :
Ici on a 3 forums par ligne mais il suffit de modifier une seule ligne de CSS pour passer à 2 ou 4
Un tutoriel équivalent est aussi disponible sur Never Utopia au cas où vous y auriez déjà un compte.
Re: Modification de l'apparence de la page d'accueil
Bonjour Neptunia,
Merci beaucoup ! Le fait d'avoir un nom sur ce que je cherche m'a en effet permit de trouver bien de l'aide sur internet, dont un tutoril plutôt sympa. Ceux que tu m'as donné, même inscrit, j'ai pas les accès pour ces parties du forum. Je suis donc aller ici (pas besoin d'inscription) : Lien du tuto
Ça prend forme déjà , on verra la suite pour la beauté
Cependant, je suis bloqué sur la 2ème partie. Celle concernant l'intégration des éléments dans les cadres.
Une petite image d'où j'en suis :
Mais sur les templates, je regarde, mais je ne vois pas du tout, ou je dois apporter la modification suivante :
Si vous savez dans quel templates, je dois faire ça, je prends
Merci beaucoup ! Le fait d'avoir un nom sur ce que je cherche m'a en effet permit de trouver bien de l'aide sur internet, dont un tutoril plutôt sympa. Ceux que tu m'as donné, même inscrit, j'ai pas les accès pour ces parties du forum. Je suis donc aller ici (pas besoin d'inscription) : Lien du tuto
Ça prend forme déjà , on verra la suite pour la beauté
Cependant, je suis bloqué sur la 2ème partie. Celle concernant l'intégration des éléments dans les cadres.
Une petite image d'où j'en suis :
- image:
Mais sur les templates, je regarde, mais je ne vois pas du tout, ou je dois apporter la modification suivante :
- Code:
<div class="forum">
<!-- titre du forum -->
<div class="forumlink"><a href="{catrow.forumrow.U_VIEWFORUM}">{catrow.forumrow.FORUM_NAME}</a></div>
<!-- icone des messages -->
<div class="forum_icone"><img title="{catrow.forumrow.L_FORUM_FOLDER_ALT}" src="{catrow.forumrow.FORUM_FOLDER_IMG}" alt="{catrow.forumrow.L_FORUM_FOLDER_ALT}" /></div>
<!-- description -->
<div class="forum_description">{catrow.forumrow.FORUM_DESC}</div>
<!-- sous forum -->
<div class="sous_forum">{catrow.forumrow.L_LINKS}{catrow.forumrow.LINKS}</div>
<!-- stats -->
<div class="forum_stats"><span class="stats1">{catrow.forumrow.TOPICS}</span><span class="stats2">{catrow.forumrow.POSTS}</span></div>
<!-- dernier message -->
<div class="dernier_mess">{catrow.forumrow.LAST_POST}</div>
</div>
Si vous savez dans quel templates, je dois faire ça, je prends
Re: Modification de l'apparence de la page d'accueil
C'est le template index_box qu'il faut modifier !
C'est d'ailleurs précisé dans le tuto que vous mentionnez.
C'est d'ailleurs précisé dans le tuto que vous mentionnez.
Re: Modification de l'apparence de la page d'accueil
Suis-Je bête, au début il le dit. Si il précise pas sur la deuxième partie, c'est que c'est la même chose.
Mais du coup, je colle ce code à la suite de l'autre ou il faut l'insérer à un endroit précis dans le code déjà existant ?
Mais du coup, je colle ce code à la suite de l'autre ou il faut l'insérer à un endroit précis dans le code déjà existant ?
Re: Modification de l'apparence de la page d'accueil
Là encore, ilsuffit de lire attentivement le tutoriel.
Vous devez dans un premier temps "nettoyer" votre template. C'est à dire que vous allez remplacer l'intégralité du template par le premier code fourni. Ensuite il reste à suivre pas à pas chaque instruction.
Vous devez dans un premier temps "nettoyer" votre template. C'est à dire que vous allez remplacer l'intégralité du template par le premier code fourni. Ensuite il reste à suivre pas à pas chaque instruction.
Autant pour du CSS vous pouvez le mettre à peu près dans l'ordre qui vous chante, en matière de HTML il faut l'insérer exactement là où on le demande.Mais du coup, je colle ce code à la suite de l'autre ou il faut l'insérer à un endroit précis dans le code déjà existant ?
Re: Modification de l'apparence de la page d'accueil
Bonsoir !
Voilà, concernant les blocs, tout fonctionne très bien !
J'ai quelques finitions à demander :
Un petit screen pour mieux voir ce que je demande :
ROSE : Supprimer le soulignement
Vert : Faire un angle arrondi
Bleu : mettre un - entre les deux chiffres qui correspond aux sujets et aux messages
Rouge : Supprimer le cadre du forum pour qu'il soit transparent afin de voir entièrement l'image de fond. J'ai voulu tenter avec une opacité, mais sa assombri l'ensemble du forum.
Bien cordialement
Voilà, concernant les blocs, tout fonctionne très bien !
J'ai quelques finitions à demander :
Un petit screen pour mieux voir ce que je demande :
- image:
ROSE : Supprimer le soulignement
Vert : Faire un angle arrondi
Bleu : mettre un - entre les deux chiffres qui correspond aux sujets et aux messages
Rouge : Supprimer le cadre du forum pour qu'il soit transparent afin de voir entièrement l'image de fond. J'ai voulu tenter avec une opacité, mais sa assombri l'ensemble du forum.
Bien cordialement
Re: Modification de l'apparence de la page d'accueil
bonsoir > un ptit coup de pouce !
rouge >
rose et vert >
bleu>
chercher ce morceau dans le template modifier
et ajouter
ce qui donne ceci
rouge >
- Code:
.bodyline {
background-color: transparent;
border: 0px;
}
rose et vert >
- Code:
.forumlink a {
text-decoration: none!important;
border-radius: 25px 25px 0px 0px;
}
bleu>
chercher ce morceau dans le template modifier
- Code:
<div class="forum_stats"><span class="stats1">{la variable}</span><span class="stats2">{la variable}</span></div>
et ajouter
- Code:
-
ce qui donne ceci
- Code:
<div class="forum_stats"><span class="stats1">{la variable}</span> - <span class="stats2">{la variable}</span></div>
Invité- Invité
Re: Modification de l'apparence de la page d'accueil
Merci beaucoup, R-Max
Tout fonctionne à souhait
Il me manque donc plus que le dernier détail et mettre le sujet en résolu
Il faudrait que je passe les couleurs : bleu, jaune rouge, orange, gris et violet en transparent pour pouvoir à la place du blanc, mettre une image.
D'ailleurs en parlant d'image, les angles sont fait automatiquement ainsi que si je prend une image trop grande, elle sera redimensionné pour s'adapter au cadre ?
Tout fonctionne à souhait
Il me manque donc plus que le dernier détail et mettre le sujet en résolu
Il faudrait que je passe les couleurs : bleu, jaune rouge, orange, gris et violet en transparent pour pouvoir à la place du blanc, mettre une image.
D'ailleurs en parlant d'image, les angles sont fait automatiquement ainsi que si je prend une image trop grande, elle sera redimensionné pour s'adapter au cadre ?
Re: Modification de l'apparence de la page d'accueil
Re-Bonjour,
dans la Feuille de style, pour les parties rouges :
Bonne journée !
dans la Feuille de style, pour les parties rouges :
- Code:
div.forum_description {
background-color:transparent;
background-image:url("url_de_l'image");
}
- Code:
.forumlink {
background-color:transparent;
background-image:url("url_de_l'image");
}
- Code:
div.sous_forum {
background-color:transparent;
background-image:url("url_de_l'image");
}
- Code:
div.dernier_mess {
background-color:transparent;
background-image:url("url_de_l'image");
}
- Code:
div.forum-icone {
background-color:transparent;
background-image:url("url_de_l'image");
}
Bonne journée !
Feuilla'- Membre habitué
- Messages : 1389
Inscrit(e) le : 26/07/2015
Re: Modification de l'apparence de la page d'accueil
C'est vraiment super ! C'est parfait !
Je vous remercie tous les deux pour votre aide.
Je passe le sujet en résolu
Je vous remercie tous les deux pour votre aide.
Je passe le sujet en résolu
Sujets similaires
» Affichage des visiteurs sur la page daccueil.
» Soucis de modification de la page de la page de description
» Modification page et widget connexion
» Modification de ma page d'acceuil.
» Bug à la modification de la Page d'Accueil
» Soucis de modification de la page de la page de description
» Modification page et widget connexion
» Modification de ma page d'acceuil.
» Bug à la modification de la Page d'Accueil
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Gérer l'apparence de son forum :: Archives des problèmes avec l'apparence du forum
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum