Page htlm

Voila j'ai vu que vous mettez vos tutos sous forment de poste et (pour moi) je trouve que se n'est pas présenter correctement (relativement au post) . Alors je propose que vous créer des pages htlm regroupant des tutos des informations... Si sa vous dit je peut vous aidez, vous montrez comment faire.
Ensuite si mon idée est réaliser, ceux qui voudront accéder a ces tutos auront juste a cliquer sur un bouton située a coter de calendrier, faq...
J'ai déjà fait sa sur mon propre forum et si vous voulez je peut vous montrer. La dedans rien de compliquer juste connaitre quelque trucs.
Le problème est que si sa se réalise il faudra trouver un nouvelle astre dans pour créer un nouveau bouton ^^

Et bien c'est une bonne idée, et je suis assez intéressé, mais il faudrait voir les deux fondateurs du forum pour ce genre de chose : Sam06 et Astro13.

Le problème c'est que ça fait un moment que je ne les ais pas vu.....

Au pire s'ils ne passent pas sous peu, tu pourras m'expliquer et je verrais ce que je peux faire

Bonne idée!
Je pourrai également aider pour la création de ces pages. Un page principale qui mène aux autres?
Oui, ce serait bien qu'ils reviennent,...j'ai toujours mon idée de nouveau forum qui traîne depuis l'hiver passé...

Oué dans se genre ! Une page principale mènent a différent sujet qui mennent a des pages.

Je peux faire un bide, pour ce qui est de la modif du forum, c'est vraiment cool de respecter les recommandations du W3C quand on code !!

En restant en HTML, je n'ai jamais eu aucun soucis avec mes pages...à décider maintenant si nous voulons qu'elles aient l'apparence du forum en étant intégré dans celui-ci, ou bien non.

Sa serait mieux (je pense) que les pages serait avec les forum pour qu'on n'ai pas besoin d'un autre lien.

Je vous laisse voir avec astro et sam car je comprend pas grand chose à çà^^

alex parman a écrit:Sa serait mieux (je pense) que les pages serait avec les forum pour qu'on n'ai pas besoin d'un autre lien.

Il y a deux choix:

1) La page créée à l'apparence du forum.
2) Elle ne l'a pas et il faut tout coder.

Personnellement, je préfère la deuxième option, qui permet de faire quelque chose de joli...
Dans les deux cas, les liens commenceront tous par https://terrastro.forumactif.com/....... et seront intégrés dans la barre des liens.

Moi, s'il est question de coder, je veux bien mettre les mains dans le cambouis... J'adore coder en XHTML/CSS/PHP/MySQL .... Si ça peut vous aider, je suis partant ! Et puis sur ces pages, je veux bien mettre ce genre de logo :

http://validator.w3.org/images/valid_icons/valid-xhtml10
et celui-ci
http://jigsaw.w3.org/css-validator/images/vcss

PS : et comme je l'ai dit sur un autre post (https://terrastro.forumactif.com/suggestions-d-ameliorations-f25/w3c-t791.htm), ce forum n'est pas loin d'être valide W3C pour HMTL et CSS. Ca permet un meilleur référencement, un meilleure lisibilité du site par les bots, une meilleur navigation, l'utilisation d'un web standardisé qui permet de peser en faveur d'un progression de ces standards. Utiliser un code propre c'est permettre une progression des standards du web et ne pas rester cantonner à un IE6. Utiliser les standards du web c'est aussi forcer la main pour le développement de nouveaux browsers qui valideront de mieux en mieux Acid 3.... J'en ai finis : ce n'est pas de la pub, ni de la propagande, il n'y a pas d'argent à gagner, seulement de la qualité.

D'accord sur toute la ligne!
Mais il nous faudrait le feu vert des admins...

Bon on va reprendre sa clairement puisque astro et sam sont pas trop là déjà vous voulez faire quoi clairement^^ et se que sa implique et que que sa va apporter.

En résumé: ^^
Alex a proposé de mettre nos tutoriels et autres explications ailleurs que dans les posts du forum, dans des pages internet séparées. Cela permettrait aux visiteurs de voir les choses plus clairement, notamment d'avoir un raccourci dans la barre des liens qui mènerait directement sur ces tutoriels.
Pour créer ces pages, que ForumActif peut héberger directement à partir du forum, il y a deux solutions: soit elles ont l'apparence du forum, soit c'est une page séparée.

