• STATISTIQUES
  • Il y a eu un total de 0 membres et 33557 visiteurs sur le site dans les dernières 24h pour un total de 33 557 personnes!
    Membres: 2 605
    Discussions: 3 579
    Messages: 32 816
    Tutoriels: 78
    Téléchargements: 38
    Sites dans l'annuaire: 58


  • ANNUAIRE
  • [EN] Rankk
    Site de challenge construit sur le principe d'une pyramide à 9 level. Level 1: 60,Level 2: 72,Level 3: 68,Lev...
    Challenges
    [EN] Astalavista
    JavaScript: 1, Exploit: 2, Crypto: 34, CrackIt: 15, Stegano: 8, Programming: 12, Logic: 36, Special: 6, Science: 4, Info...
    Challenges
    [FR] WeChall
    Audio: 3, Coding: 11, Cracking: 9, Crypto: 18, Encoding: 11, Exploit: 44, Forensics: 1, Fun: 6, HTTP: 6, Image: 8, Java:...
    Challenges
    [FR] Microcontest
    Cryptographie: 7, Mathématiques: 8, Image Son Vidéo: 5, Intelligence artificielle: 3, Réseau: 2, Divers: 7, Phy...
    Challenges
    [EN] social-engineer
    Site dédié au Social Engineering en général.
    Hacking
    [FR] InfoMirmo
    Apprentissage de l'informatique par l'intermédiaire de challenges de sécurité. Venez app...
    Hacking
    [EN] Framework Metasploit
    Le Framework Metasploit est un logiciel gratuit, open source de tests de pénétration développ&ea...
    Vulnérabilités

  • DONATION
  • Si vous avez trouvé ce site internet utile, nous vous invitons à nous faire un don du montant de votre choix via Paypal. Ce don servira à financer notre hébergement.

    MERCI!




Note de ce sujet :
  • Moyenne : 0 (0 vote(s))
  • 1
  • 2
  • 3
  • 4
  • 5
PN en dev
09-07-2011, 03h41 (Modification du message : 18-11-2012, 18h21 par supersnail.)
Message : #6
CyberSee Hors ligne
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=&quot;url(images/menu_2_on.jpg)&quot;" onmouseout="style.backgroundImage=&quot;url(images/menu_2_off.jpg)&quot;">

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{
cursor:pointer;
cursor: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
    
// On va chercher la liste de forum qu'il ya dans la section tutoriel
    
$select1 mysql_query("SELECT * FROM forum where parentid='103' order by displayorder asc") or die(mysql_error());
    while (
$forum mysql_fetch_array($select1)) {
    print (
$forum[title].'<br>');        
    }
?>

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
    $forum 
mysql_fetch_array(mysql_query("SELECT * FROM forum where forumid='$_GET[catid]'"));
    
$select2 mysql_query("SELECT * FROM $table where forumid='$forum[forumid]' order by threadid desc limit $offset$nombre_par_page") or die(mysql_error());
    while (
$tuto mysql_fetch_array($select2)) {
     
// [...]   
    
}
?>

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
require_once('./includes/class_bbcode.php');
$parser = new vB_BbCodeParser($vbulletinfetch_tag_list());
$text $parser->parse($tutoriel[pagetext]);
print 
$text;
?>

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 :-)
+1 (0) -1 (0)


Messages dans ce sujet
PN en dev - par CyberSee - 06-06-2011, 16h22
PN en dev - par flashmates - 06-06-2011, 21h52
PN en dev - par CyberSee - 07-06-2011, 03h42
PN en dev - par CyberSee - 28-06-2011, 18h07
PN en dev - par Spyke - 28-06-2011, 20h41
PN en dev - par CyberSee - 09-07-2011, 03h41

Atteindre :


Utilisateur(s) parcourant ce sujet : 1 visiteur(s)
N-PN
Accueil | Challenges | Tutoriels | Téléchargements | Forum | Retourner en haut