Page d'acceuil

Page 3 sur 3 Précédent  1, 2, 3

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

Résolu Page d'acceuil

Message par ^^lilice^^ le Dim 23 Jan 2011 - 10:14

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.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par Dïxïnhö le Mer 26 Jan 2011 - 7:43

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

Dïxïnhö
***

Messages : 101
Inscrit(e) le : 17/11/2010

http://dream-manager.forumactif.fr/forum.htm
Dïxïnhö a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mer 26 Jan 2011 - 8:31

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

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Dim 30 Jan 2011 - 10:33

Bonjour,
Désolée de vous importuner encore, mais j'aimerais savoir comment était il possible de changer la largeur et hauteur des bulles et si l'ont pouvais en mettre une entre les deux, comme ça :
Spoiler:

Cordialement
lilice

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Dim 30 Jan 2011 - 10:39

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


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Dim 30 Jan 2011 - 10:44

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.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Dim 30 Jan 2011 - 11:06

Il n'y a pas de souci Wink

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]

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Dim 30 Jan 2011 - 11:10

Oui c'est exactement ce que je veux !
Merci =)
Possible d'avoir ça avec les bulles ?

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Dim 30 Jan 2011 - 11:14

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.

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Dim 30 Jan 2011 - 11:18

Le mode général si possible. Parce que sinon je ne vais pas m'en sortir !

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Dim 30 Jan 2011 - 11:25

OK, je vais coder sunny

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Dim 30 Jan 2011 - 11:31

Merci =D

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Dim 30 Jan 2011 - 11:45

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>

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Mar 1 Fév 2011 - 16:58

Bonjour,
c'est super. Juste, comment régler la hauteur ?

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 1 Fév 2011 - 18:36

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 */
.....

Code:
    .textefield {
....
      height: 220px;

Et quelques autres

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Mar 1 Fév 2011 - 18:59

Bonjour,
je ne trouve pas ce que je dois changer... :/ désolée.

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Mar 1 Fév 2011 - 19:53

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

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Jeu 3 Fév 2011 - 19:43

Bonjour,
ah dans la feuille de CSS, oki je vais voir ça alors !

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Ven 4 Fév 2011 - 18:12

Bonjour,
désolée de vous déranger, encore, mais je ne peux pas baisser plus que 200px ...

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Ven 4 Fév 2011 - 18:19

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 ?



ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Ven 4 Fév 2011 - 18:32

Bonjour,
c'est parfait Razz Enfin ! J'aimerais juste savoir, dès que je vais changer le thèmes, comment changer les couleurs ?

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Ven 4 Fév 2011 - 18:38

C'est un autre sujet Wink 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 Modération

ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ^^lilice^^ le Sam 5 Fév 2011 - 8:25

Ah oui, merci pour l'infow !
Si je change les couleurs du forum, les couleurs de la page d'accueil changent elle ?

^^lilice^^
**

Féminin
Messages : 52
Inscrit(e) le : 06/08/2010

http://black-horse.forumactif.org
^^lilice^^ a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil

Message par ge80 le Sam 5 Fév 2011 - 8:29

Si vous changer la police du texte alors elle changera partout.
Idem pour les titres, liens...


ge80
+ Hyperactif +

Masculin
Messages : 16158
Inscrit(e) le : 08/10/2006

http://tsi80.pro-forums.fr/
ge80 a été remercié(e) par l'auteur de ce sujet.

Page 3 sur 3 Précédent  1, 2, 3

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