News Accueil

Terrible

Libre-service de codages pour vos forums


Page d'accueil

par piou le le Mar 17 Avr - 16:17
Hey !

Voici donc, en théorie, si tout va bien, la dernière commande pour le forum Seuls & Perdus.

Commande de codage



Élément à coder : Page d'accueil
Adresse du forum : http://seuls-perdus.forumactif.com/
Version du forum : phpBB2

Décrire un peu le code souhaité, son apparence, ses couleurs, etc.
Schéma : https://image.noelshack.com/fichiers/2018/16/2/1523974307-pa.png
Taille des éléments : La taille du forum est de 800px
Ressources : Les couleurs : gris claire #f2f2f2 ; le vert #115363. L'image de la carte : https://image.noelshack.com/fichiers/2018/16/2/1523974302-carte.png (d'ailleurs si tu peux pré-coder pour un lien dessus).
Pour la typo, sur le schéma c'est de l'arial, mais sur le code tu peux mettre Source Sans Pro.

Autres précisions : Bah euh pas grand chose de plus à dire à part un énorme MERCI :D
Acceptez-vous que votre commande aille dans le LS ? : Comme pour toutes mes commandes c'est un oui :)


Et juste parce que j'avais envie de t'envoyer plein d'amour ♥️
par Awful le le Mar 17 Avr - 16:55
Rebonjour Piou !
Schéma très simple, je ne devrais pas en avoir pour longtemps c:

L'image de la carte : https://image.noelshack.com/fichiers/2018/16/2/1523974302-carte.png (d'ailleurs si tu peux pré-coder pour un lien dessus)
Je t'avoue que je ne comprends pas trop ce que tu veux dire par là ! :v

par piou le le Mar 17 Avr - 17:11
Oui ce n'est pas très compliqué comme schéma, mais bon j'ai pas encore les compétences pour coder ça Cry forever

C'était juste mettre un lien sur l'image, pour que quand les gens clique dessus, il puisse voir en entier la carte de la ville (quand je l'aurais faite...)
par Awful le le Mer 18 Avr - 15:50
Voilà où j'en suis, du coup, est-ce que ça te va ?
http://terrible-commandes.forumactif.com/
par piou le le Mer 18 Avr - 16:26
Hey :)

ça nous semble tout bon !
par Awful le le Jeu 19 Avr - 10:10
Okay cool !
Voici les codes :

Code:
<!doctype html>
<html lang="fr">

<head>
    <meta charset="utf-8">
    <title>PA Piou</title>
    <style>
    @import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900);
    body {
        margin: 0;
    }
    #pa {
      width: 800px;
      height: 430px;
      background: #f2f2f2;
      display: flex;
      font-family: "Source Sans pro", sans-serif;
    }
    #pa > div  {
      padding: 15px;
      position: relative;
      max-width: calc(100% / 3);
          min-width: calc(100% / 3);
          box-sizing: border-box;
    }
    #pa > div::after {
      content: "";
      height: 350px;
      width: 1px;
      background: #115363;
      position: absolute;
      right: 0;
      top: 80px;
    }
    #pa > div:last-child::after {
      display: none;
    }
    #pa h2 {
      margin: 0 0 10px;
      padding: 5px 10px;
      background: #115363;
      color: #fff;
      text-transform: uppercase;
      text-align: center;
      font-size: 15px;
    }
    #pa > div p {
      text-align: justify;
      font-size: 11px;
          height: 380px;
        overflow: auto;
        padding-right: 8px;
    }
    </style>
</head>

<body>
    <div id="pa">
        <div>
            <h2>
                Résumé des événements
            </h2>
            <p>
                Aucun événement pour l'instant, ouverture du forum
            </p>
        </div>
        <div>
            <h2>
                Informations du forum
            </h2>
            <p>
                <b>14/05/2018</b> - Ouverture du forum
            </p>
        </div>
        <div>
            <h2>
                Carte de la ville
            </h2>
            <a href="#" target="_blank"><img src="https://image.noelshack.com/fichiers/2018/16/2/1523974302-carte.png"></a>
        </div>
    </div>
</body>

</html>

Personnellement ce que je fais toujours, c'est que je crée une page HTML, j'y mets mon code et je mets une iframe dans le message d'accueil :
Code:
<iframe frameborder="0" style="width: 800px; height: 430px;" src="TON URL" scrolling="no"></iframe>
par piou le le Sam 21 Avr - 14:38
C'est tout bon :D Merci à toi !
Bon par contre on s'est rendu compte que ça faisait un peu long sur le design la hauteur, donc je me suis permise de la rétrécir.

Et du coup, commande terminée :D tu peux archiver !
par piou le le Sam 21 Avr - 14:50
Alors oui nan j'ai encore parlé trop vite x)

Il y a un problème avec l'image qui déborde et qui semble coupée...
par Contenu sponsorisé le