AccueilDernières imagesRechercherS'enregistrerConnexion

Forum de graphisme, codage et game design proposant des tutoriels, astuces, libres services et commandes dans les domaines de l'infographie amateur, de l'intégration web (HTML et CSS essentiellement) ainsi que dans la conception de RPG sur forum.

Le Deal du moment :
Aliexpress : codes promo valables sur tout le site
Voir le deal

    [résolu]Demande code page d'accueil en 4 blocs

    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Sam 24 Juin 2017 - 0:50

    Rappel du premier message :

    Code page d'accueil en 4 blocs



    Bonjour à tous, je souhaite changer ma page d'accueil pour dynamiser mon forum. Ma page d'accueil actuelle est superbe mais je préfère ajouter plus d'informations que sur la précédente. L'idée serait d'afficher 4 blocs de même taille avec un bloc n°1 pour afficher une vidéo YouTube, un bloc n°2 pour des miniatures + descriptions et titres, un bloc n°3 en dessous pour une vidéo YouTube et enfin le dernier bloc n°4 pour y coller des informations importantes du forum.


    Schéma(s) et Eléments


    Schémas : https://i.servimg.com/u/f58/17/84/80/30/110.jpg / https://i.servimg.com/u/f58/17/84/80/30/210.jpg


    Tailles des éléments : C'est à régler mais les vidéos ce sera certainement 450px par 350 px et les miniatures je vais dire 120px par 50 px mais ça va être à ajuster obligatoirement.
    Effets voulus : Le même effet sur les liens comme sur mon forum actuel c'est à dire couleur du texte noir, titre en gras, lien bleu et qui devient rouge au passage du curseur dessus.
    Version de votre forum : ModernBB


    Ressources


    Le fond des cadres des titres doivent être en rouge, soit à régler avec une couleur soit avec une image que je peux fournir si besoin mais ce n'est pas prioritaire.


    Autres précisions ?


    Contrairement à mon code actuel je recherche cette fois-ci un code qui utilisera toutes la largeur de ma page d'accueil et bien dans le cadre. Il sera possible de régler la taille des deux grosses vidéos et des miniatures.




    Merci d'avance si un codeur passe par ici, je tiens à préciser que je suis toujours prêt pour mettre un lien vers votre site dans ce code redirigeant soit ici soit sur le site du codeur. Je peux également ajouter s'il le faut un lien never-utopia en bas de mon forum en guise de remerciement.

    J'ai été très satisfait de ma dernière demande de code, je sais que le travail est de bonne qualité et que ça prend un temps fou de réaliser tout ça.

    Voilà le lien de mon forum: http://www.entraide-youtubers.com/

    Bonne soirée à tous Wink


    Dernière édition par Solid6Snake le Dim 17 Déc 2017 - 19:28, édité 4 fois
    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Mar 21 Nov 2017 - 8:08

    Up
    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Sam 25 Nov 2017 - 20:14

    Up
    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Mer 29 Nov 2017 - 18:06

    Up
    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Dim 3 Déc 2017 - 10:09

    Voilà plus de 5 mois que j'ai fais cette demande de codage de PA et je n'ai plus de nouvelle de kanala est-ce que vous savez si ce codeur est toujours actif sur N-U?

    Ce sera classe de démarrer 2018 avec une nouvelle page d'accueil ça ferait du bien au forum.

    Merci d'avance :)
    Kanala
    Kanala
    FémininAge : 35Messages : 34

    Mar 5 Déc 2017 - 12:33

    Désolée pour l'absence de réponse, je n'avais pas vu les mps :O

    Le code html

    Code:
    <center>
              
       <table>
                 
          <tbody>
                    
             <tr>
                       
                <td>
                          
                   <div class="PaCase">
                             
                      <div class="PaTitre1">
                           La sélection à l'honneur   
                      </div>
                          Blabla blabla blaba ici pour le reste     
                   </div>
                          
                </td>
                       
                <td>
                          
                   <div class="PaCase">
                             
                      <div class="PaTitre2">
                           Nos coups de coeur   
                      </div>
                             
                      <div class="PaCDC">
                             <img src="lien ici" class="Paimg" />Titre<br />Description   
                      </div>
                             
                      <div class="PaCDC">
                             <img src="lien ici" class="Paimg" />Titre<br />Description   
                      </div>
                                <img src="lien ici" class="Paimg" />Titre<br />Description         
                   </div>
                          
                </td>
                       
             </tr>
                    
             <tr>
                       
                <td>
                          
                   <div class="PaCase">
                             
                      <div class="PaTitre1">
                           La sélection à l'index   
                      </div>
                          Blabla blabla blaba ici pour le reste     
                   </div>
                          
                </td>
                       
                <td>
                          
                   <div class="PaCase">
                             
                      <div class="PaTitre2">
                           Annonces et sujets importants   
                      </div>
                             
                      <div class="PaAn">
                               Annonce 1   
                      </div>
                             
                      <div class="PaAn">
                               Annonce 2   
                      </div>
                             
                      <div class="PaAn">
                               Annonce 3   
                      </div>
                             
                      <div class="PaAn">
                               Annonce 4   
                      </div>
                                  Annonce 5         
                   </div>
                          
                </td>
                       
             </tr>
                    
          </tbody>
                 
       </table>
    </center>
     

    Et le code css

    Code:
    .PaCase{
    width: 439px;
    height: 292px;
    border: 1px solid #000;}

    .PaTitre1{
    width: 439px;
    height: 30px;
    padding-top:15px;
    background-color: #f62a29;
    text-align:center;
    font-size: 16px;
    border: 1px solid #000;
    margin-top:-1px;
    margin-left:-1px;}

    .PaTitre2{
    width: 439px;
    height: 30px;
    padding-top:15px;
    background-color: #ff3838;
    text-align:center;
    font-size: 16px;
    border: 1px solid #000;
    margin-top:-1px;
    margin-left:-1px;}

    .Paimg{
    width: 115px;
    height: 65px;
    float: left;}

    .PaCDC{
    width: 439px;
    height: 81px;
    border-bottom: 1px solid #000;}

    .PaAn{
    width: 439px;
    height: 49px;
    border-bottom: 1px solid #000;}



    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Mer 13 Déc 2017 - 8:00

    Bonjour kanala ^^

    Merci d'être disponible pour le code.

    Je vais regarder tout ça dans la journée et je repasse ici Wink
    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Mer 13 Déc 2017 - 14:10

    Voilà j'ai installé ce qu'il faut dedans.

    http://entraide-youtubers.forumactif.org/

    C'est ce que je souhaitais.

    Petite question: Je constate que sur le cadre extérieur sur la droite les 6 lignes intérieurs dépassent du cadre il y a moyen d'arranger ça?

    Que ça ne dépasse plus.

    A part ça tout est parfait !
    Koray Allister
    Koray Allister
    MasculinAge : 28Messages : 71

    Ven 15 Déc 2017 - 16:08

    Un screen du cadre en question, quand je vais voir le résultat, tout me parait niquel ?



    Avatar par Aredx
    Solid6Snake
    Solid6Snake
    MasculinAge : 40Messages : 146

    Sam 16 Déc 2017 - 20:38

    Autant pour moi c'était seulement un micro réglage px sur la largeur du cadre.

    Mon Forum: http://www.entraide-youtubers.com/

    Bon et bien tout est parfait de mon côté Kanala franchement un grand merci à vous.

    :star:
    Contenu sponsorisé


      La date/heure actuelle est Jeu 28 Mar 2024 - 16:56