Jump to content

bekhan

Membre
  • Content Count

    2
  • Joined

  • Last visited

Community Reputation

0 Neutre

Contact Methods

  • Website URL
    www.redstarpeak.com
  • Skype
    bekhan

Profile Information

  • Genre
    Homme
  • Localisation
    Belgique
  • Société
    RedStarPeak
  1. Hello, Je rejoins l’avis de PotatoesJunky, si tu utilise WordPress il y a énormément de plugins payants/gratuits qui te permettent de réaliser ce genre de "briques". Mais si tu souhaites vraiment le faire par HTML/CSS, voici un petit aperçu, tu pourras te baser dessus : La partie HTML : <!DOCTYPE html> <html> <head> <title>Ma page</title> </head> <body> <div class="background"> <div class="container"> <div class="block1"> Texte du block 1 </div> <div class="block2"> Texte du block 2 </div> <div class="block3"> Texte du block 3 </div> </div> </div> </body> </html> La partie CSS : body {background-color: #000000;} .background {height: 250px; width: 100%; background-color: #FF0000;} .container {margin: auto; width: 50%; padding-top: 150px;} .block1 {height: 150px; width: 150px; background-color: #FFFFFF; float: left; margin-right: 15px;} .block2 {height: 150px; width: 150px; background-color: #FFFFFF; float: left;margin-right: 15px;} .block3 {height: 150px; width: 150px; background-color: #FFFFFF; float: left;margin-right: 15px;} Ou alors, si ton site utilise la bibliothèque Bootstrap c'est encore plus simple, il suffit juste de modifier le style (couleur et compagnie) en rajoutant un class dans chaque div : <div class="col-md-12"> <!-- et tu mets le style que tu veux --> <div class="col-md-4"> Block 1 </div> <div class="col-md-4"> Block 2 </div> <div class="col-md-4"> Block 3 </div> </div>
  2. Bonjour, Je suis un passionné du web depuis mes 12 ans, c'est comme un hobby. J'ai été webmaster dans une grosse boite avant de changer de job, actuellement développeur RPA. Autodidacte à 1000%, de formation je suis juriste Voilà voilà !
×
×
  • Create New...