PN en dev
|
09-07-2011, 03h41
(Modification du message : 18-11-2012, 18h21 par supersnail.)
Message : #6
|
|
CyberSee
Admin fondateur de N-PN Messages : 1,721 Sujets : 287 Points: 157 Inscription : Jan 2012 |
PN en dev
Afin de vous mettre au parfum sur le développement du site, le template que je vous ais montrer a été accepter par l'équipe et découper. Ce que je veux dire par le terme "découpage" c'est que le PSD du template a été couper et la structure HTML/CSS monter de façon a ce que le template soit reproduit selon ce que la graphiste a créé.
Je dois avoué que le résultat est pas mal plus beau que ce que j'étais partie pour fabriquer lol chacun sont métier comme on dit hehe Au cas ou vous vous demandez comme j'ai fait le roll over sur les menus, voici l'explication: J'ai simplement ajouté l'attribut onmouseover onmouseout sur la balise td en ajoutant un onclick pour permettre un clic sur toute la surface comme ceci: Code : <td id="hand" OnClick="location.href='index.php?mod=service';" class="button_menu" onmouseover="style.backgroundImage="url(images/menu_2_on.jpg)"" onmouseout="style.backgroundImage="url(images/menu_2_off.jpg)""> Le id="hand" permet d'avoir la main comme curseur quand on survol le menu parce que puisque le lien est appliqué avec un onclick le navigateur ne transmet pas l'instruction de la main comme il serait censé le faire. Cette id est donc accompagner d'un CSS qui permet d'effectuer l'opération. (À prendre note que cette opération ne fonctionne pas avec les class) Code : #hand{ Il aurait été possible de le faire aussi entièrement en CSS en utilisant la fonction :hover ... (En faite j'aurais due lol le code aurais été plus petit) La section tutoriel du site est pratiquement terminée. J'ai opté pour une approche plus simplistique. Puisque les tutoriels sont déjà postés sur le site, il était inutile pour moi de créer une interface de gestion. J'ai donc simplement utilisé les forums comme des catégories et les premiers messages comme des tutoriels. Pour aller chercher les noms de catégorie, j'ai simplement effectué l'opération suivante: Code PHP : <?php Le parentid='103' est égal à la catégorie tutoriel dans lequel se trouvent tous les forums. Il suffisait donc de looper ceux qui possède donc ce parentid afin dans obtonir la liste. Pour récupérer les tutoriels, j'ai dû interroger la base de données de façon à obtonir seulement que le premier message de chaque sujet. Code PHP : <?php Le plus dure avec cette approche a été d'extensionner le système de compréhension du BBCode de sorte a ce qu'il soit correctement parser. Code PHP : <?php J'ai eu du mal a comprendre le système alors je suis bien contant de vous le partager au cas ou d'autre ce demanderais comment faire. J'ai l'intention d'ajouter un système de recherche, mais pas avant que la beta soit redu public :-) |
|
« Sujet précédent | Sujet suivant »
|
Messages dans ce sujet |
PN en dev - par flashmates - 06-06-2011, 21h52
PN en dev - par CyberSee - 09-07-2011, 03h41
|
Utilisateur(s) parcourant ce sujet : 1 visiteur(s)