CONNEXION
  • RetourJeux
    • Sorties
    • Hit Parade
    • Les + populaires
    • Les + attendus
    • Soluces
    • Tous les Jeux
    • Gaming
  • RetourActu Gaming
    • News
    • Astuces
    • Tests
    • Previews
    • Toute l'actu gaming
  • RetourBons plans
    • Bons plans
    • Bons plans Smartphone
    • Bons plans Hardware
    • Bons plans Image et Son
    • Bons plans Amazon
    • Bons plans Cdiscount
    • Bons plans Decathlon
    • Bons plans Fnac
    • Tous les Bons plans
  • RetourJVTech
    • Actus High-Tech
    • Intelligence Artificielle
    • Smartphones
    • Mobilité urbaine
    • Hardware
    • Image et son
    • Tutoriels
    • Tests produits High-Tech
    • Guides d'achat High-Tech
    • JVTech
  • RetourCulture
    • Actus Culture
    • Culture
  • RetourVidéos
    • A la une
    • Gaming Live
    • Vidéos Tests
    • Vidéos Previews
    • Gameplay
    • Trailers
    • Chroniques
    • Replay Web TV
    • Toutes les vidéos
  • RetourForums
    • Hardware PC
    • PS5
    • Switch 2
    • Xbox Series
    • Switch
    • Pokemon pocket
    • FC 25 Ultimate Team
    • League of Legends
    • Tous les Forums
  • PC
  • PS5
  • Xbox Series
  • Switch 2
  • PS4
  • One
  • Switch
  • iOS
  • Android
  • MMO
  • RPG
  • FPS
En ce moment Genshin Impact Valhalla Breath of the wild Animal Crossing GTA 5 Red dead 2
Liste des sujets

Modifier emplacement de la sidebar

Pseudo supprimé
Pseudo supprimé 01 février 2013 à 11:17:27

Bonjour à tous,

J'ai un petit problème avec l'emplacement de ma sidebar latérale droite.

J'aimerai la placer en bas du menu content dans le même esprit que mon header.

voilà le site :

http://genellix.p.ht/category/actualites/

Pour l'instant la barre latérale et positionner a droite dans le menu "archives" et "statut".

Merci :)

axelradio
axelradio
Niveau 8
01 février 2013 à 11:28:58

Tu voudrais utiliser ta sidebar de droite en footer si je comprend bien ?
De plus, sans ton code, on ne peut rien faire.

Pseudo supprimé
Pseudo supprimé 01 février 2013 à 11:30:51

oui exactement.

if faut quoi comme partie du code ? le css de la sidebar suffit ?

Pseudo supprimé
Pseudo supprimé 02 février 2013 à 13:36:33

up ^^

axelradio
axelradio
Niveau 8
02 février 2013 à 14:20:04

Tu utilise wordpress ?

oga95
oga95
Niveau 10
02 février 2013 à 17:16:27

http://genellix.p.ht/wp-login.php

effectivement, il s'agit de WordPress.

Pour ce qui est de ta sidebar... Je te conseil pas de réutiliser celle-ci. Créer toi la tienne. Tu pourras ainsi le faire proprement.

Apres si tu ne t'en trouve pas le courage, tu peux modifier les pages contenant ta sidebar (par exemple index.php), y trouver <?php get_sidebar('nom_de_la_sidebar'); ?> et le déplacer dans ton footer.

Il ne te restera plus qu'à modifier le css qui lui était destiné.

oga95
oga95
Niveau 10
02 février 2013 à 17:26:48

Apres avoir éxaminer rapidement ton site, tu devrais juste changer quelques trucs au niveau du css en faite:

.right { //ligne 704 de ton code
float: right; //Suprimer le float right permetra à ta div de se positionner normalement à gauche.
width: 260px; // si tu souhaite que ta sidebar fasse toute la largeur, width: 100%;
padding: 15px 0px 0px 0; //J'aime pas le padding sur le conteneur principal, je préfère de loin le margin sur le sous element, à supprimer.
margin: 10px 20px 0px 0px;//Peut poser problème avec le width 100%, à supprimer.
display: inline; //Je passerais en inline-block.
overflow: hidden; //Permet de cacher tout ce qui dépasse, à toi de voir si c'est se que tu veux ou non.
}

.sidebar { //ligne 768
float: right; //à supprimer.
}

.sidebox { //ligne 781
//ajoute un float: left; pour que les éléments se positionnent les uns à coté des autres.
width: 260px; //largeur de chaque module de ta sidebar (à modifier toi même).
margin: 0px 0px 30px 0px; //modifie ici pour les margins de chaque module.
list-style: none;
color: #6f6f6f;
}

Je ne suis pas sûre que ça marchera du premier coups, mais ça devrait de mettre sa sidebar au dessous (toujours dans le cadre blanc) en longueur et plus en hauteur.

Pseudo supprimé
Pseudo supprimé 02 février 2013 à 17:56:42

Effectivement j'utilise wordpress ^^

Merci pour ton aide Oga95 j'ai suivi ton code et ça donne exactement se que tu as dit :

"Je ne suis pas sûre que ça marchera du premier coups, mais ça devrait de mettre sa sidebar au dessous (toujours dans le cadre blanc) en longueur et plus en hauteur."

tu peut le voir par toi même sur le site.

Pour se qui est de la création d'une nouvelle barre, j'ai déja éssayé mais il me manque(perdu) trop de connaissance en css et php pour la réalisé correctement.

oga95
oga95
Niveau 10
03 février 2013 à 04:43:52

Si tu souhaite faire cela proprement au niveau de la création d'une nouvelle sidebar, je te conseil se tuto:
http://www.grafikart.fr/tutoriels/wordpress/wordpress-creer-theme-156

Il s'agit d'un tuto qui traître de l'implémentation complète de tout un site vers wordpress, il est donc très utile!
Pour ce qui est de la sidebar, je te conseil de te rendre vers 16:30 ou il commence à parler de son plugin qui simplifi pas mal les choses, puis de continuer en avançant dans le tuto pour voir précisément l'ajout/gestion d'unes sidebar.

Je te guide vers ce tuto plutot que de te donner la solution pour que tu comprennes un peu plus wordpress ( de façon général).

Si tu es curieux, tu peux feuilleter sur le site, y'a pas mal de tutos sur plusieurs sujets (WP, CSS, jQuery, php...).

Pseudo supprimé
Pseudo supprimé 03 février 2013 à 17:17:33

Merci pour ton aide Oga :)

Sous forums
  • Aide à l'achat Mac
  • Steam Deck
  • Création de sites web
  • Création de Jeux
  • Linux
  • Programmation
  • Internet
  • Macintosh
  • Hardware
La vidéo du moment