Aller au menu - Aller au contenu

[Aide] Menu déroulant

Pour accéder à cette section
Connectez-vous !
connexion_rpx

Résolu Le problème de ce sujet a été résolu

Page 1 
Auteur Message
2 visiteurs sur ce sujet (2 anonymes)
Page 1 
Hors ligne Jrm-H # Posté le 15/02/2012 à 10:20:14

Bonjour à tous,

Je suis actuellement en pleine construction de mon site web, seulement, je bloque sur 1-2 choses.

Dans un premier temps, si parmi vous des personnes l'utilisent, je voulais savoir comment activer le menu déroulant sous le thème premium Avenue (de Wordpress), si celui-ci le permet. Sinon, comment installer un menu déroulant sous ce thème.

Autre léger problème, je voulais savoir comment puis-je installer un fond d'écran personnalisé avec ce thème via le CSS.
Je m'explique : Au moment de l'achat, ce thème est livré avec des fonds d'écran par défaut. (Comme la plupart des thèmes premium je présume.) Des fonds d'écran que l'on active directement via les options du thème dans le panneau d'administration de Wordpress, seulement, lorsque je désire passer par l'éditeur CSS pour une modification de la ligne spécifique ("Body"...) pour pouvoir mettre un fond d'écran personnalisé, ainsi que régler les différents paramètres de celui-ci, je n'obtiens aucun changement. En cause ? La ligne de code CSS ci-dessous qui bloque tout :

http://nsa22.casimages.com/img/2012/02 [...] 801298284.jpg

Après moultes recherches de cette ligne à travers le CSS ou dans les entrailles de mon thème... néant. Je ne trouve rien. Depuis, c'est à l'abandon.

Si une personne (utilisant ce thème ou non) pouvait m'expliquer comment faire.

Merci à vous.

(MP pour l'adresse de mon site web.)
Publicité # Posté le 15/02/2012 à 10:20:14

Hors ligne warpShadow # Posté le 15/02/2012 à 10:29:02
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Bonjour,

D'après la capture, tu as un élément (ligne 56 d'un fichier qui t'es indiqué normalement) qui surclasse ta règle css. Ajoute donc !important à la fin de ta propriété background à toi, et regarde si ça marche.
Code : CSS
1
background: url("../blabla/tonimage.png") repeat !important;

(À toi d'adapter)

Pour le menu déroulant, je ne sais pas, je ne connais pas ce thème. Tu as des pages et des sous-pages dans la liste des pages ?
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne Jrm-H # Posté le 15/02/2012 à 12:33:18

Citation : warpShadow
Bonjour,

D'après la capture, tu as un élément (ligne 56 d'un fichier qui t'es indiqué normalement) qui surclasse ta règle css. Ajoute donc !important à la fin de ta propriété background à toi, et regarde si ça marche.
Code : CSS
1
background: url("../blabla/tonimage.png") repeat !important;

(À toi d'adapter)

Pour le menu déroulant, je ne sais pas, je ne connais pas ce thème. Tu as des pages et des sous-pages dans la liste des pages ?


Bonjour,

Dans un premier temps, merci de ta réponse.

Donc, en incluant le bout de code "!important; à ma ligne à travers l'éditeur CSS de Wordpress (ou directement en local), je n'obtiens aucun changement. En revanche, si je copie celui-ci sur la ligne 56 via "Firebug" (étant donné que cette ligne reste introuvable) de Mozilla, j'obtiens bien ce que je désire. Mais étant donné que je modifie cette ligne à travers "Firebug", bien évidemment, le changement disparait une fois la page actualisé.

Concernant le menu déroulant, oui, j'ai bien des pages ainsi que des sous-pages. Il ne me manque plus qu'un menu déroulant. :-)
Hors ligne warpShadow # Posté le 15/02/2012 à 12:46:42
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Il faut trouver dans quel fichier se trouve l'élément de la ligne 56 ; le fichier est précisé à côté du numéro de la ligne, il te reste à ouvrir ce fichier et te rendre ligne 56.

On peut avoir l'adresse du site ? Ce sera plus simple...
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne Jrm-H # Posté le 15/02/2012 à 19:41:06

warpshadow :

<!DOCTYPE html>
<html <?php language_attributes(); ?>>
<head>

<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title><?php bloginfo('name'); ?> <?php wp_title(' - ', true, 'left'); ?></title>

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" />
<link rel="stylesheet" href="<?php bloginfo('template_directory'); ?>/js/colorbox/colorbox.css" type="text/css" />

<?php if(get_option('pyre_feedburner')): ?>
<link rel="alternate" type="application/rss+xml" title="<?php bloginfo('name'); ?> RSS Feed" href="<?php echo get_option('pyre_feedburner'); ?>" />
<?php endif; ?>

<?php if(get_option('pyre_favicon')): ?>
<link rel="shortcut icon" href="<?php echo get_option('pyre_favicon'); ?>" />
<?php endif; ?>

<?php wp_enqueue_script('jquery'); ?>
<?php wp_enqueue_script('jCarouselLite', get_bloginfo('template_directory'). '/js/jcarousellite_1.0.1.pack.js'); ?>
<?php wp_enqueue_script('nivo', get_bloginfo('template_directory'). '/js/jquery.nivo.slider.pack.js'); ?>
<?php wp_enqueue_script('jquery.colorbox', get_bloginfo('template_directory'). '/js/colorbox/jquery.colorbox-min.js'); ?>
<?php wp_enqueue_script('AvenueTheme', get_bloginfo('template_directory'). '/js/scripts.js'); ?>
<?php
wp_localize_script('AvenueTheme', 'AvenueVars', array(
'ajaxUrl' => admin_url('admin-ajax.php'),
));
?>
<?php if(is_singular()) { wp_enqueue_script('comment-reply'); } ?>
<?php wp_head(); ?>

<script type='text/javascript'>
jQuery(window).load(function() {
// Implementation of Nivo Slider
jQuery('#slider').nivoSlider({
effect: '<?php echo get_option('pyre_slider_effect'); ?>',
pauseTime: '<?php echo get_option('pyre_slider_speed'); ?>',
controlNavThumbs: true,
controlNavThumbsFromRel: true,
directionNav: false,
directionNavHide: false,
captionOpacity: false
});

jQuery('.nivo-control').each(function() {
jQuery('<div class="overlay">').appendTo(this);
});
});
</script>

<style type='text/css'>
body { background:#<?php echo get_option('pyre_bg_color'); ?> url('<?php bloginfo('template_url'); ?>/images/patterns/<?php echo get_option('pyre_pattern'); ?>.png') repeat; }
.arrows { color:#<?php echo get_option('pyre_link_color'); ?>; }
.block-arrows, .block-arrows a { color:#<?php echo get_option('pyre_link_color'); ?>; }
.meta-arrow { font-size:16px; color:#<?php echo get_option('pyre_link_color'); ?>; }
.tweets a, .textwidget a { color:#<?php echo get_option('pyre_link_color'); ?>; }
</style>

</head>

<body <?php body_class($class); ?>>
<a name='top'></a>

<!-- BEGIN WRAPPER -->
<div id="wrapper">

<!-- BEGIN HEADER-TOP -->
<?php wp_nav_menu(array('theme_location' => 'topNav', 'depth' => 3, 'fallback_cb' => false, 'menu_class' => 'topNav')); ?>
<!-- END HEADER-TOP -->

<!-- BEGIN WRAPPER-CONTENT -->
<div id="wrapper-content">

<!-- BEGIN HEADER -->
<div id="header">

<!-- BEGIN HEADER-MIDDLE -->
<div id="header-middle">

<div id="logo">
<?php
if(get_option('pyre_logo')) {
$logo = get_option('pyre_logo');
} else {
if(get_option('pyre_skins')) {
$color = explode('_', get_option('pyre_skins'));
$logo = get_bloginfo('template_directory') . '/css/skins/images/' . $color[1] . '_logo.png';
} else {
$logo = get_bloginfo('template_directory') . '/images/logo4.png';
}
}
?>
<a href='<?php bloginfo('wpurl'); ?>'><img src="<?php echo $logo; ?>" alt="<?php bloginfo('name'); ?>" /></a>
</div>

<?php if(get_option('pyre_header_banner')): ?>
<div id="header-banner">
<?php echo get_option('pyre_header_banner'); ?>
</div>
<?php endif; ?>

</div>
<!-- END HEADER-MIDDLE -->

<!-- BEGIN WRAPPER-NAVIGATION -->
<div id="wrapper-navigation">

<div id="navigation">
<?php wp_nav_menu(array('theme_location' => 'mainNav', 'depth' => 3)); ?>
</div>

</div>
<!-- END WRAPPER-NAVIGATION -->

</div>
<!-- END HEADER -->
Hors ligne warpShadow # Posté le 15/02/2012 à 19:46:33
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Pense à utiliser les balises code quand tu postes du code. Et il faudrait plutôt un lien, mais à défaut poste le html généré et non le php.

PS: Pense à virer ceci : Code : HTML
1
<a name='top'></a>
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne Jrm-H # Posté le 16/02/2012 à 21:38:44

Bonsoir à vous,

Bon, concernant le menu déroulant, je vais suivre le tutoriel présent sur le site.

En revanche, toujours ce problème de fond d'écran.
Hors ligne warpShadow # Posté le 16/02/2012 à 23:42:50
3ème dan de CSS
Avatar
Flux RSS
close

Ville : Pia
Pays : France métropolitaine
Je pense que pour le menu, ça viens du paramétrage de wordpress.

Pour le fond d'écran, et si tu laissais sur body mais que tu mettais un fond à header pour couvrir le haut du site ?
Il n'y a pas de mauvais navigateur, il n'y a que du mauvais code !
Défenseur des technologies Microsoft !
Je n'accepte pas les demandes d'amis. Pas d'aide par MP, utilisez le forum.

Les meilleur(e)s du forum XHTML/CSS : AkaiKen, mynfs, Myssdii, Rigs, Ronamazona, MajorShepard, Marsupilamie, Nightmat, Loun4st4ck. Écoutez-les !

Je fais aussi un petit peu de guitare.
 
Hors ligne Jrm-H # Posté le 23/02/2012 à 01:48:04

Bonjour,

Merci de ta réponse. ;-)

J'essaierai ceci.

Par contre, j'ai un autre petit problème qui m’embête.

En fait, j'ai modélisé le titre de mes widgets dans la sidebar sous Wordpress, (le fond, la police d'écriture, la couleur de la police, la position etc.), modélisation qui s'affiche à tous les titres de mes widgets, le problème est, que je voudrais qu'un de mes widgets soit différent des autres. C'est-à-dire, que celui-ci ai une police d'écriture, un fond différent... J'ai une petite idée, c'est-à-dire, virer le bout de code ci-dessous et modéliser le titre de mes widgets un par un via le CSS, mais je bloque sur le code exact à rentrer.

Voici le code CSS :

Code : CSS
1
2
3
4
5
6
7
8
9
.widget-title {
background: url("images/widget-title-bg.png") repeat-x scroll 0 0 transparent;
color: #1B1B1B;
font-family: 'Lucida',sans-serif;
font-size: 15px;
font-weight: bold;
height: 40px;
margin-bottom: 25px;
padding: 15px 0 0 0;



Merci à vous

Retour au forum "HTML / CSS" ou à la liste des forums

Pour accéder à cette section
Connectez-vous !
connexion_rpx