Page d'acceuil ésthétique

5 participants

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

Résolu Page d'acceuil ésthétique

Message par Mayu Higurachi Lun 3 Jan 2011 - 18:37

Bonjour/ Bonsoir,
Je ne trouve pas ce que je souhaite malgré mes recherches.
Je poste donc un nouveau sujet, excusez moi si c'est un doublon ou encore si je suis dans la mauvaise catégorie mais j'hésitait à mettre ça dans les codes... bref '>.<

Venons en à la demande. Je voudrais savoir comment faire une page
d'accueil identique à celle de ce forum-ci:
http://www.impressive-graph.com/
-Et plus précisement comment on peut faire ce genre de tableau sans
pour autant voir la ligne blanche qui délimite et qui ne rend pas tel que
je le voudrai.
-Je souhaiterai également savoir comment faire pour avoir les "nouveautés" et les "partenaires" comme sur ce forum. C'est à dire dès que l'on passe la souris sur
un des deux titres, il affiche le contenu sans pour autant cliquer dessus.
-Enfin (je sais que je suis très chiante...désolée T.T), comment faire pour
lorsque l'on passe la souris sur un des partenaires, le contour se met en "surbrillance" comme ce forum toujours.

J'aimerai donc avoir ce genre de page d'accueil, je sais qu'il faut plein de codes mais
je viens de terminer le test d'une mise en page d'un autre forum et je suis totalement
perdue dans tous les codes >.<' Je lance donc un petit appel à l'aide ou au secours comme vous voulez ^^
(pitié entendez-moi! ^^' )

Merci infiniment de m'avoir lu (et encore plus si vous avez réussi à me comprendre) jusqu'ici! ^^
Je vous remercie par avance également ^^
Mayu Higurachi

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par Mayu Higurachi Mar 4 Jan 2011 - 21:21

Je lance le petit up du jour ^^
Mayu Higurachi

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par Mayu Higurachi Mer 5 Jan 2011 - 19:26

Bonjour! UP du jour ^^
Mayu Higurachi

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par Mayu Higurachi Jeu 6 Jan 2011 - 18:44

Bonjour! Je up encore aujourd'hui >.<' sorry mais j'ai vraiment besoin d'une page d'acceuil qu'on puisse appeller page d'accueil ^^
Mayu Higurachi

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par tupac Jeu 6 Jan 2011 - 22:22

Bonsoir

Pour avoir ce résultat il vous faux créer un tableau et y insérer vos infobulles et vos images et placer le tout dans votre page d'accueil.

L'infobulle c'est lorsque vous passez le curseur sur une image une autre apparait.

Code infobulle
Ce code doit être placé dans votre feuille de style css.
Code:
a.infobulle {
  position: relative;
}

a.infobulle span {
  display: none; /* ceci masque l'infobulle */
}
a.infobulle:hover {
  background: none; /* correction d'un bug IE */
  z-index: 999; /* on définit une valeur pour l'ordre d'affichage */

}
a.infobulle:hover span {
  display: inline; /* ceci affiche l'infobulle */
  position: absolute;

  white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

  top: 15px; /* on positionne notre infobulle */
  left: -23px;

  background: #ebebeb; /* arrière-plan de l'infobulle */

  color: black; /* texte dans l'infobulle */
  padding: 5px;

  /* bordures de votre infobulle*/
  border: 5px dotted black;
  border-left: 5px dotted black;
}
a.infobulle:hover span{
-moz-border-radius : 20px 20px 20px 20px;
-webkit-border-radius: 20px 20px 20px 20px;
}

et celui la dans votre tableau.
Code:
<table><tr><td><a href="#" class="infobulle"><img src="http://img707.imageshack.us/img707/7739/20110106230504.png">
<span><img src=""><br><center><p>texte</p><div><a href="lien" target="_blank"><font color=black>titre lien</a></div></span></a></td><td/><td/><td/><td/><td/>
<td><a href="#" class="infobulle"><img src="http://img707.imageshack.us/img707/7739/20110106230504.png">
<span><img src=""><br><center><p>texte</p><div><a href="lien" target="_blank"><font color=black>titre lien</a></div></span></a></td></tr></table>


Dernière édition par tupac le Jeu 6 Jan 2011 - 23:14, édité 2 fois
tupac

tupac
Membre actif

Masculin
Messages : 2551
Inscrit(e) le : 13/10/2010

http://codactif.monalliance.com/
tupac a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par SIdeo Jeu 6 Jan 2011 - 22:24

tableau sais quoi ?
avatar

SIdeo
Nouveau membre

Messages : 25
Inscrit(e) le : 05/01/2011

http://pokemon-best-wishes.forumgratuit.org/forum
SIdeo a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par Sparkle-Of-Dawn Ven 7 Jan 2011 - 14:31

Je pense que ce dont parle tupac est l'annonce du forum.
Arrow Panneau d'administration
Arrow Affichage
Arrow Page d'accueil
Arrow Généralités
Arrow Message sur la page d'accueil
Sparkle-Of-Dawn

Sparkle-Of-Dawn
*

Féminin
Messages : 37
Inscrit(e) le : 05/12/2010

http://brenstow-affairs.forumactif.org/forum
Sparkle-Of-Dawn a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par Mayu Higurachi Sam 8 Jan 2011 - 11:01

~Bonjour, je vais essayer ça merci beaucoup ^^
Je vous dirait si j'y arrive.
Bonne journée.

Edit:
-Je voudrais savoir également comment faire
pour que les images du staff soient collées verticalement
comme sur le forum d'exemple?
-Et puis aussi pour avoir le même résultat au niveau des
partenaires et des news?
(lorsque l'on passe le curseur sur les titres
ça affiche autre chose)

merci bonne journée
Mayu Higurachi

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi a été remercié(e) par l'auteur de ce sujet.

Résolu Re: Page d'acceuil ésthétique

Message par Anzu Sam 8 Jan 2011 - 12:34

Bonjour,

Mayu Higurachi a écrit:
Venons en à la demande. Je voudrais savoir comment faire une page
d'accueil identique
à celle de ce forum-ci:

Je cite:
Les demandes afin de copier une grande partie d'un forum ne sont pas acceptées, mais vous pouvez apprendre le CSS, HTML, JavaScript afin de pouvoir faire preuve de votre propre créativité et si vous avez un problème, posez alors la question sur le forum.

De préférence, faites un schéma de ce que vous aimeriez faire Wink
De plus, pensez à utiliser la fonction "rechercher", car la plupart de vos questions ont été posées et résolues.

Cordialement.

Anzu

Anzu
Membre actif

Féminin
Messages : 20685
Inscrit(e) le : 30/08/2007

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

Résolu Re: Page d'acceuil ésthétique

Message par Mayu Higurachi Sam 8 Jan 2011 - 12:55

~Bonjour ^^
Merci du conseil, j'ai refais un plan de ce que je voulais
et c'est beaucoup plus clair, merci.

J'ai trouvé une alternative à certain problème.
D'autres sont encore en suspend mais sont plus précis.
Je referai donc un autre sujet précisant mieux ce que je souhaite
quand j'en aurai besoin. Merci

Bonne journée.
Mayu Higurachi

Mayu Higurachi
**

Féminin
Messages : 70
Inscrit(e) le : 01/09/2009

http://tigrayasha.coolbb.net
Mayu Higurachi 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