Espacement entre widgets

Statut : non résolu

Ce sujet contient 8 réponses, 3 participants et a été mis à jour pour la dernière fois par Araadon, le il y a 17 années et 7 mois.

9 sujets de 1 à 9 (sur un total de 9)

Auteur

Messages
2 décembre 2007 à 18 h 30 min #455624

Araadon
Participant

Padawan WordPress
56 contributions

Bonjour,

Ma configuration WP actuelle
– Version de WordPress[2.3.1] :
– Thème utilisé[/Niukita 1.0] :
– Plugins en place :
– Nom de l’hebergeur[OVH] :
– Adresse du site[http://www.araadon.com/LLA] :

Problème(s) rencontré(s) :
je souhaiterai augmenter l’espacement entre les différents widgets disponible dans ma side-bar

D’avance Merci
🙂

3 décembre 2007 à 12 h 29 min #615634

niss
Membre

Initié WordPress
47 contributions

Salut Araadon,

Je ne connais pas ton theme, mais en regle generale tu peux regler ca dans le fichier functions.php de ton theme.
L’idee c’est de rajouter une balise
dans la zone d’apres widget :

Exemple :
if ( function_exists(‘register_sidebar’) )
register_sidebar(array(
‘name’ => ‘Sidebar_right’,
‘before_widget’ => »,
‘after_widget’ => ‘
‘,
‘before_title’ => ‘

‘,
‘after_title’ => ‘

‘,
));

3 décembre 2007 à 12 h 51 min #615635

Araadon
Participant

Padawan WordPress
56 contributions

Merci Niss pour ta réponse
voila ce que j’ai a function.php

<?php
if ( function_exists(‘register_sidebars’) )
register_sidebars(2);
?>

et c’est tout.
Bonne journée

3 décembre 2007 à 14 h 49 min #615636
Pierre S.
Membre

Chevalier WordPress
107 contributions
Bonjour Araadon,

dans ta feuille de style après :
```
#sidebar li {
	margin:0;
	padding:0;
	list-style:none;
	background:none;
}
```
ajoute ceci :
```
#sidebar ul li { margin-bottom: 30px; }
```
ajustes la marge à ce qui te conviens le mieux 😉
3 décembre 2007 à 21 h 39 min #615633

Araadon
Participant

Padawan WordPress
56 contributions

voila ce que j’ai dans la feuille css

#r_sidebar {float: right;width: 17%;margin: 0 5px 0 0;padding: 20px 0 0 0;}
#r_sidebar p{padding: 2px 0 5px 0;margin: 0;line-height: 20px;}
#r_sidebar ul {list-style: none;margin: 0;padding: 0 0 5px 0;}
#r_sidebar ul li {margin: 0;padding: 5px 0 0 0;}#r_sidebar li a{display: block;}
#r_sidebar ul li a {color: #333;text-decoration: none;}
#r_sidebar ul li a:hover {color: #686868;text-decoration: none;}
#r_sidebar li a:hover{background: #ccc;color:#333;}

Qu’est ce que je dois ajouter et ou?

Merci Pierre d’avance

4 décembre 2007 à 12 h 56 min #615637
Pierre S.
Membre

Chevalier WordPress
107 contributions
tu as changé de thème 😉
bon, alors, dans style.css
tu as actuellement (mets le #r_sidebar li a à la ligne c’est plus propre et plus lisible…) :
```
#r_sidebar ul li {margin: 0;padding: 5px 0 0 0;} #r_sidebar li a{display: block;}
```
tu remplaces par :
```
#r_sidebar ul li {margin: 0 0 30px 0 ;padding: 5px 0 0 0;}
```
où 30px représente la marge du bas (ordre des marges : top, right, bottm, left ou TRBL pour les intimes) et tu ajoutes une ligne en dessous ceci :
```
#r_sidebar ul li ul li {margin: 0; padding: 5px 0 0 0;}
```
ce qui permet de ne générer qu’une marge de 30 px pour les puces de premiers niveaux mais pas de seconds niveaux.
exemple :
```
<ul>
	<li>une marge de 30 pixels va être utilisée ici
		<ul>
			<li>mais pas ici</li>
		</ul>
	</li>
</ul>
```
4 décembre 2007 à 23 h 10 min #615638

Araadon
Participant

Padawan WordPress
56 contributions

Merci mec c’est génial 😉
Pour te dire vrai c’est du charabia tout ça pour moi
J’ai suivi scrupuleusement tes instructions et le résultat était très bon

Sans abuser sauai tu pourquoi j’ai ce code en haut et a gauche sur mon blog :
Code corrupted. Insert fresh copy. //–> Code corrupted. Insert fresh copy.

Beaucoup, Merci 🙂

5 décembre 2007 à 11 h 34 min #615639
Pierre S.
Membre

Chevalier WordPress
107 contributions
en faisant un view source de ta page voici ce que l’on découvre…
```
Plugin by Luke Stevenson [http://blog.lucanos.com] –>
	
	
	<!– 
		

var sc_project=3218792; 
var sc_invisible=0; 
var sc_partition=35; 
var sc_security= »3cf500d6″; 


<div class="statcounter"><a class="statcounter" href="http://www.statcounter.com/"><img class="statcounter" src="http://c36.statcounter.com/3218792/0/3cf500d6/0/" alt="website stats" /></a></div>


	//–>
	
	
	
```
donc tu dois avoir une erreur dans ton header.php car un javascript dans un javascript : pas bon… D’autre part, tu noteras un double appel de http://www.statcounter.com/counter/counter_xhtml.js qui contient le message d’erreur suivant : Code corrupted. Insert fresh copy. et comme ce document est appelé 2 fois tu le vois 2 fois s’afficher… Logique non 😉
7 décembre 2007 à 21 h 35 min #615640

Araadon
Participant

Padawan WordPress
56 contributions

Merci beaucoup Pierre.
En effet il y avait un double appel,, je pense que je l’ai supprimé
😉
Auteur

Messages