Page d'accueil
2 participants
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1 • Partagez
Page d'accueil
Bonjour tout le monde
Alors voila, je voudrait faire ma page d'accueil moi même.
Voici aproximativement ce que je voudrait:
(Bon désoler c'est du vite fait et j'ai fait les cadres à la vas vite =X
On m'a déjà apprit à faire le début, mais le reste je ne sait pas comment faire, donc si quelqu'un voudrait me dire comment faire, ce serait sympa
Adresse de mon forum : (En construction donc pas de moquerie xD) http://islandoftheoffences.forumsactifs.com
Je vous remerci d'avance ^^
Alors voila, je voudrait faire ma page d'accueil moi même.
Voici aproximativement ce que je voudrait:
(Bon désoler c'est du vite fait et j'ai fait les cadres à la vas vite =X
On m'a déjà apprit à faire le début, mais le reste je ne sait pas comment faire, donc si quelqu'un voudrait me dire comment faire, ce serait sympa
Adresse de mon forum : (En construction donc pas de moquerie xD) http://islandoftheoffences.forumsactifs.com
Je vous remerci d'avance ^^
Dernière édition par Cramby' le Mar 11 Sep 2012 - 13:10, édité 1 fois
Re: Page d'accueil
Up ^^
Re: Page d'accueil
Désoler pour le double post :s
J'ai un peut avancer, maintenant je suis bloquer :/
Il me manque:
-Les coins arrondis
- Les infobulles au passage de la souris sur les incons
- Comment mettre des liens pour mes liens utiles et partenariats
- Comment agrandir les titres genre bienvenue, contexte etc et leur donner un autre style d'écriture
- Et pour fini, pourquoi mon image et ma section staff ne sont pas en dessou de news ?
Quelqu'un pourrait m'aider pour au moin un de ces 5 trucs ?
Voici ma PA:
Mon css pour la PA:
Mercii <3
J'ai un peut avancer, maintenant je suis bloquer :/
Il me manque:
-Les coins arrondis
- Les infobulles au passage de la souris sur les incons
- Comment mettre des liens pour mes liens utiles et partenariats
- Comment agrandir les titres genre bienvenue, contexte etc et leur donner un autre style d'écriture
- Et pour fini, pourquoi mon image et ma section staff ne sont pas en dessou de news ?
Quelqu'un pourrait m'aider pour au moin un de ces 5 trucs ?
Voici ma PA:
- Code:
<table width: 100%;><tbody>
<tr><td class="contenu" style="width: 100%;" colspan="2">Bienvenue !</td></tr>
<tr><td style="width: 50%;">Contexte<div class="contenu">~ Voilà qu'un matin on sonne chez vous, vous vous doutiez qu'ils finiraient par venir vous chercher .... Alors que vous ouvrez la porte, des personnes habillées en rouge avec écrit aux dos de leurs vestes les quatre lettres « IOTO » (Island of the offences) se jettent sur vous et vous passent les menottes. Vous les suivez sans sourciller (Ou pas) dans un hélicoptère vous menant tout droit sur cette île dont tout le monde parle, sans vous laisser le temps de prévenir qui que ce soit et en prenant le temps de vous bander les yeux…
</div></td>
<td style="width: 50%;">News<div class="contenu"><marquee>Bienvenue sur Island of the offences, l'ile des délits. Que vous soyez simple voleur de bonbons ou tueur en série, votre place est ici ...</marquee></div></td>
<tr>
<td style="width: 50%;" <"contenu"><a href="http://www.servimg.com/image_preview.php?i=85&u=17471120" class="postlink" target="_blank" rel="nofollow"><img src="http://i37.servimg.com/u/f37/17/47/11/20/fq-noi10.gif" border="0" alt="" /></a></td>
<tr><td style="width: 50%;">staff<div class="contenu"> <img src="http://i37.servimg.com/u/f37/17/47/11/20/staff_10.jpg" alt="" />
<br /><span class="rang"> admin </span></div></td>
<tr><td style="width: 70%;" colspan="2">Liens Utiles<div class="contenu">Bla bla bla bla bla</td></tr>
<tr><td style="width: 80%;" colspan="2">Nos Partenaires<div class="contenu">Bla bla bla bla bla bla bla</td></tr>
</tbody></table>
Mon css pour la PA:
- Code:
/*page d'accueil*/
.contenu {
background-color: #EBEBEB;
border: 3px solid #7EC2B9;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
.rang {
display: none;
}
.rang:hover {
display: block;
}
a.info{
position:relative;
z-index:24;
color:#000;
text-decoration:none
}
a.info:hover{
z-index:25;
background-color:#FFF
}
a.info span{
display: none
}
Mercii <3
Re: Page d'accueil
Up, Personne ?
Re: Page d'accueil
Up du jour,
Vraiment personne ne peut m'aider ? :/
Vraiment personne ne peut m'aider ? :/
Re: Page d'accueil
Bonjour, ça fait plaisir de voir des personnes qui ont le désir de faire les choses par eux même.
Que désires-tu pour les arrondis ? n px?
Pour agrandir le « Bienvenue » etc.. mets -les entre des balises de titrage ex:
Pour tes images et ton staff, il sont en dessous car tu as clôturé ta ligne, la balise tr permet de définir ou clôturer une ligne de tableau.
Que désires-tu pour les arrondis ? n px?
Pour agrandir le « Bienvenue » etc.. mets -les entre des balises de titrage ex:
- Code:
<h2>Bienvenue</h2>
Pour tes images et ton staff, il sont en dessous car tu as clôturé ta ligne, la balise tr permet de définir ou clôturer une ligne de tableau.
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Bonsoir,
Tout d'abord merci d'avoir répondu !
Pour ce qui est du nombre de px pour les arrondis j'en est aucune idée, je sais pas ce que ca donne =X
Pour la grandeur des titres j'ai mis bienvenue en h1 et staff, contexte etc en h2 mais je trouve que bienvenue est de la meme taille, non ? O_o
J'ai enlever les balises <tr> mais voila ce que ça me donne ... :/
Encore merci de votre aide
Tout d'abord merci d'avoir répondu !
Pour ce qui est du nombre de px pour les arrondis j'en est aucune idée, je sais pas ce que ca donne =X
Pour la grandeur des titres j'ai mis bienvenue en h1 et staff, contexte etc en h2 mais je trouve que bienvenue est de la meme taille, non ? O_o
J'ai enlever les balises <tr> mais voila ce que ça me donne ... :/
Encore merci de votre aide
Re: Page d'accueil
Up ^^
Re: Page d'accueil
Attention, je n'ai pas dit qu'il était forcément nécessaire de supprimer des balises tr, j'entendais qu'il vous fallait vérifier l'ordre dans lequel vous ouvriez et fermiez vos balises.
pour les bordures arrondies voici du code css pour des bordure de 10px:
Si vous souhaitez que je fasse du code "tout prêt", dîtes le moi.
pour les bordures arrondies voici du code css pour des bordure de 10px:
- Code:
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
Si vous souhaitez que je fasse du code "tout prêt", dîtes le moi.
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Très bien je vais essayer
Apres quoi dans le css dois-je mettre ce code ?
Edit: J'ai essayer et je n'arrive pas à placer correctement news, l'image et le staff de ma PA :/
Apres quoi dans le css dois-je mettre ce code ?
Edit: J'ai essayer et je n'arrive pas à placer correctement news, l'image et le staff de ma PA :/
Dernière édition par Cramby' le Jeu 6 Sep 2012 - 14:14, édité 2 fois
Re: Page d'accueil
Puis-je avoir le code que tu as à présent ?
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
voila
Edit: J'ai remis le code car j'ai essayer d'avancer un peut =X
Petite question au passagge, pourquoi les autre image des autre rang du staff ne s'affiche pas sur la PA ? ^^'
- Code:
<table width: 100%;><tbody>
<h1>Bienvenue !</h1>
<tr><td style="width: 50%;"><h2>Contexte</h2><div class="contenu"> ~ Voilà qu'un matin on sonne chez vous, vous vous doutiez qu'ils finiraient par venir vous chercher .... Alors que vous ouvrez la porte, plusieurs hommes habillées en rouge avec aux dos de leurs vestes « IOTO » se jettent sur vous et vous passent les menottes. Vous les suivez sans sourciller (Ou pas), les yeux bandé, dans un hélicoptère vous menant sur cette île dont tout le monde parle.
~Ce sont les Etats Unis qui sont à l'origine de ce projet, personne ne connaît son lieu exacte, nous savons seulement qu'elle est au beau milieu de l'océan atlantique.. Cette île est pourvue de tout : Electricité, habitation, eau etc ... Elle aurait pu être la destination rêvée des touristes, mais elle sert en fait de prison. Vous vous demandez sûrement en quoi ? Demander a cette homme là-bas, avec la tête à trois metres de son corps, ou encore à cette femme avec une balle dans la poitrine. Ici il n'y a aucune surveillance, tout peut arriver... Peut être même qu'un animal pourrait vous rendre visite quand vous seriez profondément endormie ...
~ Ca y est, vous y êtes, la célèbre « Island Of The Offences » on vous laisse seul sur cette île (enfin c'est ce que vous croyez ..) ,seul avec votre minuscule valise. Les agents ne prennent même pas le temps de vous fouiller. Vous avez un portable ? De l’argent ? Une arme ? Tant pis ! Ici une seul règle : Rester sur cette île.
~ De grands meurtriers à petits délinquants, là-bas tout le monde est égaux aux yeux des agents du IOTO.
~ Et vous, quel est votre délit ?
</div></td>
<td style="width: 50%;"><h2>News</h2><div class="contenu"><marquee>Bienvenue sur Island of the offences, l'ile des délits. Que vous soyez simple voleur de bonbons ou tueur en série, votre place est ici ...</marquee></div></td>
<tr>
<td style="width: 50%;" <"contenu"><a href="http://www.servimg.com/image_preview.php?i=85&u=17471120" class="postlink" target="_blank" rel="nofollow"><img src="http://i37.servimg.com/u/f37/17/47/11/20/fq-noi10.gif" border="0" alt="" /></a></td>
</tr>
<tr>
<td style="width: 50%;"><h2>staff</h2><div class="contenu"> <img src="http://i37.servimg.com/u/f37/17/47/11/20/staff_10.jpg" alt="" />
<br /><span class="rang"> Administratrice </span></div></td>
<img src="http://i37.servimg.com/u/f37/17/47/11/20/staff_10.jpg" alt="" />
<br /><span class="rang"> Modérateur </span></div></td>
<img src="http://i37.servimg.com/u/f37/17/47/11/20/staff_10.jpg" alt="" />
<br /><span class="rang"> Graheur </span></div></td>
</tr>
<tr><td style="width: 70%;" colspan="2"><h2>Liens Utiles</h2><div class="contenu"><p> <a href="http://islandoftheoffences.forumsactifs.com/f10-reglements">Réglements -</a>
<a href="http://islandoftheoffences.forumsactifs.com/f25-le-contexte">Contexte - </a>
<a href="http://islandoftheoffences.forumsactifs.com/f17-contact">Contact -</a>
<a href="http://islandoftheoffences.forumsactifs.com/f26-la-vie-sur-l-ile">La vie sur l'île -</a>
<a href="http://islandoftheoffences.forumsactifs.com/t4-le-contexte">La carte de l'île</a> </p></td></tr>
<tr><td style="width: 80%;" colspan="2"><h2>Nos Partenaires</h2><div class="contenu">
<p> <a href="<p> <a href="http://islandoftheoffences.forumsactifs.com/t4-le-contexte">Contexte</a>
<a href="http://islandoftheoffences.forumsactifs.com/t4-le-contexte">Contexte</a>
<a href="http://islandoftheoffences.forumsactifs.com/t4-le-contexte">Contexte</a>
<a href="http://islandoftheoffences.forumsactifs.com/t4-le-contexte">Contexte</a>
</p>
</td></tr>
</tbody></table>
Edit: J'ai remis le code car j'ai essayer d'avancer un peut =X
Petite question au passagge, pourquoi les autre image des autre rang du staff ne s'affiche pas sur la PA ? ^^'
Re: Page d'accueil
Up du jour
Re: Page d'accueil
Up !
Il ne me manque plus que :
- Les coins arrondis des cadres
- Comment faire pour qu'une image nous ramene sur un autre site (partenariats)
- Pourquoi mon Bienvenue n'est pas plus grand que contexte staff ex alors que je l'est mis en "h1" et les autres "h2" ?
- Et je n'arrive pas a mettre mes noix de coco et le STAFF sous les news :/
Merci d'avance
Il ne me manque plus que :
- Les coins arrondis des cadres
- Comment faire pour qu'une image nous ramene sur un autre site (partenariats)
- Pourquoi mon Bienvenue n'est pas plus grand que contexte staff ex alors que je l'est mis en "h1" et les autres "h2" ?
- Et je n'arrive pas a mettre mes noix de coco et le STAFF sous les news :/
Merci d'avance
Re: Page d'accueil
Essaie avec le code suivant:
Pour ton css remplacer:
- Code:
<table id="mapa"><tbody>
<tr><td colspan="2"><h1>Bienvenue !</h1></td></tr>
<tr><td rowspan="3" class="contexte"><h2>Contexte</h2><div class="contenu"> ~ Voilà qu'un matin on sonne chez vous, vous vous doutiez qu'ils finiraient par venir vous chercher .... Alors que vous ouvrez la porte, plusieurs hommes habillées en rouge avec aux dos de leurs vestes « IOTO » se jettent sur vous et vous passent les menottes. Vous les suivez sans sourciller (Ou pas), les yeux bandé, dans un hélicoptère vous menant sur cette île dont tout le monde parle.
~Ce sont les Etats Unis qui sont à l'origine de ce projet, personne ne connaît son lieu exacte, nous savons seulement qu'elle est au beau milieu de l'océan atlantique.. Cette île est pourvue de tout : Electricité, habitation, eau etc ... Elle aurait pu être la destination rêvée des touristes, mais elle sert en fait de prison. Vous vous demandez sûrement en quoi ? Demander a cette homme là-bas, avec la tête à trois metres de son corps, ou encore à cette femme avec une balle dans la poitrine. Ici il n'y a aucune surveillance, tout peut arriver... Peut être même qu'un animal pourrait vous rendre visite quand vous seriez profondément endormie ...
~ Ca y est, vous y êtes, la célèbre « Island Of The Offences » on vous laisse seul sur cette île (enfin c'est ce que vous croyez ..) ,seul avec votre minuscule valise. Les agents ne prennent même pas le temps de vous fouiller. Vous avez un portable ? De l’argent ? Une arme ? Tant pis ! Ici une seul règle : Rester sur cette île.
~ De grands meurtriers à petits délinquants, là-bas tout le monde est égaux aux yeux des agents du IOTO.
~ Et vous, quel est votre délit ?
</div></td>
<td><h2>News</h2><div class="contenu"><marquee>Bienvenue sur Island of the offences, l'ile des délits. Que vous soyez simple voleur de bonbons ou tueur en série, votre place est ici ...</marquee></div></td>
</tr><tr>
<td class="image"><img src="http://i37.servimg.com/u/f37/17/47/11/20/fq-noi10.gif" border="0" alt="" /></td>
</tr>
<tr>
<td style="vertical-align:bottom;"><h2>staff</h2><div class="contenu">
<a class="infobulle"><span class="rang"> Administratrice </span>
<img src="http://i37.servimg.com/u/f37/17/47/11/20/staff_10.jpg" alt="" /></a>
<a class="infobulle"><span class="rang"> Modérateur </span>
<img src="http://i37.servimg.com/u/f37/17/47/11/20/staff_10.jpg" alt="" /></a>
<a class="infobulle"><span class="rang"> Graheur </span><img src="http://i37.servimg.com/u/f37/17/47/11/20/staff_10.jpg" alt="" /></a></div></td>
</tr>
<tr><td style="width: 70%;" colspan="2"><h2>Liens Utiles</h2><div class="contenu"><p> <a href="http://islandoftheoffences.forumsactifs.com/f10-reglements">Réglements -</a>
<a href="http://islandoftheoffences.forumsactifs.com/f25-le-contexte">Contexte - </a>
<a href="http://islandoftheoffences.forumsactifs.com/f17-contact">Contact -</a>
<a href="http://islandoftheoffences.forumsactifs.com/f26-la-vie-sur-l-ile">La vie sur l'île -</a>
<a href="http://islandoftheoffences.forumsactifs.com/t4-le-contexte">La carte de l'île</a> </p></td></tr>
<tr><td style="width: 80%;" colspan="2"><h2>Nos Partenaires</h2><div class="contenu">
<p><a href="http://islandoftheoffences.forumsactifs.com/t4-le-contexte">Contexte</a></p>
</td></tr>
</tbody></table>
Pour ton css remplacer:
- Code:
.contenu {
background-color: #EBEBEB;
border: 3px solid #7EC2B9;
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
}
- Code:
.contenu {
background-color: #EBEBEB;
border: 3px solid #7EC2B9;
-moz-border-radius:15px;
-webkit-border-radius:15px;
-khtml-border-radius:15px;
border-radius:15px;
}
- Code:
#mapa h1,#mapa h2,#mapa h3{
text-align:center;
}
#mapa td{width:50%;text-align:center;vertical-align:middle;}
.infobulle{
position:relative;
z-index:24;
color:#000000;
text-decoration:none
}
#mapa .contexte{
text-align:justify;
vertical-align:top;
}
#mapa .image{
height:120px;
}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Bonjour,
Merci ca fonctionne ! Génial !
Comment faire pour que le texte de mon contexte soit plus aérient ?
(Je voudrait en fait qu'a chaque "~" il y est un saut de ligne )
Merci ca fonctionne ! Génial !
Comment faire pour que le texte de mon contexte soit plus aérient ?
(Je voudrait en fait qu'a chaque "~" il y est un saut de ligne )
Re: Page d'accueil
Je t'en prie, il te suffit, de mettre la balise:
Tu auras peut être besoin d'augmenter ou diminuer un peu la hauteur en pixels dans la définition css suivante:
Le fait que tu ne vois pas la différence entre les balises « h1 » et « h2 » est dû au code css suivant:
- Code:
<br />
Tu auras peut être besoin d'augmenter ou diminuer un peu la hauteur en pixels dans la définition css suivante:
- Code:
#mapa .image{
height:120px;
}
Le fait que tu ne vois pas la différence entre les balises « h1 » et « h2 » est dû au code css suivant:
- Code:
font-size: 11px;
- Code:
.topictitle, h1, h2 {
color: #809CBD;
font-size: 11px;
font-weight: 700;
}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Oui j'aimerai bien que ce soit plus grand le bienvenue ^^'
Désoler :/
Désoler :/
Re: Page d'accueil
Pas un souci , ajoute le code suivant dans ta feuille CSS:
- Code:
h1{
font-size:24px;
}
h2{
font-size:22px;
}
h3{
font-size:20px;
}
h4{
font-size:18px;
}
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Aah bien ! Merci !!
Pouvez vous me dire comment augmenter un peut la grosseur du cadre news ?
Pouvez vous me dire comment augmenter un peut la grosseur du cadre news ?
Re: Page d'accueil
je te laisse remplacer:
- Code:
<h2>News</h2><div class="contenu"><marquee>
- Code:
<h2>News</h2><div style="min-height:40px" class="contenu"><marquee><br />
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Merci beaucoup ca fonctionne !
Mais comment ce fait-il quond ne voit pas défiler toute la phrase ? Dés que le début touche le cadre, sa recommence
Mais comment ce fait-il quond ne voit pas défiler toute la phrase ? Dés que le début touche le cadre, sa recommence
Re: Page d'accueil
Essaie de vider le cache de ton navigateur, car de mon côté cela marche sans problème.
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Très bien je vous remerci !
Deux dernieres questions: - Comment fait-on pour qu'une image nous envoie sur un autre site (Dans le cas des partenariats) ?
- Est-il possible de mettre un code derriere Bienvenue pour qu'il est marquer le pseudo du membre connecté ?
Deux dernieres questions: - Comment fait-on pour qu'une image nous envoie sur un autre site (Dans le cas des partenariats) ?
- Est-il possible de mettre un code derriere Bienvenue pour qu'il est marquer le pseudo du membre connecté ?
Re: Page d'accueil
C'est très simple:
La balise permettant de faire un lien est la balise « a ».
La balise permettant l'affichage d'une image est la balise « img ».
donc (basique):
Pour ce qui est du nom après « Bienvenue »:
Les variables disponibles sont indiquées ici.
La balise permettant de faire un lien est la balise « a ».
La balise permettant l'affichage d'une image est la balise « img ».
donc (basique):
- Code:
<a href="LE LIEN"><img src="URL IMAGE" /></a>
Pour ce qui est du nom après « Bienvenue »:
- Code:
Bienvenue {USER-NAME}
Les variables disponibles sont indiquées ici.
no_way- Membre actif
- Messages : 2214
Inscrit(e) le : 26/03/2010
Re: Page d'accueil
Rolala vous êtes génial ! Encore merci !! Grace à vous j'ai pu ENFIN terminer
Le sujet est donc clos !!
Le sujet est donc clos !!
Sujets similaires
» Enlever le rectangle en haut de page suite à message sur la page d'accueil
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» La page profile.php renvoie une page "hybride" entre un nouvel utilisateur et un ancien
» Rajouter une image en-tête de la page d'accueil du forum & réorganiser cette page
» (#4693) Diriger vers la page "forum" depuis une page d'accueil personnalisée
» Problème entre une page html en page d'accueil et l'adresse de base du forum
» La page profile.php renvoie une page "hybride" entre un nouvel utilisateur et un ancien
» Rajouter une image en-tête de la page d'accueil du forum & réorganiser cette page
» (#4693) Diriger vers la page "forum" depuis une page d'accueil personnalisée
Forum gratuit : Le forum des forums actifs :: Entraide & Support... :: Problème avec un script, un code :: Archives des problèmes avec un code
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum