| La Gazette d'Amakna | |
|
|
|
Auteur | Message |
---|
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: La Gazette d'Amakna Sam 23 Mar - 13:55 | |
| Bonjour ! - Citation :
- Avant toute chose, si vous n'êtes pas au courant du projet ambitieux imaginé par Ulti, je vous invite à lire ceci.
J'ouvre ce sujet pour organiser le développement de La Gazette d'Amakna. Tout le monde est invité à y participer d'une manière ou d'une autre, quelque soit son niveau de compétences en informatique - Citation :
- Description du projet :
J'ai envie de réaliser la Gazette sous la forme d'un site web. Pourquoi pas un blog ? Certes, un blog c'est joli, simple d'utilisation et c'est relativement rapide à mettre en place. Mais on se retrouve vite limité dans les possibilités, et c'est pourquoi je pense qu'un site sera beaucoup plus adapté. Vous l'aurez compris, ce projet ne se fera pas en un jour, ni en une semaine. Mais le résultat final en vaudra la peine, croyez-moi ! - Citation :
- L'organisation :
Un site web se fait rarement seul. J'aurais besoin de gens motivés pour mener à terme ce projet. Parmi les profils types requis, il y a :
- les "donneurs d'idées" : qui que vous soyez, vous êtes fortement invité à donner votre avis sur un aspect du site, que ce soit sur son aspect visuel, sur son contenu, etc... Ce sujet est fait pour ça !
- les rédacteurs : ils se chargeront d'écrire pour la Gazette. Pour faire tourner un journal, il faut absolument rédiger des articles à intervalles réguliers. Pour le départ, un ou deux par semaine sera amplement suffisant !
- les codeurs : ils se chargeront de mettre en place le codage du site. Quelques connaissances en HTML5 / CSS3 et en PHP (ou tout autre langage serveur) seront requises. Je ferai partie de cette catégorie, je peux la gérer seul, mais ça prendra du temps.
Le codage se fera en deux parties : la partie HTML/CSS en premier (en quelques sortes le squelette du site). Puis viendra le plus long : la partie PHP. Mes connaissances en PHP sont encore minimes, mais laissez moi un mois le temps d'apprendre un max de choses. Encore mieux : si quelqu'un gère le PHP, alors faites le moi savoir ^^
- les graphistes : selon moi le rôle le plus important pour le succès d'un site web... Il nous faut quelque chose qui en jette visuellement !! Si personne ne peut assumer ce rôle alors je m'en chargerai, mais ça prendra du temps ^^ - Citation :
- Le suivi du développement :
Un des problèmes qui va se poser sera : comment suivre l'évolution du site web ? En effet, quand on crée un site web, il ne se retrouve pas tout de suite sur Internet. On le développe d'abord sur nos propres ordinateurs. Voici une solution que j'ai trouvée pour que chacun puisse constater l'évolution de la gazette chez lui : les programmeurs déposeront régulièrement leurs codes sur le forum (de préférence en partie privée, on sait jamais si quelqu'un a envie de nous piquer l'idée xD). Vous n'aurez plus qu'à suivre la procédure que je vous indiquerai pour visualiser le site (ne vous inquiétez pas, rien de compliqué, il vous suffira simplement d'ouvrir votre Bloc-Note / Notepad)
J'ai terminé mon discours, maintenant c'est à nous de jouer. C'est peut-être un projet totalement fou, mais il vaut la peine d'être tenté. Je déposerai de temps en temps des petites "missions" pour faire avancer le site à un rythme régulier. J'attends vos réactions à propos de tout ça, savoir si ça vaut la peine que je m'investisse dedans ou non. - Citation :
- PS : Ulti, ce projet est avant tout TON projet. Tu le reprends en en main dès que tu en as envie
| |
|
| |
Shinrae, Renaissance. Habitué
Messages : 199 Date d'inscription : 02/01/2012 Age : 29
Fiche de présentation Cercle: (165/200) Classe: Sacrieur
| Sujet: Re: La Gazette d'Amakna Sam 23 Mar - 15:50 | |
| Comme je t'avais dit, je peux t'aider au niveau du codage du site, pareillement si aucun graphiste ne se propose je peux t'apporter main forte mais j'aimerai avant tout être rédactrice, je peux être sur tous les tableaux ça ne me gêne pas, en faire moins que toi je pense, vu que j'ai moins d'expérience, mais t'apporter mon aide.
Ensuite pour le suivi de développement, ne serait-ce pas mieux d'utiliser une plateforme en ligne, un peu comme un bloc-note en ligne tu vois ? | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Sam 23 Mar - 16:49 | |
| Si tu connais un site internet ou un logiciel capable de faire ça, alors oui, je suis preneur, ca facilitera les choses ! | |
|
| |
Shinrae, Renaissance. Habitué
Messages : 199 Date d'inscription : 02/01/2012 Age : 29
Fiche de présentation Cercle: (165/200) Classe: Sacrieur
| Sujet: Re: La Gazette d'Amakna Sam 23 Mar - 17:05 | |
| J'en utilise un à la fac ! Dès que j'aurai le nom je te le communique | |
|
| |
Ulti gdqsgbsqf
Messages : 660 Date d'inscription : 18/09/2012 Age : 1371 Localisation : Taverne, Bonta, Feubuk, Routine
Fiche de présentation Cercle: (187/200) Classe: Crà
| Sujet: Re: La Gazette d'Amakna Dim 24 Mar - 11:38 | |
| Bah je serai rédacteur, alors. | |
|
| |
Atsuko KEUPIN !
Messages : 279 Date d'inscription : 19/05/2012
Fiche de présentation Cercle: (146/200) Classe: Ecaflip
| Sujet: Re: La Gazette d'Amakna Dim 24 Mar - 11:54 | |
| Sans moi enfaite pas assez de temps ! | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Lun 25 Mar - 18:13 | |
| Je prépare un premier jet de page d'acceuil. Je poste le tout dès que le boulot est fini On pourra commencer à bosser dessus après. | |
|
| |
Shinrae, Renaissance. Habitué
Messages : 199 Date d'inscription : 02/01/2012 Age : 29
Fiche de présentation Cercle: (165/200) Classe: Sacrieur
| Sujet: Re: La Gazette d'Amakna Lun 25 Mar - 18:41 | |
| Voilà Poh ! j'ai retrouvé le site que je cherchais : http://jsfiddle.net/
je te laisse regarder un peu cette interface très pratique. | |
|
| |
Kiproko Habitué
Messages : 172 Date d'inscription : 17/10/2012 Localisation : Île de Nowel.
Fiche de présentation Cercle: (184/200) Classe: Iop
| Sujet: Re: La Gazette d'Amakna Mar 26 Mar - 20:23 | |
| Je peux faire du graphisme du genre des bannières etc... mais déjà il faut que je réinstalle PhotoShop sur mon new PC | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Mar 26 Mar - 20:24 | |
|
Dernière édition par Poh le Mer 27 Mar - 16:22, édité 1 fois | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Mar 26 Mar - 20:24 | |
| GENIAL ! Une bannière, c'est ce qu'il nous faut | |
|
| |
Kiproko Habitué
Messages : 172 Date d'inscription : 17/10/2012 Localisation : Île de Nowel.
Fiche de présentation Cercle: (184/200) Classe: Iop
| Sujet: Re: La Gazette d'Amakna Mer 27 Mar - 13:14 | |
| Dimensions ? | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Mer 27 Mar - 16:22 | |
| Les dimensions : 1000 x 250 pixels Fais la bannière comme tu veux, j'adapaterai le site en fonction. Oubliez tout ce que j'ai fait avant, c'est n'importequoi... On va commencer déjà par établir le plan du site. Est ce que ce schéma vous convient ? Si non, proposez des améliorations ^^ Premier point : le MENU. - Quels lien mettre dedans ? - Faut il que je crée un menu déroulant au passage de la souris (qui proposera donc des sous-rubriques^^) - Du coup, faut-il laisser le sous-menu ? Si vous avez un avis, je suis preneur... sinon je ferais tout tout seul, pas grave ^^ | |
|
| |
Kiproko Habitué
Messages : 172 Date d'inscription : 17/10/2012 Localisation : Île de Nowel.
Fiche de présentation Cercle: (184/200) Classe: Iop
| Sujet: Re: La Gazette d'Amakna Mer 27 Mar - 17:48 | |
| Je suis ok pour ça, mais je pense qu'il faudrait en parler (équipe technique) sur Skype.
Sinon: -Espace membre ? -NDD ?
| |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Mer 27 Mar - 19:13 | |
| Ok il faudra prévoir un créneau alors ^^
- Espace membre : il va falloir le gérer avec un systeme de gestion de base de données (de préférence MySQL). Je ne maîtrise pas encore l'engin, ça sera l'affaire d'un bon mois.
- Nom de domaine : on le cherchera quand toute la construction du site sera nickel. Et ça va nous coûter quelques euros. Mais bon, c'est pas très cher non plus... Au pire si le rendu final du site me plaît vraiment et qu'on trouve des gens motivés pour le faire tourner, je paierai tous les frais ^^
Sur ce, bon courage pour la bannière (t'inquiètes t'as le temps ^^)
| |
|
| |
Kiproko Habitué
Messages : 172 Date d'inscription : 17/10/2012 Localisation : Île de Nowel.
Fiche de présentation Cercle: (184/200) Classe: Iop
| Sujet: Re: La Gazette d'Amakna Mer 27 Mar - 19:42 | |
| Je connais un hébergeur avec NDD gratos: http://www.one.com/fr/ | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Mer 27 Mar - 19:44 | |
| Mais c'est parfait tout ça ! Donc par contre on est fixés : il faudra coder que en PHP + MySQL si on veut héberger dessus (d'un côté, c'est pas plus mal ) | |
|
| |
Shinrae, Renaissance. Habitué
Messages : 199 Date d'inscription : 02/01/2012 Age : 29
Fiche de présentation Cercle: (165/200) Classe: Sacrieur
| Sujet: Re: La Gazette d'Amakna Mer 27 Mar - 22:57 | |
| Je veux bien qu'on en parle sur Skype, même si j'aime pas particulièrement parler de vive voix. Je pourrai essayer de faire un effort. Pour la page principale du site c'est très bien. Je commence à apprendre le MySQL | |
|
| |
Kiproko Habitué
Messages : 172 Date d'inscription : 17/10/2012 Localisation : Île de Nowel.
Fiche de présentation Cercle: (184/200) Classe: Iop
| Sujet: Re: La Gazette d'Amakna Jeu 28 Mar - 16:13 | |
| Là niveau codage je ne peut pas trop faire grand chose :s Je connais le HTML5 et un petit peu le CSS3, mais je ne suis qu'au collège (j'suis petit :p).
J'essaye de retrouver le crack de photoshop qui était sur mon ancien PC.
MON SKYPE: SundayCraft | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Jeu 28 Mar - 17:03 | |
| Oui, t'inquiètes pas, je m'en occupe et peut être Shinrae aussi Pour Skype, j'ai pété mon micro il y a une semaine, donc faut que j'en rachete un (grrr)... Mais bon j'écrirais au clavier en temps réel ça sera toujours mieux que rien:/ (ou peut etre que d'ici là j'aurais un nouveau micro ) MON SKYPE : eagleflo ou Florian Leprêtre, je sais plus x) Si tu veux j'ai un keygen pour photoshop 5 (au cas où tu retrouves pas) | |
|
| |
Kiproko Habitué
Messages : 172 Date d'inscription : 17/10/2012 Localisation : Île de Nowel.
Fiche de présentation Cercle: (184/200) Classe: Iop
| Sujet: Re: La Gazette d'Amakna Jeu 28 Mar - 17:10 | |
| Je viens de réinstaller PhotoShop CS5 sur mon nouveau PC. Et parler en instantané même si c'est pas par oral, c'est super aussi | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Ven 29 Mar - 20:19 | |
| Le MENU CONNEXION est terminé ! J'ai fait un ptit truc dynamique ^^ JSFiddle est super, mais il ne supporte malheuresement pas ma page (ou alors j'ai mal cherché)
ATTENTION : Si vous voulez tester chez vous, utilisez un navigateur récent comme Chrome, Mozilla Firefox ou IE-9 (ou supérieur). Ma page n'est pas encore optimisée pour les anciens navigateurs. Ne fonctionne pas non plus sur Opera (je peux le faire si nécessaire)Si vous voulez tester chez vous le rendu. - Créez un dossier du nom de votre choix - Ouvrez le bloc-notes (Menu Démarrer > Ecrivez : "notepad" > Ouvrez Bloc-Notes) - Faites "Enregistrer-sous" et enregistrez trois fichiers PRECISEMMENT sous ces noms (enregistrez dans le dosser créé) menu.html gazette_menu.css menu_cache.js Ouvrez menu.html et copiez / collez ceci : - Citation :
- <!DOCTYPE html>
<html> <head> <meta charset="utf-8"/> <link rel="stylesheet" href="gazette_menu.css"/> <title>La Gazette d'Amakna</title> </head> <body> <div id="connexion"> <div id="logo_connexion" alt="logo"></div> <h1 title="Par les joueurs, pour les joueurs.">La Gazette d'Amakna</h1> <ul> <li><a id="click" href="#">Se connecter</a></li> <li><a href="#">Créer un compte</a></li> </ul> </div> <div id="se_connecter"> <section id="formulaire"> <form method="post" action="bidon.php"> <label for="ndc">Nom de compte</label><input type="text" id="ndc" name="ndc" size="30px"/> <label for="mdp">Mot de passe</label><input type="password" id="mdp" name="mdp" size="30px"/> </form> <p><a id="top" href="#">Mot de passe oublié ?</a> <a href="#">Créer un compte.</a></p> </section> </div> <div id="cache"> </div> </body> <script src="menu_cache.js"></script> </html> Ouvrez gazette_menu.css et copiez / collez ceci : (c'est écrit en mode gros bourrin, si vous voulez le code plus lisible je peux l'envoyer en MP, ca prend trop de place sinon) - Citation :
- body { margin:0; padding:0; } /* Format Page */ #page { width:1000px; margin:auto; margin-top:40px; } /* Espace connexion */ #connexion { position:fixed; top:0; left:0; z-index:3; width:100%; min-width:1000px; height:40px; background:rgb(58,54,49); color:white; font-family:Arial, sans-serif; box-shadow:0px 4px 4px #413F3D; } #connexion #logo_connexion { vertical-align:top; display:inline-block; width:40px; height:40px; background: url("img/logo_connexion.png") no-repeat; } #connexion h1 { font-weight:bold; font-size:1em; display:inline-block; font-size:1em; text-shadow:1px 1px 1px black; } #connexion ul { position:absolute; top:0; right:0; height:40px; list-style-type:none; display:inline-block; color:white; margin:0 60px 0 0; padding:0; } #connexion li { display:inline-block; } #connexion a { display:inline-block; width:150px; height:28px; padding-top:12px; text-align:center; color:white; text-decoration:none; font-size:0.9em; text-shadow:1px 1px 1px black; -webkit-transition: color 0.3s ease-in; -webkit-transition: background 0.3s ease-in; -moz-transition:color 0.3s ease-in; -moz-transition:background 0.3s ease-in; transition:background 0.3s ease-in; } #connexion a:hover { background: #E6E6E6; color: rgb(58,54,49); } /* Se connecter */ #se_connecter { position:absolute; z-index:3; top:40px; -webkit-transition: top 0.3s ease-in; -moz-transition:top 0.3s ease-in; transition:top 0.3s ease-in; right:94px; top:-250px; width:250px; margin:0; padding:10px; background:#E6E6E6; box-shadow:2px 2px 3px #413F3D; border-radius: 0 10px 10px 10px; font-family:Arial, sans-serif; font-size:0.9em; } #se_connecter p, #se_connecter label, #se_connecter a { display:block; } #se_connecter label { padding-top:10px; margin-bottom:7px; color:rgb(58,54,49); border-bottom:#585858 1px dotted; } #se_connecter input { border-radius:5px; border: 1px solid #585858; color:white; box-shadow:none; background:rgb(58,54,49); height:20px; margin:3px 0 7px 0; } #se_connecter a { color:#585858; text-decoration:none; margin-bottom:5px; } #se_connecter #top { border-top: #585858 dotted 1px; padding-top:7px; } #se_connecter a:hover { text-decoration:underline; } /* Cache */ #cache { position:absolute; top:40px; z-index:-1; -webkit-transition: background .3s ease-in; -moz-transition:background .3s ease-in; transition:background .3s ease-in; margin:0; width:100%; height:100%; }
Ouvez menu_cache.js et copiez / collez ceci : - Citation :
- var clique = document.getElementById('click');
var cache = document.getElementById('cache'); var connect = document.getElementById('se_connecter');
click.onclick = function(){ cache.style.background = 'rgba(58,54,49,0.5)'; cache.style.zIndex = '2'; clique.style.background = '#E6E6E6'; clique.style.color = 'rgb(58,54,49)'; clique.style.textShadow = 'none'; clique.style.border = 'none'; se_connecter.style.top = '40px'; };
cache.onclick = function(){ cache.style.background = 'none'; clique.style.color = 'white'; clique.style.textShadow = '1px 1px 1px black'; clique.style.background = 'none'; se_connecter.style.top = '-250px'; }; Ouvrez menu.html avec votre navigateur préféré Si vous avez testé, dites moi si tout fonctionne bien et si vous avez quelques améliorations à apporter. | |
|
| |
Shinrae, Renaissance. Habitué
Messages : 199 Date d'inscription : 02/01/2012 Age : 29
Fiche de présentation Cercle: (165/200) Classe: Sacrieur
| Sujet: Re: La Gazette d'Amakna Sam 30 Mar - 10:11 | |
| Voilà ce que je vois quand j'ai essayé : | |
|
| |
Poh Blablateur
Messages : 55 Date d'inscription : 03/07/2012 Age : 29 Localisation : Dans une taverne...
Fiche de présentation Cercle: (104/200) Classe: Pandawa
| Sujet: Re: La Gazette d'Amakna Sam 30 Mar - 10:42 | |
| Voici le fonctionnement normal. 1) C'est normal que vous n'ayez pas la petite image que j'ai à côté de "La gazette d'Amakna", elle n'est enregistrée que sur mon ordinateur. 2) Je suis sous Chrome aussi et pourtant le 'é' s'affiche correctement... étrange ^^ Pourtant le code est bon. Essaye peut-être de vider le cache, ou bien lance cette page en navigation privée (mais pas sur que ca marche mieux) 3) As tu essayé de cliquer sur les liens pour voir leur réaction (si le script s’exécute normalement, tu dois voir un petit menu apparaître comme sur mon screen) | |
|
| |
Shinrae, Renaissance. Habitué
Messages : 199 Date d'inscription : 02/01/2012 Age : 29
Fiche de présentation Cercle: (165/200) Classe: Sacrieur
| Sujet: Re: La Gazette d'Amakna Sam 30 Mar - 11:08 | |
| Oui ça fait comme sur ton écran quand j'appuie sur le bouton se connecté pas de soucis à ce niveau là, juste les "é" | |
|
| |
Contenu sponsorisé
| Sujet: Re: La Gazette d'Amakna | |
| |
|
| |
| La Gazette d'Amakna | |
|