Exemples :
Page intégrée
Exemple de page séparée...tout est possible!

Ce qui est apporté est simple: tout est plus clair!

Je n’y connais rien , mais je m’immisce .

Pour avoir un exemple de l’avantage de html :

Dans un site de livres numérique gratuit que je fréquente , on peu télécharger les bouquins en html : dans la table des matières chaque chapitre est un lien ‘comme dans la faq des forums d’ailleurs)

Ainsi , je peux diriger quelqu’un vers le site :
http://www.ebooksgratuits.com/ebooks.php

Si je choisis html je t’envoie vers le livre :
http://www.ebooksgratuits.com/html/flammarion_fin_du_monde.html

Encore mieux , directement vers le chapitre (ex.le 6)
http://www.ebooksgratuits.com/html/flammarion_fin_du_monde.html#_Toc120815938

Est-ce ça votre projet ?

Il y a ça ou créer une page par tutorial, avec pour page d'accueil une liste de tous les tutoriels.

pour tout vous dire moi je ne connais rien en codage j ai juste appris a me servir du “logiciel” integree dans l'interface de forumactif. J'ai appris quelque base html qui ne seront d'aucune utiliter pour codée (faire jolie)

Je peux le faire!
Si j'ai un peu de temps avant la fête national ce soir, je vous ferai un page...

Voilà, j'ai terminé (à deux ou trois détails près...)
=> http://zeldagraph.forumactif.fr/Page-complete-h2.html

Il manque encore des images pour finir les bords ou les choses comme ça, mais comme il y aura l'éclipse dans une heure environ...je dois y aller!
Bonne journée à tous

Heu…oui… bien …. Très bien même…
…en tout cas , y a pas de fautes d’orthographes !

… mais , je ne sais pas pourquoi , je reste un peu sur ma faim …

…un peu minimaliste , peut-être ?

Allez , vaï ! Je te galège , Zelda !

Alors , comme ça , c’est aujourd’hui la fête nationale en Suisse ?
Moi , tout ce que je connais de la Suisse c’est Uri que je rencontre dans les mots croisés .
Mais Schwyz et Unterwald , c’est des mots de scrabble , ça !!!

Enfin , si j’ai bien compris : 500 ans avant nous les français , qui pour fêter la nation avons carrément démoli la Bastille , nos amis Suisses organisaient une partie de campagne dans la prairie de Grütli (ou Rütli ) où ils ont fait du foin, avec, comme vedette américaine, un certain Tell Guillaume qui cueillait les pommes avec une arbalète (arme strictement interdite par les conventions de Genève de l’époque).

Je ferais remarquer que la Suisse (pays où, comme chacun le sait , pullulent les coffres-forts) a réussi à se payer une éclipse du soleil en guise de feu d’artifice !!!

Y en a qui ont les moyens !!!!!!!!!!!!!!!

Un petit commentaire détaillé....

Zelda Gil Galen a écrit:

Code:

<!--
<html>
<head>

<style type="text/css">

p {
margin: 0px;
}

body {
background: #000000;
margin: 0px;
margin-top: 30px;
}

td {
color: #CCCCCC;
font-family: georgia, "Trebuchet MS", verdana, arial, sans-serif;
font-size: 10pt;
}

td.title {
font-variant: small-caps;
padding: 10px;
font-size: 26pt;
text-transform: uppercase;
border: 1px solid #333333;
border-left: none;
border-right: none;
}

td.content {
padding: 10px;
padding-top: 20px;
line-height: 1.7;
}

h2 {
font-size: 12pt;
margin-bottom: 0px;
}

h3 {
font-size: 8pt;
margin-top: 2px;
margin-bottom: 23px;
font-family: verdana;
font-weight: normal;
color: #888888;
text-transform: uppercase;
}

font.bold {
font-weight: bold;
color: #CCCCCC;
}

font.link {
color: #555555;
}

font.gray {
font-weight: normal;
color: #CCCCCC;
text-decoration: none;
}

div.author {
margin-bottom: 6px;
}

a:link { color: #74A782; text-decoration: none; }
a:visited { color: #74A782; text-decoration: none; }
a:hover { color: #7AD594; text-decoration: none; }

a.comment:link { color: #74A782; text-decoration: underline; }
a.comment:visited { color: #74A782; text-decoration: underline; }
a.comment:hover { color: #7AD594; text-decoration: underline; }

hr {color:#FFFFFF; border:1px solid #FFFFFF; height:5px;}

</style>
</head>
<body>
<center>
<table width='98%' cellpadding='0' cellspacing='0' align='center'>
<tr><td align='center' class='title'>Le site de Terrastro</td></tr>
</table>

<table cellpadding='0' cellspacing='0'>
<tr>
<td class='content' width='500' valign='top'>
<!-- START LEFTSIDE -->



<!-- MAIN PAGE -->

TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>

TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>

<hr/>

TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>

TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>

<hr/>

TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>

TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>
TEXTE<br>

...ET RE-TEXTE. Sachez simplement qu'il manque encore une bannière!! ;)

<hr/>

<td class='content' width='200' valign='top'>
<!-- START RIGHTSIDE -->
<i>Dans cette partie-là peuvent être mis des choses telle qu'une description, un calendrier, un lien vers le forum de Terrastro...(des horoscopes, des cartes et une vente en ligne de cannes en sucre aussi!! :p)...etc.


</tr>
</table>


</center>
</body>

</html>-->

1- La déclaration DOCTYPE... : en début de page, avant d'ouvrir ta balise

Code:

<html>

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

2- Il est conseillé de mettre le CSS dans une page séparée, dans le header :

Code:

<link rel="stylesheet" type="text/css" href="style.css" />

3-

Code:


margin: 0px;
margin-top: 30px;


Ceci est équivalent à (en une seule ligne) :

Code:


margin :  30px 0px 0px; //haut gauche & droite bas


4- [quote]

Code:


font-size: 10pt;
[/quote]

Le top c'est de ne pas utiliser de valeurs fixes, plutôt des pourcentages...

5-

Code:


<center>...</center>


Vive le CSS :
Dans le document CSS

Code:


.span
{
  height: 100%;
  width: 1px;
}

#body, .span
{
  display: inline-block;
  vertical-align: middle;
}

#body > div
{
  overflow: auto;
}


Dans le doc HTML :

Code:



<div>
    <span class="span">
    </span>
</div>

<div id="body">
    <div>
    ...
    </div>
</div>


Ce n'est pas court... mais ça utilise du CSS pour une propriété de style et pas du HTML....

6-

Code:


<br>


Tu vas me dire que j'exagère mais.... le

Code:

<br>

c'est pas beau tout seul alors

Code:


<br />


c'est déjà mieux

7-

Code:


<i>...</i>


Code:


<span class="italic">...</span>


Code:


.italic
{
    font-style: italic; //alernative font-style: oblique;
}


Moi j'adhère !

laselve a écrit:Heu…oui… bien …. Très bien même…
…en tout cas , y a pas de fautes d’orthographes !

… mais , je ne sais pas pourquoi , je reste un peu sur ma faim …

…un peu minimaliste , peut-être ?

Allez , vaï ! Je te galège , Zelda !

Alors , comme ça , c’est aujourd’hui la fête nationale en Suisse ?
Moi , tout ce que je connais de la Suisse c’est Uri que je rencontre dans les mots croisés .
Mais Schwyz et Unterwald , c’est des mots de scrabble , ça !!!

Enfin , si j’ai bien compris : 500 ans avant nous les français , qui pour fêter la nation avons carrément démoli la Bastille , nos amis Suisses organisaient une partie de campagne dans la prairie de Grütli (ou Rütli ) où ils ont fait du foin, avec, comme vedette américaine, un certain Tell Guillaume qui cueillait les pommes avec une arbalète (arme strictement interdite par les conventions de Genève de l’époque).

Je ferais remarquer que la Suisse (pays où, comme chacun le sait , pullulent les coffres-forts) a réussi à se payer une éclipse du soleil en guise de feu d’artifice !!!

Y en a qui ont les moyens !!!!!!!!!!!!!!!

Les moyens?? Non...le chef-lieu du canton où je vis a carrément annulé ses feux d'artifices pour économiser environ 15'000chf !
Concernant la fête nationale: en 1710, les Suisses ont pensé qu'il serait chouette de donner une fête national à leur accord, portés par un soudain élan de patriotisme et un raz-le-bol des campagnes. Ils ont donc dicté que leur confédération était vieille et lui ont donnée un joli "500 ans d'âge" sur l'étiquette.
Certes, le document original du Grütli existe, mais aucune date n'y figure; le flou total demeure donc sur l'année de ce pacte. Quant à la date du 1er août...l'explication est très simple, car elle fonctionne comme la plupart des fêtes joyeuses du Moyen-Âge; en août, l'abondance règne grâce aux moissons, il fait en principe beau (j'ai dit "en principe"...:nous avons loupé l'éclipse de cette année par la faute de gros nuages... )...le must pour le patriotisme! Pour finir, sachez que la plaine du Grütli était la seule étendue assez vaste dans la région des Waldstäten pour accueillir "suffisamment de monde digne d'un pacte fondateur d'une confédération" selon nos amis du 18ième. Ainsi, même le Grütli perd de la certitude...
Quant à Guillaume Tell...chose à considérer comme un mythe pur et simple!

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

Noob, bien que tu adhères, j'ai atteint un niveau différent: je m'englue!!
Certes, je comprends ce que tu m'écris, mais il subsiste tout de même des problèmes d'applications. Exemple:
=> pour le n°7, où tu mets en évidence un solution pour afficher du texte en italique; où placer le texte dans ta dernière démonstration??

Je vous ai simplement montré ce que je savais faire...du code tout simple. C'est pourquoi je te le demande: accepterais-tu de modifier cette page pour la rendre "plus-mieux-bien"?
Bien sûr, il faudrait qu'un admin passe par ici, voir s'ils sont d'accord avant de perdre des heures...

Et bien merci pour vos propositions qui me paraissent très intéressantes !

Ceci dit, personnellement je préfèrerais des pages intégrées au forum. Mais ça n'engage que moi.

Perso vous avez mon accord pour procéder à ce modifications, mais je ne suis pas le fondateur du forum. Il faut voir avec Sam06 et Astro13... Je vais essayer d'envoyer un mail. Il faudra donc attendre leur réponse. Dans le meilleur des cas je donnerai ensuite les droits à ceux qui se sentent de faire ces modifs

Merci encore !

Edit : Voilà, mail envoyé, y'a plus qu'a attendre !

Pour la n°7, tu places le texte dans le span.

J'éditerai la page aujourd'hui ou demain et posterai le code, en vérifiant que ça marche.

Le code que tu fais est très bon, il faut toujours quelqu'un d'autre pour regarder derrière, apporter son expérience personnelle, et surtout le recul que l'on ne peut avoir quand on est penché sur son travail. Je n'aurais pas fais mieux.

Merci...mais ma spécialité, c'est d'observer et de reproduire. Je n'ai presque rien fait d'autre pour créer mes pages.

Sinon on peut faire des pages intégrées dans le forum mais qui n'ont pas le même décors...

Bonjour et désolé et de cette absence prolongée, et merci à Ulysse pour l'email
En ce qui concerne ce projet je suis tout à fait d'accord, il permettrait de faire apparaitre les tuto comme des fiches bien claires et lisible!
Pour les deux possiblités pour le faire, je prefere que tout reste sur forumactif, si vous pensez que ça peut rendre quelque chose de bien, je ne m'y connait pas assez pour dire.
Ensuite si vous avez besoin d'aide je peux essayer, vu que je me suis fait virer du travail... j'ai plus de temps :S

Donc dites moi ce qui est pret, sion reste sur le forum ça vous va, ce qu'il vous faut
voila merci pour votre suggestion

Dans les deux cas (page possédant le design du forum ou pas), tout est hébergé chez ForumActif, à toi de choisir!
Et quelques vœux sincères pour que tu retrouves du boulot.

Je pense que l'idée d'une page séparée permet plus de possibilité et une meilleure presentation!
Non?

On garde celle que j'ai faite ou on part sur d'autres bases?

Et bien quand il y aura tout le design du forum, ça le fera très bien !