WampServer

Apache, PHP, MySQL on Windows 

 
  • Accueil forum
  • Retour à WampServer
  • presentation
  • Download
  • Addons
  • Formations
  • Alter Way

 
Voir le sujet: Précédent•Suivant
Aller à : Liste des Forums•Liste des messages•Nouvelle discussion•Recherche•Connexion•Imprimer la vue
Interface graphique du site de wampserver
Envoyé par: Theder (156.0.212.---)
Date: 13 June 2020 à 16:07

Bonsoir à tous, j'espère que vous vous portez bien, moi si.
Je voudrais savoir comment a été conçu l'interface graphique du site de wampserver.
Je parle précisément des parties qui ressemble à des coups de peintures.

Options: Répondre•Citer ce Message
Re: Interface graphique du site de wampserver
Envoyé par: Otomatic (Modérateur)
Date: 13 June 2020 à 17:11

Bonjour,

Il faut utiliser un “inspecteur”, par exemple celui de Firefox (F12) et regarder comment est conçue la page.
Par exemple, pour le “coup de pinceau” téléchargement de Wampserver 64 bit, c'est :
<div class="btn-download left">
<a class="fancylink dl" href="#wampserver-64-bits-php-5-6-25-php-7" title="Télécharger WampServer 64 bits (x64) 3.2.0"> WampServer 64 bits (x64) 3.2.0</a>

Et, le code css pour le lien a de class dl dans btn-download c'est :
.btn-download a.dl {
    background: url(../img/btn-dl.png) 0 0 no-repeat;
    font-size: 17px;
    color: #212121;
    width: 411px;
    height: 58px;
    line-height: 58px;
    display: block;
    text-transform: uppercase;
    font-weight: bold;
    padding-left: 22px;
    margin-bottom: 5px;
}
Et, l'image btn-dl.png, c'est


Je tiens à préciser que je n'ai absolument pas accès au code source de la page 'https://www.wampserver.com/' et que tout ce qui précède a été effectué uniquement avec l'inspecteur de Firefox (F12 sous Windows) comme vous auriez pu le faire vous-même.

---------------------------------------------------------------
Documentation Apache - Documentation PHP - Documentation MySQL - Wampserver install files & addons

Options: Répondre•Citer ce Message
Re: Interface graphique du site de wampserver
Envoyé par: Theder (156.0.212.---)
Date: 13 June 2020 à 22:37

Merci à toi Otomatic. Je vais commencer à utiliser l'inspecteur aussi.

Options: Répondre•Citer ce Message


Aller à : Liste des Forums•Liste des messages•Recherche•Connexion
Désolé, seuls les utilisateurs connectés peuvent envoyer des messages dans ce forum.
Cliquer ici pour se connecter

design by jidePowered by Alter Way get firefoxget PHP