Widget & Défilement vertical (overflow)

Bonjour à tous, j'ai remarqué sur des forum des choses qui m'intéresserai à mettre sur mes forums:

tout d'abord sur plusieurs forum le contenue de la page d'accueil apparait en deux voir trois colonnes
exemple ici 3 colonnes:

Spoiler:

deuxième question ce serai pour mettre un texte qu'on défile à volonté grâce à une barre de défilement
exemple ici:

Spoiler:

voila voila merci pour vos réponses que j'espère obtenir ^^

Bonsoir,
Pour la première question, il s'agit en fait d'un portail avec une organisation basique en 3 colonnes.
Il te suffit de faire des widgets personnalisés et de les organiser en 3 colones (comme ça l'est à la base).
Le tout est de choisir de ne pas réprendre le cadre de base d'un widget ("Utiliser une table type : cocher NON")


Pour la deuxième là ça touche au monde du HTML/CSS.
Le principe c'est d'afficher une division qui sera trop petite pour contenir tout le texte ! Vu que tout le texte ne peut être contenu dans cette division, nous allons proposer au navigateur (via les codes CSS) d'afficher un ascenseur pour pouvoir lire la suite.

Code HTML

Code:

<div style="width: 220px; height: 250px; overflow: auto;">Le contenu que tu veux (lien, image, texte etc...)</div>

Tu peux régler la largeur (width) et la hauteur (height) en fontion de tes besoins. Ici j'ai mis exprès du petit en hauteur pour que ton texte soit automatiquement scrollé (d'où l'utilité du overflow).

Cela devrait fonctionner normalement

A plaisir !

Edit : Shin' on s'est croisé XD Les deux solutions reviennent au même, je me suis permis de corrigé une petite erreur Shinou ^^

pour l'organisation en 3 colonnes j'ai des difficultés je n'y arrive pas du tout tu aurais des screens a me proposer sous forme de tuto pour m'aider s'il te plait?

Ok je te fais ça de suite...

merci beaucoup ^^

Voilà en gros comment procéder :

Vas dans ton panneau d'admin > modules :

Spoiler:

Tu te retrouves dans la gestion des Portails, si tu n'en as qu'un seul, il te suffit de.. :

Spoiler:

Maintenant tu vas devoir refaire la structure de ton portail :
Globalement l'interface :

Spoiler:

Il te suffit de faire des glisser/déposer de tes widgets pour les organiser sur le panneau central.
C'est un petit coup de main à prendre

Pour pouvoir avoir des widgets sans cadre il te faut cliquer sur Créer un widget personnalisé.

Ensuite :

Spoiler:

Hum... que rajouter...

Et bien quand tu veux mettre tes widgets perso sur ton panneau central tu dois juste aller dans l'onglet Widget Personnel et les glisser sur le panneau

ça marche toujours pas... ça me met les widgets en dehors de ma page d'accueil... et ça fait tout moche T.T

>.< je suis une incapable

Hum... pardonnez mon intervention de novice mais pour faire les trois colonnes dans l'accueil au pire il suffit que tu fasses un tableau tout basique, en mettant le contenu de la première colonne dans la première colonne et ainsi de suite...
Le tout sans les bordures ^^

Code:


<table border="0">
<tr><td>Contenu de la colonne 1 avec des <br> pour les retour à la ligne.... </td></tr>
<tr><td> contenu de la seconde colonne</td></tr>
<tr><td> Contenu de la troisième colonne</td></tr>
</table>

Moi perso avec mes maigres connaissances j'aurais fait comme ça... C'est d'ailleurs comme ça que j'ai procédé dans l'accueil du forum de Bya' ^^

oh *o* je pense que ça m'aidera un peu plus ça déjà et je suppose qu'on peut faire le nombre de colonne que l'on veut?


rectification là non plus ça ne marche pas ça me met tout l'un en dessous de l'autre u_u"

Oui en effet le Cap'tain a fait une petite erreur ^^
Je voulais te faire passer par l'utilisation des widgets pour éviter de rentrer dans les explications de code...

Code:

<table border="0">
        <tr>
                <td>
                    Colonne 1
                </td>
                <td>
                    Colonne 2
                </td>
                <td>
                    Colonne 3
                </td>
      </tr>
</table>

Table = début d'un tableau
tr = début d'une ligne
td = créer une colonne dans une ligne

Voilà ^^

PS : une petite source si tu t'y intéresses :
http://nephi.unice.fr/CoursHTML/coursp11.php

Arf oui désolé, c'est les "td" qui doivent être réouverts, pas les "tr" ^^"

merci à tous vraiment cela va beaucoup me servir le site donné j'irai le voir il pourra mettre utile

merci encore ^^

Mais de rien ^^
Kazuya, le paramètre style dans la div est un paramètre CSS directement intégré à la balise... inutile donc de placer ça dans la feuille de style CSS.

De plus, la manière dont tu as présenté signifie que toutes les divisions du forum seront les mêmes !!!
Dangereux de faire ça ! A ne surtout pas reproduire

Bonsoir tous le monde, j'ai une nouvelle question à propos de l'apparence du forum ^^

y a-t-il un code pour la feuille CSS pour mettre en italique toute les écriture du forum sauf celle des messages des membres en fait ce serait pour tout ce qui est description des forums?

merci d'avance (ce sera ma dernière question ^^)

Tu as trouvé la réponse Michiyo?

uhm pour ce type de code, toi qui a accès au panneau d'administration de behind the sky... tu as tout dedans xD
(bah vui c'est le même qu'Ekoï... en deux colonnes soit, et avec des div... mais le principe est là^^

Wahou ! Cela commence à dater ce truc Oo
Hina nous déterre de vieux topic XD

Pour faire l'effet italic il te faut simplement, dans l'ordre :
- tout mettre en italic
- remettre en normal les messages postés

Code:

body {
  font-style: italic;
}

.post{
  font-style: none;
}

Donc "body" c'est l'ensemble de la page, et ".post" c'est la classe donné au contenu de chaque post.

Voilà