L'annuaire des forums Forumactif
votre référence en terme de référencement et de développement de forums.
 




 [Multi] Commande d'une page HTLM : portail

Leelewineavatar
Messages : 85
Bonjour !!!

Pour ne pas qu'il y ait des quiproquo, ma commande concerne : une page HTLM qui servira de portail ou plutôt de disclamer avant d'entrer sur le forum.

Support de mise en page : page HTML (portail)

Résultat en : HTML

Type de mise en page : Personnalisé

Texte : voir après le formulaire

Image(s) voir après le formulaire

----------------------------------------------------

Plan : ICI

Script(s) : voir après le formulaire


----------------------------------------------------


Je vais détaillé zone par zone le plus clairement possible pour que la réalisation de cette page HTLM ne soit pas trop chiant.



    - Tout d'abord, le fond de ma page doit être de couleur gris foncé : #5B5C61, afin de suite avec le reste de mon forum.


  • En entête : J'aimerais qu'il y a cette image : ici


  • En dessous (1) : j'aimerais avoir un tableau, comme Hinus à fait pour ma page d'accueil. Un tableau dont les couleurs utilisés sont : gris foncé : #5B5C61 , gris clair pour le cadre : #BABCCB (capture écran )

    Nom du tableau : Introduction
    Descriptif : mettre ceci

    Citation :
    Vous êtes au 24 ème siècle, dans la lointaine galaxie de Glam, sur Amoï. Cette planète fut autrement stérile mais des scientifiques ont décidés de l’utilisé comme planète cobaye mais celle-ci n’est pas destinée à être colonisée durablement.

    Et pourtant, les scientifiques à la tête du projet ont créés secrètement une intelligence artificielle hors du commun appelé « Jupiter ». Ayant pour but de les aider dans leurs quêtes d’une société idéale, cette dernière arrive à prendre le contrôle et remodèle les rêves de ses créateurs à son image.

    En quelques années, un nouvel ordre social profondément inégalitaire voit le jour. Très vite, Jupiter crée des fils, des élites. Des surhommes génétiquement modifiés aux cheveux clairs, connus sous le nom de « Blondies ». Ceux-ci dirigent désormais la destinées de la planète tous en respectant les ordres de leurs mères « Jupiter ».
    Ses êtres froids aiment s’amuser avec leurs animal de compagnie (les Pets), des humains capturer et vendu comme esclave. Les plus âgés deviennent des « meubles », des hommes castrés sans pour autant regagner leurs libertés...

    Quelques mois après la disparition de Iason, un Blondie, favori de Jupiter, tué lors de la destruction partiel de Dahn Bahn, la société est sur le point de s’effondrer...

  • En dessous (2) : mettre une barre qui sépare: image avec ceci comme texte :

    Citation :
    Ce forum est un RPG (jeux de rôle) dont le contexte est basé sur l’univers futuriste du roman et de l’anime Ai No Kusabi, propriété de l’auteur Rieko Yoshihara et de l'éditeur June.

    Etant de type YAOI (intrigue centrée autour d'une relation homosexuelle entre personnages masculins, et comportant souvent des scènes sexuelles), les récits pourront comporter des messages érotiques avec ou non de la vulgarité et de la violence.

    En poursuivant votre visite vous certifiez être majeur(e) selon les lois de votre pays, et sans aversion particulière envers ce type de contenu.

    Suivie deux deux liens, inscrit en gros et centrer :

    Citation :
    ACCÉDER AU FORUM ou Redirection vers Google

    (click pour avoir le lien de mon fofo + google)


  • Et pour finir : en dessous de ses liens, séparer d'une barre "image" je voudrais voir 3 bulle que j'ai faite mais qu'a chaque passage de souris, elle change... Un peu comme sur ma page d'accueil avec l'image en haut à gauche.

    image a mettre - après passage de la souris

    à mettre - après passage de la souris

    à mettre - après passage de la souris

    Attention : les images sont dans le bonne ordre "image gris / coloré/ grise" puis au passage de la souris on inverse "coloré/gris/coloré"


    Et en dessous de ses 3 images "bulles", il faudrait mettre ceci :

    Citation :
    Ai No Kusabi RPG
    Forum mis en ligne par forumactif.com
    - Tous droits réservés -


------------------

A savoir : j'ai créer sur mon forum une page HTLM mais je suis pas doué pour les codes, là preuve ça bugg... "http://ai-no-kusabi-rpg.forumactif.org/"

J'aimerais avoir le même genre avec un effet sur les images en bas du forum. Mais vous pouvez le modifier. Ne sachant pas faire les tableaux ect... j'ai essayé de faire quelques chose de "potable" avant d'ouvrir le fofo. Donc si mes indications sont nul ou pas bonne, je vous donnes cartes blanches pour modifier comme ça vous parraîts être le mieux.

Pour les barre qui sépare le texte, c'est une image que j'ai créer mais il parait qu'on peut créer ce genre de barre avec un code... mais je sais pas comment... désolé.

Et je tenais à dire que je n'ai jamais fait de disclamer, ni ce genre de chose, donc si vous avez une idée ou conseil pour l'améliorer avant de la faire, je vous écoutes !!
ArlemV.I.P.avatar
Messages : 3712
Salut Leelewine !

Désolé du temps d'attente, ta commande est-elle toujours d'actualité ?
Si oui, je m'en occupe dès que possible.
Leelewineavatar
Messages : 85
Oh oui oui elle est toujours d'actualité !!!

Il n'y a aucun soucis pour l'attente, avec le boulot je suis obligé d'être moins présente ici et sur mon fofo, j'ai donc moi aussi pris du retard ^^

Ma commande est toujours d'actualité ! je vais bossé sur mon fofo vendredi *enfin en vacance* dont ne t'inquiète pas et prend ton temps !

Nocturneavatar
Messages : 118
Bonjour,

Je peux te proposer ceci.
Cela ne répond pas exactement à tes attentes (au niveau du premier bloc) mais c'est davantage ressemblant à ce que tu avais fait.
ArlemV.I.P.avatar
Messages : 3712
Du coup Leelewine tu vas être bien servie vu que j'avais également fait ta commande de mon côté Mr. Green
http://arlemtest.forum-actif.net/h6-page-d-entree-leelewine
Leelewineavatar
Messages : 85
Nocturne : merci beaucoup pour ce que tu as fais !! Mais j'avoue que j'ai une petite préfèrence pour celle de Arlem !

Ceci dit, je suis fan de votre boulot, je comprend pas encore parfaitement les codes et comment faire, alors "Bravo !!".

J'adore l'effet sur les liens et le style d'écriture du texte (en dessous de RPG YAOI), c'est super beau !


Arlem :

Oh Arlem !!! *a cru que c'était un autre membre XD*

J'adooooooooore ce que tu as fait !!! tu as pris les images que j'ai changé (ce matin), merci beaucoup car c'est super beau !!

Il serait possible d'aggrandir tout simplement la taille d'écriture des liens ?

Sinon j'adore tout, c'est super chouette !
ArlemV.I.P.avatar
Messages : 3712
Oui, je change de pseudo de temps en temps ça m'amuse. Razz

Par rapport à la taille d'écriture des liens, si tu veux on peut s'arranger pour faire un mélange entre la page de Nocturne et celle que j'ai faite. Je suis aussi fan de l'effet qu'elle a mis sur les liens donc on peut récupérer cet effet et le mettre sur ma page en agrandissant également la taille. Smile
Leelewineavatar
Messages : 85
Oh c'est possible ???

Alors oui je veux !!!

Donc :

- Le début de arlem : image + tableau "introduction"
- Le RPG YAOI de arlem : si possible avec l'effet des liens "du forum + google"
- Le texte de Nocturne (qui décrit de RPG YAOI) *fan de l'effet sur l'écriture en "gras"
- Les lignes de Arlem (qui sépare et non mon image)
- Les liens de Noctures (l'effet)

Et le reste ben, vous avez le même ^^

C'est possible que vous faites un mélange ? Car à vous deux, c'est excellent !!! Euh... même séparer, faut pas prendre mes mots de façon méchante ^^ car j'adore votre boulot !! *en admiration*

Merci pour votre travail et bon réveillon !! A l'année prochaine !! (sauf si vous répondez avant ^^)
ArlemV.I.P.avatar
Messages : 3712
http://arlemtest.forum-actif.net/h6-page-d-entree-leelewine

Dis moi si vois d'autres modifications à apporter. Wink
Leelewineavatar
Messages : 85
Waouh !! que ça fait beau !!!

Non je n'ai rien à modifier, tout est parfait !

Le mélange rend super bien, j'adore !
ArlemV.I.P.avatar
Messages : 3712
Tant mieux si ça te plait, voilà le code à mettre dans la page html (rien à mettre dans le css) :
Code:
<html>
  <head>
    <title>Bienvenue sur Ai No Kusabi</title>
    <style type="text/css">
body {
   background:#5B5C61;
   font-size:12px;
   font-family:Arial, Helvetica, sans-serif;
   color:#A4A5A7;
}

.pa_font {
   text-align:justify;
   font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 12px;
}
.pa_table_2 {
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
  margin-left: 10px;
  margin-right: 10px;
  border: 3px solid #BABCCB;
  background-color:#5B5C61;
}
.pa_titre_2 {
  border: 3px solid #5A5961;
  background-color: #C0C0CC;
  color:#5B5C61;
  font-weight:bold;
  padding: 6px;
  margin-bottom: 5px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border-radius:6px;
}

.pa_font a:link, a:visited, a:active {
   color:#A3A2A2;
   text-shadow:0px 0px 4px #A0ADC2;
   text-decoration:none;
}

.pa_font a:hover{
text-decoration: underline;
}

.rpg_titre {
   color:#A3A2A2;
   text-shadow:0px 0px 4px #A0ADC2;
   text-decoration:none;
        font-size: 20px;
}

#rpgyaoi {
   text-align:justify;
   font-family:Georgia, "Times New Roman", Times, serif;
        font-size: 12px;
}

.important {
   font-weight:bold;
   color:#E2E2E2;
   text-shadow:0px 0px 2px #000000;
}

.smalltext {
   font-size:10px;
}

</style>
  </head>
  <body>
<table align="center" width="80%"><tr><td>
 <div align="center"><img src="http://nsa19.casimages.com/img/2010/12/29/101229061601638517.png"></div>
<fieldset class="pa_table_2"><legend class="pa_titre_2">Introduction</legend>
<span class="pa_font"><p>Vous êtes au 24 ème siècle, dans la lointaine galaxie de Glam, sur Amoï. Cette planète fut autrement stérile mais des scientifiques ont décidés de l’utilisé comme planète cobaye mais celle-ci n’est pas destinée à être colonisée durablement.<br /><br />
Et pourtant, les scientifiques à la tête du projet ont créés secrètement une intelligence artificielle hors du commun appelé « Jupiter ». Ayant pour but de les aider dans leurs quêtes d’une société idéale, cette dernière arrive à prendre le contrôle et remodèle les rêves de ses créateurs à son image.<br /><br />
En quelques années, un nouvel ordre social profondément inégalitaire voit le jour. Très vite, Jupiter crée des fils, des élites. Des surhommes génétiquement modifiés aux cheveux clairs, connus sous le nom de « Blondies ». Ceux-ci dirigent désormais la destinées de la planète tous en respectant les ordres de leurs mères « Jupiter ».<br />
Ses êtres froids aiment s’amuser avec leurs animal de compagnie (les Pets), des humains capturer et vendu comme esclave. Les plus âgés deviennent des « meubles », des hommes castrés sans pour autant regagner leurs libertés..<br /><br />Quelques mois après la disparition de Iason, un Blondie, favori de Jupiter, tué lors de la destruction partiel de Dahn Bahn, la société est sur le point de s’effondrer...</p></span>
</fieldset>
<br />
<hr>
<br />
<div align="center"><span class="rpg_titre">RPG YAOI</span></div><br />
<div id="rpgyaoi"><p>Ce forum est un <span class="important">RPG</span> (<span class="smalltext">jeux de rôle</span>) dont le contexte est basé sur l'univers futuriste du roman et de l'anime <span class="important">Ai No Kusabi</span>, propriété de l'auteur Rieko Yoshihara et de l'éditeur June.
<br />
Etant de type <span class="important">YAOI</span> (<span class="smalltext">intrigue centrée autour d'une relation homosexuelle entre personnages masculins, et comportant souvent des scènes sexuelles</span>), les récits pourront comporter des messages érotiques avec ou non de la vulgarité et de la violence.
<br />
<span class="important">En poursuivant votre visite vous certifiez être majeur(e) selon les lois de votre pays, et sans aversion particulière envers ce type de contenu.</p></span></div><br />
<hr>
<br />
<div align="center"><span class="pa_font"><font style="font-size:20px;"><a href="http://ai-no-kusabi-rpg.forumactif.org/forum.htm">Aller sur le forum</a> ou <a href="http://www.google.fr/">Redirection vers Google</a></font></span></div><br />
<hr>
<div align="center"><img src="http://nsa20.casimages.com/img/2010/11/29/101129082721421115.png" onmouseover="this.src='http://nsa20.casimages.com/img/2010/11/29/101129082736236563.png';" onmouseout="this.src='http://nsa20.casimages.com/img/2010/11/29/101129082721421115.png';" alt="" border="0"><img src="http://nsa20.casimages.com/img/2010/11/29/101129082829114279.png" onmouseover="this.src='http://nsa20.casimages.com/img/2010/11/29/101129082909246937.png';" onmouseout="this.src='http://nsa20.casimages.com/img/2010/11/29/101129082829114279.png';" alt="" border="0"><img src="http://nsa20.casimages.com/img/2010/11/29/101129083025918749.png" onmouseover="this.src='http://nsa20.casimages.com/img/2010/11/29/101129083057276593.png';" onmouseout="this.src='http://nsa20.casimages.com/img/2010/11/29/101129083025918749.png';" alt="" border="0"></div>
<hr>
<div align="center"><span class="pa_font">Ai No Kusabi RPG<br />
Forum mis en ligne par <a href="http://www.forumactif.com">forumactif.com</a><br />
- Tous droits réservés -<br /></span></div>
  </body>
</html>
Leelewineavatar
Messages : 85
XD j'ai un problème !!!

Déjà, merci pour le code. Je l'ai installé à la place de ce que j'avais fait *voit la différent ^^*

Cependant, lorsque je "prévisualise" la page HTLM elle est nickel. Mais une fois validée, lorsque je veux la voir, tout est déformé. Je parle uniquement des textes.

Les accents deviennent des symboles ect... regarde : http://ai-no-kusabi-rpg.forumactif.org/

Est-ce à cause de firefox ? Je ne pense pas mais bon...
ThreaxV.I.P.avatar
Messages : 7332
Il n'y a pas de charset spécifié (eh ben alors, Arlem ? )
Rajoute ce code, après la balise
Code:
<meta content="text/html; charset=UTF-8" http-equiv="content-type">

Normalement ça devrait être bon. Smile
Sinon, il faudra remplacer les accents par leurs équivalents "codés".
é => &eacute;
è => &egrave;
à => &agrave;
ê => &ecirc;
û => &ucirc;

Etc...
Leelewineavatar
Messages : 85
Je connais pas ce qu'est un "charset " ^^

Ceci dit, lorsque tu dis de mettre ce code avant la balise, tu peux me précisé ou ? Je ne voudrais pas faire de bêtise...

La balise au début ? (htlm...) ou à la fin ?
ThreaxV.I.P.avatar
Messages : 7332
Arf, j'avais précisé la balise, mais elle ne s'est pas affichée... Donc je disais, après la balise </title>
ArlemV.I.P.avatar
Messages : 3712
J'ai encore le droit de mettre ça sur le compte des fêtes ? Mr. Green
Désolé Leelewine de ne pas y avoir pensé. ><
ThreaxV.I.P.avatar
Messages : 7332
Mais oui, mais oui Mr. Green
Leelewineavatar
Messages : 85
Oui oui c'est à cause des fêtes ^^

Merci pour l'astuce Toto, j'essai ça de suite, enfin quand forumactif acceptera d'arrêté de bugger... je peux même pas allé sur mon fofo la connection au serveur illiweb est trèèèèèèèèèèèèès lente aujourd'hui... snifff

*a encore du boulot sur son fofo*
Leelewineavatar
Messages : 85
Pardon pour le double message...

Je voulais dire que le code de Toto fonctionne à merveille ! Ma page d'accueil (ou plutôt mon portail ?) est magnifique !!

Merci à Arlem (ou Hinus ^^) et aussi à Toto pour votre aide et votre travail !!!

J'adore tous ce qui a été fait !!!

COMMANDE TERMINEE !!

*va finiolé son fofo et lancer l'ouverture ^^*

,
 Sujets similaires
-
» page htlm
» Aide pour une page htlm svp
» Fond noir sur une page HTML
» décalage de la partie "Page x sur x" et "arrêter de surveiller ce sujet"
» Pourquoi la nouvelle ToolBar n'apparaît-elle pas sur la page du Portail de mon Forum ?

Répondre au sujet


Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum

Modérer

Trames

  • Nos services
  • Prés. obligatoire
  • Référencé
  • Prérelance
  • 1ère relance
  • 2ème relance
  • Recherche (relance)
  • Recherche (corbeille)
  • Formulaire manquant
  • Formulaire incomplet
  • 1
  • 2
  • 3
  • 4
  • 5
  • Evaluation