Page d'acceuil ésthétique
5 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
Page d'acceuil ésthétique
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 ^^
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 ^^
Re: Page d'acceuil ésthétique
Je lance le petit up du jour ^^
Re: Page d'acceuil ésthétique
Bonjour! UP du jour ^^
Re: Page d'acceuil ésthétique
Bonjour! Je up encore aujourd'hui >.<' sorry mais j'ai vraiment besoin d'une page d'acceuil qu'on puisse appeller page d'accueil ^^
Re: Page d'acceuil ésthétique
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.
et celui la dans votre tableau.
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
Re: Page d'acceuil ésthétique
tableau sais quoi ?
Re: Page d'acceuil ésthétique
Je pense que ce dont parle tupac est l'annonce du forum.
Panneau d'administration
Affichage
Page d'accueil
Généralités
Message sur la page d'accueil
Panneau d'administration
Affichage
Page d'accueil
Généralités
Message sur la page d'accueil
Re: Page d'acceuil ésthétique
~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
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
Re: Page d'acceuil ésthétique
Bonjour,
Je cite:
De préférence, faites un schéma de ce que vous aimeriez faire
De plus, pensez à utiliser la fonction "rechercher", car la plupart de vos questions ont été posées et résolues.
Cordialement.
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
De plus, pensez à utiliser la fonction "rechercher", car la plupart de vos questions ont été posées et résolues.
Cordialement.
Re: Page d'acceuil ésthétique
~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.
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.
Sujets similaires
» comment creer des cathegorie sur la page dacceuil
» Problèmes dans l'esthetique de mon forum !
» Une shoutbox plus esthétique
» Barre de navigation esthétique
» Supprimer un cadre gênant l'esthétique.
» Problèmes dans l'esthetique de mon forum !
» Une shoutbox plus esthétique
» Barre de navigation esthétique
» Supprimer un cadre gênant l'esthétique.
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