Bienvenue
sur
Never-Utopia

Tu es déconnecté.

Never-Utopia

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.


    Les forum sur deux colonnes [html/css]

    Partagez
    MasculinAge : 31Message(s) : 31644

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    le Dim 12 Fév 2012 - 13:54
    Rappel du premier message :

    Vos forum sur deux colonnes

    Bonjour à vous,

    Je vais vous présenter aujourd'hui un tuto' qui a été très attendu, et dont la technique a été très demandée dans les commandes de codage. Taktiik s'est chargé de vous aider avec mon accord, mais je viens vous présenter ce tutoriel de façon plus "officielle., en espérant qu'il vous aide.

    Tout d'abord, quelques éléments d'indication :

    ▬ pour installer l'ensemble de ce qui est proposé sur votre forum vous n'avez pas besoin de grosses connaissances en codage, je dirais même aucune. Par contre, pour le personnaliser de façon simple (changer les couleurs...) vous devez savoir reconnaitre les codes (donc identifier un code couleur, identifier le nom d'un élément, etc...).
    ▬ pour personnaliser et modifier ce code vous devez avoir des connaissances en codage, suffisamment pour quoi enlever, quoi laisser, à quoi correspond telle "class" etc...
    ▬ vous constaterez que le codage est déjà assez poussé, avec des effets fluides et modernes. Vous avez donc concrètement plusieurs tutoriels en un dans ce message x)

    Si la mise en forme des forum sur deux colonnes (autrement dit l'intitulé du message) ne vous parle pas, voici en application directe sur un forum ce que ça donnera :

    ▬ Lien forum test ▬

    Vous avez donc :
    ▬ les forum sur deux colonnes
    ▬ la description de la catégorie qui apparait progressivement au dessus de l'image l'illustrant à son survol
    ▬ les sous-forum apparaissant progressivement au survol de la languette "voir les sous-forum".

    Je vais donc proposer ce tutoriel en deux partie : la première donne directement les codes, où les placer et comment les modifier de façon simple, pour ceux qui sont pressés ou n'y connaissent pas grand chose en html/css ; la seconde partie s'adresse aux autres et vous permet de comprendre de façon plus technique comment il est possible de réaliser cette apparence sur vos forum.

    Quoi qu'il en soit, si vous utilisez ce tutoriel pour personnaliser l'apparence de votre forum, je vous demande de mettre un crédit à Never-Utopia sur votre accueil, de manière lisible cela va de soi, en guise de remerciement pour l'aide que nous vous avons apportée.

    Avantage de cette mise en forme : elle permet de diminuer grandement la longueur de votre forum. Si votre forum est court, il n'est guère utile de l'utiliser si ce n'est juste pour "le style" qui peut-être vous plait.
    Inconvénient : cette mise en forme est détestée par IE... Très mal interprétée, ça devient le bordel sur vos forum si le navigateur utilisé est IE, et malheureusement c'est encore beaucoup le cas, malgré les progrès qu'ils font, ils ne sont toujours pas suffisamment à la page.


    Les Codes

    Postez à la suite pour voir le contenu des trois messages du tutoriel.



    Et voilà !

    Il ne reste plus qu'à.... personnaliser Wink.

    Rappel : n'oubliez pas le crédit à Never-Utopia svp ! C'est important pour nous et pour que vous puissiez bénéficier de toutes les nouveautés pour vos forum à la pointe du css Wink

    Tutoriels suivants conseillés :
    - Coupler "forum en 2 colonnes" et "catégories en bloc"
    - Placer facilement des éléments dans un bloc (forum)


    Dernière édition par Sparrow-style le Dim 8 Déc 2013 - 12:12, édité 8 fois


    FémininAge : 23Message(s) : 46
    Rubis-Hope
    le Sam 10 Mai 2014 - 18:56
    Ouha, c'est extra !
    C'est la première fois que je vois un tel style, je suis carrément épatée.
    Merci du partage
    FémininAge : 18Message(s) : 46
    Mephitis.
    le Dim 11 Mai 2014 - 17:38
    Merci ! *w*
    FémininAge : 19Message(s) : 42
    Belle Morte
    le Lun 12 Mai 2014 - 12:01
    Merci !
    FémininAge : 22Message(s) : 9733

    Les Guildes
    Guilde des Conteurs:
    4/10  (4/10)
    Guilde des Illusionnistes:
    2/10  (2/10)
    Guilde des Architectes:
    10/20  (10/20)
    Halloween
    le Lun 12 Mai 2014 - 13:13
    Re-merci ^^


    Je mets les voiles, que le vent te soit favorable matelot !
    MasculinAge : 34Message(s) : 15
    Golhbul
    le Lun 12 Mai 2014 - 17:36
    Merci
    MasculinAge : 44Message(s) : 80
    servity
    le Lun 12 Mai 2014 - 18:50
    merci pour ce tutoriel


    FémininAge : 22Message(s) : 40
    Dezaia
    le Mar 13 Mai 2014 - 13:23
    Merci du partage, j'adore


    FémininAge : 25Message(s) : 5
    adhneryel
    le Mer 14 Mai 2014 - 6:46
    it is just for phpbb2-?
    FémininAge : 15Message(s) : 293
    Lisou
    le Jeu 15 Mai 2014 - 15:13
    Ouah, trop la classe !
    MasculinAge : 31Message(s) : 31644

    Les Guildes
    Guilde des Conteurs:
    2/10  (2/10)
    Guilde des Illusionnistes:
    5/10  (5/10)
    Guilde des Architectes:
    3/10  (3/10)
    Okhmhaka
    le Jeu 15 Mai 2014 - 15:50
    adhneryel : it's requires modification of the template, and it's only possible in version punbb and phphbb2, so... x)


    MasculinAge : 24Message(s) : 109
    Ryosaki
    le Jeu 15 Mai 2014 - 18:11
    Merci


    FémininAge : 23Message(s) : 56
    Shatters
    le Ven 16 Mai 2014 - 0:05
    Merci ~


    J'ai appelé les bourreaux pour, en périssant, mordre la crosse de leurs fusils. J'ai appelé les fléaux, pour m'étouffer avec le sable, avec le sang. Le malheur a été mon dieu. Je me suis allongé dans la boue. Je me suis séché à l'air du crime. Et j'ai joué de bons tours à la folie. (Rimbaud)
    FémininAge : 16Message(s) : 93
    Glow
    le Ven 16 Mai 2014 - 18:57
    Merci beaucoup, ça va être super avec le reste c:
    FémininAge : 18Message(s) : 166
    Plume'
    le Ven 16 Mai 2014 - 21:57
    Merci !
    FémininAge : 16Message(s) : 147

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Klemmeria
    le Sam 17 Mai 2014 - 15:42
    merchi


    FémininAge : 24Message(s) : 43
    Chatchoum
    le Lun 19 Mai 2014 - 14:07
    merciiiiiiii
    FémininAge : 29Message(s) : 125
    Ryu-Kin
    le Mar 20 Mai 2014 - 5:50
    merci beaucoup
    FémininAge : 15Message(s) : 250

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Kovu
    le Mar 20 Mai 2014 - 9:03
    Merci !


    MasculinAge : 26Message(s) : 192
    Hayate747
    le Mar 20 Mai 2014 - 17:51
    Merci, une fois de plus !
    MasculinAge : 13Message(s) : 57
    Titou2302
    le Mar 20 Mai 2014 - 21:00
    Merci !
    FémininAge : 20Message(s) : 64
    Natsumi13
    le Mer 21 Mai 2014 - 16:51
    Re - Merci
    FémininAge : 19Message(s) : 42

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    Nerria
    le Jeu 22 Mai 2014 - 17:26
    Superbes catégories, encore une fois ça va être très utiles surtout qu'on peu très bien les personnalisées à souhait ♥
    FémininAge : 24Message(s) : 39

    Les Guildes
    Guilde des Conteurs:
    0/0  (0/0)
    Guilde des Illusionnistes:
    0/0  (0/0)
    Guilde des Architectes:
    0/0  (0/0)
    xToshi-Shûx
    le Ven 23 Mai 2014 - 16:11
    Merci.


    FémininAge : 27Message(s) : 4
    NMichiyo
    le Sam 24 Mai 2014 - 7:50
    Merci
    MasculinAge : 27Message(s) : 30
    Necro Seth
    le Sam 24 Mai 2014 - 12:19
    Tuto sympa pour optimiser un forum^^
    Contenu sponsorisé
    Aujourd'hui à 12:25

      La date/heure actuelle est Lun 26 Sep 2016 - 12:25