Un design one page qui rappel les magazines ?

[venusmemnoch]

Bonjour tout le monde,

j'aimerai apporter des modifications importantes à mon site concernant le design.
Le site en question :

http://www.actugame.net

J'aimerai en faire un site qui rappel le one page, mais dans lequel les articles seraient rédigé un peu à la façon des magazines papier de la presse.

C'est à dire un affichage large avec des colonnes. Comment faire pour obtenir cet effet recherché ?

Merci d'avance.

[toffffe]

Re : Un design one page qui rappel les magazines ?

Salut
As-tu un lien d'exemple pour montrer le but à atteindre ?

[venusmemnoch]

Re : Un design one page qui rappel les magazines ?

En fait je cherche à pouvoir faire une mise en page avec des colonnes, par exemple pour mettre le texte en trois colonne sur la page et que ça soit responsive.

[venusmemnoch]

Re : Un design one page qui rappel les magazines ?

Alors j'ai trouvé quelque chose de sympa qui me permet de pouvoir faire ce que je souhaite.
Exemples :
https://www.actugame.net/les-test/10...romeda-le-test

https://www.actugame.net/realite-vir...s-pour-le-psvr

https://www.actugame.net/actu-jeux-v...et-ajustements

Le soucis, c'est que ce n'est pas vraiment responsive et donc sur mobile ben l'affichage en mode portrait n'est pas térrible.

Savez vous comment régler ce problème ?
Pour info il s'agit de BT shortcode :

http://demo.bowthemes.com/bt-medical...es/shortcode-1

[RobertG]

Re : Un design one page qui rappel les magazines ?

Le multicolonnage se gère avec CSS3 (Bootsrap j'imagine), comme on peut le voir ici par exemple : http://www.template-joomspirit.com/t...=37&Itemid=160 où il me semble que le texte est bien géré sur petits écrans.

[venusmemnoch]

Re : Un design one page qui rappel les magazines ?

d'accord mais comment régler mon problème pour le rendre responsive alors ?

[AlexJean]

Re : Un design one page qui rappel les magazines ?

En utilisant les mediaqueries dans le css. Pour avoir un truc nickel en affichage mobile et comme tu le veux, il faut personaliser sois-même.

[venusmemnoch]

Re : Un design one page qui rappel les magazines ?

D'accord, mais pour un novice comme moi qui ne touche pas au code, il faut que je fasse quoi exactement ?

[toffffe]

Re : Un design one page qui rappel les magazines ?

Uikit permet ausi cela avec les template de yootheme
Demo ici https://getuikit.com/v2/docs/column.html

[toffffe]

Re : Un design one page qui rappel les magazines ?

L'intérêt c'est que le contenu s'adapte sur x colonne en fonction de la quantité présente dedans
Ensuite tu peux demander que ton contenu soit sur 2 colonnes si tu es sur une tablette et sur 1 colonne si tu es sur smartphone
avec un code de ce style :

<p class="uk-column-small-1-1 uk-column-medium-1-2 uk-column-large-1-3">...</p>