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 : -25%
PC Portable Gamer 16,1” HP Victus 16 – 16 ...
Voir le deal
749.99 €

    (HALLOW) Codage Categories | Commande |

    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Mar 16 Juil 2013 - 14:19

    Rappel du premier message :

    Hello,
    Et bien je viens a vous demander un codage de categorie pour le le forum d'une amie ^_^
    Commande
    Elément à coder : Bah une catégorie avec une image en haut de chaque catégorie u_u
    Adresse du forum : Par ici ! Allez Clic c'est magique !
    Description du résultat voulu : Et bien tout simplement je vous mettrais un schéma tout en espérant qu'il soit assez clair.
    Clici ici !:
    Couleurs ou tons : Et bien je pourrais m'en charger d'ajouter les couleur dans les tons du forum alors faites comme bon vous semble ^_^
    Images : Aucune image - la aussi je peux m'en charger mais pour vous aider vous pouvez utiliser cette image pour les hauts de catégorie!
    Clic par la !:
    Autres précisions : Et bien je ne pense pas qu'il y ait autre chose a dire :$ Sauf un grand merci a la personne qui me prendra a charge pour s'occuper de ma commande :gentleman: 
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 18:43

    Ah donc c’était cote templates alors ^_^
    Sinon serais-ce possible de séparer chaque catégorie l'une de l'autre et d'arrondir le bas ? Enfin l'arrondissement de l'image fait en sorte de laisser un mini vide qui fait moche :$ *desolee c'est mon cote perfectionniste je sais je suis maudite*
    Spoiler:
    Anonymous
    Invité

    Lun 22 Juil 2013 - 19:38

    Comme je viens de le faire sur le forum test ? Par contre je comprends pas pourquoi chez toi c'est collé ><
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 19:42

    Oui ^_^ Enfin pour l'arrondissement ça va mais je ne vois pas donc pourquoi ça colle alors :$
    Anonymous
    Invité

    Lun 22 Juil 2013 - 19:44

    Pour l'arrondissement, ajoute ceci au CSS :

    Code:
    .forumline{
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      padding: 5px;
    }

    D'ailleurs j'aurai du y penser pour le fond, ç'aurait été plus simple.

    Et pour l'espacement, on va ajouter un saut à la ligne pour voir, direction le template, repère ceci :

    Code:
    <!-- BEGIN catfoot -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="50" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
       </tr>
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
      </table></div><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->

    On va ajouter le saut de ligne (br) entre l'image inconnue et la fin du "tableau", soit :

    Code:
    <!-- BEGIN catfoot -->
       <tr>
          <!-- BEGIN inc -->
          <td class="{catrow.catfoot.inc.INC_CLASS}" width="46"><img src="{SPACER}" height="0" width="50" /></td>
          <!-- END inc -->
          <td class="spaceRow" colspan="{catrow.catfoot.INC_SPAN}" height="1"><img src="{SPACER}" alt="" height="1" width="1" /></td>
       </tr>
       <!-- END catfoot -->
       <!-- BEGIN tablefoot -->
      </table></div><br/><img src="{SPACER}" alt="" height="5" width="1" /><!-- END tablefoot --><!-- END catrow -->
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 20:54

    Hello,
    Effectivement ça a bien séparé ^_^ Il y a juste eu un petit souci au niveau css j'ai donc enlevé le padding qui causait le problème mais ça n'arrondissait pas :$ Bref je me suis dit pourquoi ne pas mettre un image en bas des catégories. Alors comment ajouter cette image ?
    Spoiler:
    Anonymous
    Invité

    Lun 22 Juil 2013 - 21:48

      Bizarre ... t'es sûre de bien avoir copié le truc ? Parce que je ne vois pas les arrondis. Pour l'image :

      Template :

      Code:
      <!-- BEGIN tablefoot -->
        </table><img src="http://i1280.photobucket.com/albums/a495/CyberKiharu/catebas_zps15d8f540.png" style="-moz-border-radius: 0px 0px 22px 22px; -webkit-border-radius: 0px 0px 22px 22px; border-radius: 0px 0px 22px 22px;"/></div>
        <br />
        <!-- END tablefoot -->

      Au lieu de ceci :

      Code:
      <!-- BEGIN tablefoot -->
        </table></div>
        <br />
        <!-- END tablefoot -->

      CSS :

      Code:
      .forumline{
        -moz-border-radius: 20px;
       -webkit-border-radius: 20px;
       border-radius: 20px;
       padding: 5px;
      }
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 22:05

    Ah merci ^_^
    J'ai donc remis le forumline et voila le résultat :$
    Spoiler:
    Anonymous
    Invité

    Lun 22 Juil 2013 - 22:13

    Peux-tu me passer ton CSS et ton template ? Juste pour voir si le problème vient du forum ou du code.
    Et ça le fait qu'avec le forumline ?
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 22:17

    Okay voila le templates index_box:



    Ainsi que le CSS en entier:



    Sinon effectivement quand j'ai enleve du forumline que tu m'a passee le
    Code:
    padding: 5px;
    Il n'y a plus eu le meme soucis ^_^
    Anonymous
    Invité

    Lun 22 Juil 2013 - 22:24

    C'est vraiment bizarre ... ça passe chez moi Oo
    Je continue de chercher, je peux avoir la taille de ton forum ?
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 22:28

    Bizarre O_o
    Sinon si par taille c'est la largeur qu'on trouve dans la configuration elle est de 750 !
    Anonymous
    Invité

    Lun 22 Juil 2013 - 22:30

    On va trouver ! è.é
    Et si tu ajoutes ceci à tout hasard :

    Code:
    .forumline{
      -moz-border-radius: 20px;
      -webkit-border-radius: 20px;
      border-radius: 20px;
      padding: 5px;
      background-color: #EEE5C8;
    }
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 22:35

    Et bien je pense que c'est réglé mais ça apparait dans les annonces et le message d’accueil :$
    Anonymous
    Invité

    Lun 22 Juil 2013 - 22:43

    Et en modifiant le "forumline" par n'importe quoi d'autre qui n'est pas déjà dans le CSS (j'ai pris "pouet" pour exemple, au moins je suis sûre), et en ajoutant :

    Code:
    <div class="pouet">

    Avant :

    Code:
    <!-- BEGIN catrow -->

    Et :

    Code:
    </div>

    Après :

    Code:
    <!-- END catrow -->

    Tout à la fin ?
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 22:52

    D'accord ^_^
    Je pense que ça a marche ... ou pas X_X En fait le souci maintenant c'est qu'il y a une seule catégorie et plus plusieurs bloc qui se séparent:$
    Désolée d’être si ch*ante*
    Anonymous
    Invité

    Lun 22 Juil 2013 - 22:56

    Et si tu déplaces la fin de la division que tu as ici :

    Code:
    <!-- END catrow --></div>

    Plutôt ici, de cette façon :

    Code:
    <!-- BEGIN tablefoot -->
      </table><img src="http://i1280.photobucket.com/albums/a495/CyberKiharu/catebas_zps15d8f540.png" style="-moz-border-radius: 0px 0px 22px 22px; -webkit-border-radius: 0px 0px 22px 22px; border-radius: 0px 0px 22px 22px;"/></div></div>
      <br />
      <!-- END tablefoot -->
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 23:03

    Je pense que ça va sauf entre la première et la deuxième catégorie :$
    Anonymous
    Invité

    Lun 22 Juil 2013 - 23:04

    Ben écoute très sincèrement, je sais pas pourquoi. Après c'est un code qui se répète donc je vois pas.
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 23:24

    Pas de soucis^-^
    Bref milles merci :gentleman: 
    Je pense qu'a part ce détail tout va bien et c'est termine!
    Anonymous
    Invité

    Lun 22 Juil 2013 - 23:50

    Peut-être voir du côté des aides en codage, on saura peut-être mieux t'aider que moi =/
    Bonne continuation à toi Wink
    Sacagawea
    Sacagawea
    FémininAge : 29Messages : 236

    Lun 22 Juil 2013 - 23:51

    Effectivement c'est ce que j'allais faire ^_^
    Encore merci!
    A bientôt!
    Contenu sponsorisé


      La date/heure actuelle est Ven 22 Nov 2024 - 23:29