Page d'acceuil
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 3 sur 3 • Partagez
Page 3 sur 3 • 1, 2, 3
Page d'acceuil
Rappel du premier message :
Bonjour,
j'ai trouvé un très bon tuto,ici sauf que j'aimerais le copier mais ne pas avoir que deux "bulles" mais Quatre/cinq. J'aimerais l'aide de quelqu'un pour m'aider à avoir le bon code afin de le mettre en place.
Cordialement
^^lilice.
Ps: je ne suis pas vraiment douée avec les codes HTML désolée.
Bonjour,
j'ai trouvé un très bon tuto,ici sauf que j'aimerais le copier mais ne pas avoir que deux "bulles" mais Quatre/cinq. J'aimerais l'aide de quelqu'un pour m'aider à avoir le bon code afin de le mettre en place.
Cordialement
^^lilice.
Ps: je ne suis pas vraiment douée avec les codes HTML désolée.
Re: Page d'acceuil
- Code:
<span><div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12"><div style="margin:auto;text-align:center;width:[b]100[/b]%">Voir son profil</div></a></span>
C'est ça que vous avez modifié enfait en passant de 100 à 90
Re: Page d'acceuil
Le "%90" est pour la largeur du tableau.
Si vous voulez agir sur les images alors il faut utiliser les balises dans une cellule.
Je vous conseille d'utiliser la seconde version avec la mise en forme par CSS qui allége le codage du message d'accueil et facilite la correction des erreurs.
Préciser ce qui ne fonctionne pas.
Je peux vous faire une version avec CSS. qui sera plus souple d'utilisation / modification
Si le problème vient du centrage de l'image...
ou une version plus simple
Si vous voulez agir sur les images alors il faut utiliser les balises dans une cellule.
Je vous conseille d'utiliser la seconde version avec la mise en forme par CSS qui allége le codage du message d'accueil et facilite la correction des erreurs.
Préciser ce qui ne fonctionne pas.
Je peux vous faire une version avec CSS. qui sera plus souple d'utilisation / modification
Si le problème vient du centrage de l'image...
- Code:
<span>
<center>
<div style="margin:auto;text-align:center;width:100%">LionelMessi10</div>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/>
<div style="margin:auto;text-align:center;width:100%">Administrateur</div>
<a href="http://fifa11pro.forum-pro.fr/u12">
<div style="margin:auto;text-align:center;width:100%">Voir son profil</div>
</a>
</center>
</span>
ou une version plus simple
- Code:
<span>
<div style="margin:auto;text-align:center;width:100%">LionelMessi10<br>
<img src="http://r27.imgfast.net/users/2712/12/24/16/avatars/12-98.png"/><br>Administrateur<br>
<a href="http://fifa11pro.forum-pro.fr/u12"> Voir son profil<br></a>
</div>
</span>
Re: Page d'acceuil
Bonjour
Dans ce cas c'est une toute autre disposition.
La solution utilisée est un tableau à quatre cellules.
Deux colonnes et deux lignes.
Il faudrait passer à un tableau à trois colonnes et 3 (ou deux) lignes.
Ge
Dans ce cas c'est une toute autre disposition.
La solution utilisée est un tableau à quatre cellules.
Deux colonnes et deux lignes.
Il faudrait passer à un tableau à trois colonnes et 3 (ou deux) lignes.
Ge
Re: Page d'acceuil
Bonjour,
avec un tableau trois collones et deux lignes, je vais avoir une colone (deuxième lignes) au milieu. Serait il possible de ne pas l'avoir et de n'avoir que un trou entre la première colone et la troisième ? (tout ceci concerne la deuxième ligne).
Désolée pour tout le soucis que je vous cause.
avec un tableau trois collones et deux lignes, je vais avoir une colone (deuxième lignes) au milieu. Serait il possible de ne pas l'avoir et de n'avoir que un trou entre la première colone et la troisième ? (tout ceci concerne la deuxième ligne).
Désolée pour tout le soucis que je vous cause.
Re: Page d'acceuil
Il n'y a pas de souci
Il est possible de centrer le contenu des cellules et de regrouper des cellules entre-elles.
Voici un exemple
Il est possible de centrer le contenu des cellules et de regrouper des cellules entre-elles.
Voici un exemple
a | e | b |
c | d |
- Code:
[table border="2"][tr][td]a
[/td][td rowspan="2"]
e
[/td][td] b[/td][/tr][tr][td]c
[/td][td] d[/td][/tr][/table]
Re: Page d'acceuil
Oui c'est exactement ce que je veux !
Merci =)
Possible d'avoir ça avec les bulles ?
Merci =)
Possible d'avoir ça avec les bulles ?
Re: Page d'acceuil
Donner-moi votre codage avec cinq zones et je vous l'insère dans le tableau.
Ou alors je le fait en mode général avec les solutions précédentes.
C'est comme vous le voulez.
Ou alors je le fait en mode général avec les solutions précédentes.
C'est comme vous le voulez.
Re: Page d'acceuil
Le mode général si possible. Parce que sinon je ne vais pas m'en sortir !
Re: Page d'acceuil
OK, je vais coder
Re: Page d'acceuil
Merci =D
Re: Page d'acceuil
Essayez ce code
- Code:
<table width="100%" cellspacing="30">
<tbody>
<tr>
<td align="center" valign="top" width="33%">
<!-- On joue avec l'opacité lors du survol -->
<div class="opacity">
<!-- Fieldset permet un regroupement de champs logique : c'est un conteneur -->
<!-- L'aide sur Fieldset http://bernard.quevillier.pagesperso-orange.fr/toposnew/fieldset.htm -->
<fieldset class="field">
<!-- legend permet un titre au cadre du conteneur fieldset -->
<legend class="legende">Le Staff
</legend>
<center>
<!-- La classe bulle permet l'affichage lors d'un survol par la souris -->
<a class="bulle">
<!-- L'image à survoler -->
<img src="http://img60.xooimage.com/files/7/f/d/masc-24d4a18.jpg">
<!-- Le block qui sera affiché encadré par le SPAN -->
<!-- Organise le document en définissant une étendue de texte. -->
<span>
<!-- L'image zoomée et le texte -->
<img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/22828-68.jpg" alt="">
<br><b>Ge - 80</b><br><br>
<div>
<!-- L'élément de division peut permettre d'ajouter une structure à un bloc de texte -->
<!-- Le lien vers le profil -->
<a href="http://forum.forumactif.com/u22828" target="_blank">Profil</a>
</div>
</span>
</a>
<a class="bulle">
<img src="http://img4.xooimage.com/files/b/2/1/feminin-149b4ee.gif">
<span>
<img src="http://r24.imgfast.net/users/2913/10/00/00/avatars/109573-80.jpg" alt=""><br><b>^^lilice^^</b><br><br>
<div>
<a href="http://forum.forumactif.com/u109573" target="_blank">Profil
</a>
</div>
</span>
</a>
</center>
</fieldset>
</div>
</td>
<td align="center" valign="center" width="33%" rowspan="2">
<fieldset class="field">
<legend class="legende">-Titre 5-
</legend>CONTENU 5 sans mise en forme par feuille de style
</fieldset>
</td>
<td align="center" valign="top">
<!-- L'image zoomée et le texte -->
<fieldset class="field">
<legend class="legende"> titre 2
</legend>
<!-- On utilise pas la classe qui gère le débordement -->
<font size=4>contenu 2 sans gestion de la hauteur
</font>
</fieldset> </td>
</tr>
<tr>
<td align="center" valign="top" >
<!-- Nouvelle cellule -->
<fieldset class="field">
<legend class="legende">Le titre n° 3-
</legend>
<!-- Cette fois on utilise la classe de mise en forme du texte avec la gestion du débordement -->
<div class="textefield">Texte avec gestion de la hauteur maximale et mise en forme par css
</div>
</fieldset>
</td>
<td align="center" valign="top" >
<fieldset class="field">
<legend class="legende">-Titre 4-
</legend>CONTENU 4 sans mise en forme par feuille de style
</fieldset>
</td>
</tr>
</tbody>
</table>
Re: Page d'acceuil
Bonjour,
c'est super. Juste, comment régler la hauteur ?
c'est super. Juste, comment régler la hauteur ?
Re: Page d'acceuil
Le réglage se fait dans la feuille de style (CSSà
Voir les explications données avant :
/* La classe textefield qui définit le style du texte affiché dans le fieldset */
/* Position d'affichage -> décalée de 5px */
/* height -> hauteur fixée à 220px; */
/* max-height-> 215px pour le débordement automatique */
.....
Et quelques autres
Voir les explications données avant :
/* La classe textefield qui définit le style du texte affiché dans le fieldset */
/* Position d'affichage -> décalée de 5px */
/* height -> hauteur fixée à 220px; */
/* max-height-> 215px pour le débordement automatique */
.....
- Code:
.textefield {
....
height: 220px;
Et quelques autres
Re: Page d'acceuil
Bonjour,
je ne trouve pas ce que je dois changer... :/ désolée.
je ne trouve pas ce que je dois changer... :/ désolée.
Re: Page d'acceuil
Dans votre feuille CSS.
Il faut changer la hauteur en nombre de pixel.
Pour la classe
.textefield
Cette ligne
height: 220px;
Pour une plus grande hauteur, il suffit de mettre un chiffre plus grand que 220.
Par exemple
height: 400px;
Ensuite si vous voulez changer la hauteur de la zone avec débordement automatique
Il suffit d'augmenter
max-height-> 215px par une valeur légèrement inférieure à l'autre (ici 400).
Par exemple
max-height-> 395px
Il faut changer la hauteur en nombre de pixel.
Pour la classe
.textefield
Cette ligne
height: 220px;
Pour une plus grande hauteur, il suffit de mettre un chiffre plus grand que 220.
Par exemple
height: 400px;
Ensuite si vous voulez changer la hauteur de la zone avec débordement automatique
Il suffit d'augmenter
max-height-> 215px par une valeur légèrement inférieure à l'autre (ici 400).
Par exemple
max-height-> 395px
Re: Page d'acceuil
Bonjour,
ah dans la feuille de CSS, oki je vais voir ça alors !
ah dans la feuille de CSS, oki je vais voir ça alors !
Re: Page d'acceuil
Bonjour,
désolée de vous déranger, encore, mais je ne peux pas baisser plus que 200px ...
désolée de vous déranger, encore, mais je ne peux pas baisser plus que 200px ...
Re: Page d'acceuil
bonsoir
dans la CSS
Pour la classe .field
height:250px;
Règle la hauteur du champ fieldset
Pour la classe .textefield
height: 220px; règle la hauteur de la zone texte qui doit être plus petite que la zone hauteur du fieldset
max-height: 115px; règle le débordement automatiquement
Cette hauteur doit être inférieure à celle de la hauteur de la classe textefield
Vous pouvez mettre votre CSS modifiée.
En disant que vous ne pouvez pas : il y a t-il un message d'erreur ?
dans la CSS
Pour la classe .field
height:250px;
Règle la hauteur du champ fieldset
Pour la classe .textefield
height: 220px; règle la hauteur de la zone texte qui doit être plus petite que la zone hauteur du fieldset
max-height: 115px; règle le débordement automatiquement
Cette hauteur doit être inférieure à celle de la hauteur de la classe textefield
Vous pouvez mettre votre CSS modifiée.
En disant que vous ne pouvez pas : il y a t-il un message d'erreur ?
Re: Page d'acceuil
Bonjour,
c'est parfait Enfin ! J'aimerais juste savoir, dès que je vais changer le thèmes, comment changer les couleurs ?
c'est parfait Enfin ! J'aimerais juste savoir, dès que je vais changer le thèmes, comment changer les couleurs ?
Re: Page d'acceuil
C'est un autre sujet Mais c'est simple.
Soit on change par la feuille de style ou par le panneau d'administration (ligne couleurs et onglet couleurs)
Le changement de thème vous fera perdre la CSS alors n'oublier pas de la sauver dans un fichier texte ou dans un message de votre forum
Soit on change par la feuille de style ou par le panneau d'administration (ligne couleurs et onglet couleurs)
Le changement de thème vous fera perdre la CSS alors n'oublier pas de la sauver dans un fichier texte ou dans un message de votre forum
Re: Page d'acceuil
Ah oui, merci pour l'infow !
Si je change les couleurs du forum, les couleurs de la page d'accueil changent elle ?
Si je change les couleurs du forum, les couleurs de la page d'accueil changent elle ?
Re: Page d'acceuil
Si vous changer la police du texte alors elle changera partout.
Idem pour les titres, liens...
Idem pour les titres, liens...
Page 3 sur 3 • 1, 2, 3
Sujets similaires
» comment creer des cathegorie sur la page dacceuil
» Revenir en page 1 depuis la dernière page dans un sujet multipages
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» Impossible d'arriver sur le forum depuis la page d'accueil (page HTML)
» Impossibilité d'utiliser page HTML en tant que page d'accueil AwesomeBB
» Revenir en page 1 depuis la dernière page dans un sujet multipages
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» Impossible d'arriver sur le forum depuis la page d'accueil (page HTML)
» Impossibilité d'utiliser page HTML en tant que page d'accueil AwesomeBB
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 3 sur 3
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum