Problème jQuery template (menu-nav et pages)
Bonsoir à tous, je cale ...
J'étais hier soir plein d'entrain à l'intégration d'un petit site libre de droit jQuery, tout fonctionnais à merveille jusque quand j'ai voulu intégrée le menu et les pages (statiques) à mon nouveau template ...
Le menu fonctionne je peux ajouter des pages mettre des liens , ... Seul problème ... Si je veux ajouter une page statique par exemple "contact" et que je passe par wordpress en l'ajoutant au menu. On va bien voir apparaître à gauche "contact" mais le popup ne va pas s'ouvrir ou alors il sera vide ...
Je voudrais pouvoir ajouter un menu avec une page statique et que quand je clique sur contact cela l'ouvre dans mon popup ...
Comme sur http://tita-paintings.be/ Sauf que dans cette exemple c'est sans passer par wordpress :(
Pourriez vous m'aider car j'ai bien chercher mais impossible de trouver la solution par moi même ?
Code intégration foireux wordpress :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
| <?php get_header(); ?>
<!-- ouvrir header,php -->
<div id="mb_background" class="mb_background">
<img class="mb_bgimage" src="wp-content/themes/tita/images/background.jpg" alt="Background"/>
<div class="mb_overlay"></div>
<div class="mb_loading"></div>
</div>
<div id="mb_menu" class="mb_menu">
<li data-speed="1000" data-easing="easeOutBack"><?php wp_nav_menu(); ?></li>
</div>
<div id="mb_content_wrapper" class="mb_content_wrapper">
<span class="mb_close"></span>
<div class="mb_content">
<h2><?php the_title(); ?>"><?php the_title(); ?></h2>
<div class="mb_content_inner">
<?php if(have_posts()) : ?><?php while(have_posts()) : the_post(); ?>
<?php the_content(); ?>
<?php endwhile; ?>
<?php endif; ?>
</div>
<div class="mb_footer">
<?php get_footer(); ?> |
Code fonctionnel mais sans WP :
Code:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
| <?php get_header(); ?>
<!-- ouvrir header,php -->
<div id="mb_background" class="mb_background">
<img class="mb_bgimage" src="wp-content/themes/tita/images/background.jpg" alt="Background"/>
<div class="mb_overlay"></div>
<div class="mb_loading"></div>
</div>
<div id="mb_menu" class="mb_menu">
<a href="#" data-speed="1000" data-easing="easeOutBack">Galleries</a>
<a href="#" data-speed="1000" data-easing="easeInExpo">Biographie</a>
<a href="#" data-speed="1000" data-easing="easeOutBack">Expositions</a>
<a href="#" data-speed="1000" data-easing="easeInExpo">Contact</a>
</div>
<div id="mb_content_wrapper" class="mb_content_wrapper">
<span class="mb_close"></span>
<div class="mb_content">
<h2>Galleries</h2>
<div class="mb_content_inner">
<p>Ici on ajoute vos peintures, qui d'une pression de la souris apparaît en fond d'écran. (Sans possibilité de faire clique droit -> Enregistré sous)</p>
<ul id="mb_imagelist" class="mb_imagelist">
<li><img src="wp-content/themes/tita/images/small/1.jpg" alt="image1" data-bgimg="wp-content/themes/tita/images/image1.jpg"/></li>
<li><img src="wp-content/themes/tita/images/small/2.jpg" alt="image2" data-bgimg="wp-content/themes/tita/images/image2.jpg"/></li>
<li><img src="wp-content/themes/tita/images/small/3.jpg" alt="image3" data-bgimg="wp-content/themes/tita/images/image3.jpg"/></li>
<li><img src="wp-content/themes/tita/images/small/4.jpg" alt="image4" data-bgimg="wp-content/themes/tita/images/image4.jpg"/></li>
<li><img src="wp-content/themes/tita/images/small/2.jpg" alt="image2" data-bgimg="wp-content/themes/tita/images/image2.jpg"/></li>
<li><img src="wp-content/themes/tita/images/small/1.jpg" alt="image1" data-bgimg="wp-content/themes/tita/images/image1.jpg"/></li>
<li><img src="wp-content/themes/tita/images/small/4.jpg" alt="image4" data-bgimg="wp-content/themes/tita/images/image4.jpg"/></li>
<li><img src="wp-content/themes/tita/images/small/3.jpg" alt="image3" data-bgimg="wp-content/themes/tita/images/image3.jpg"/></li>
</ul>
</div>
</div>
<div class="mb_content">
<h2>Biographie</h2>
<div class="mb_content_inner">
<p>Ici votre photo + bibliographie.<br />
She packed her seven versalia, put her initial into the belt and made herself on the way.</p>
<ul id="mb_imagelist" class="mb_imagelist">
<p>When she reached the first hills of the Italic Mountains, she had a last view back on the skyline of her hometown Bookmarksgrove, the headline of Alphabet Village and the subline of her own road, the Line Lane.</p>
<p>Pityful a rethoric question ran over her cheek, then she continued her way. On her way she met a copy.</p>
<p>The copy warned the Little Blind Text, that where it came from it would have been rewritten a thousand times and everything that was left from its origin would be the word "and" and the Little Blind Text should turn around and return to its own, safe country.</p>
<p>But nothing the copy said could convince her and so it didn't take long until a few insidious Copy Writers ambushed her, made her drunk with Longe and Parole and dragged her into their agency, where they abused her for their projects again and again.</p>
</div>
</div>
<div class="mb_content">
<h2>Expositions</h2>
<div class="mb_content_inner">
<p>One morning, when Gregor Samsa woke from troubled dreams, he found himself transformed in his bed into a horrible vermin.</p>
<p>He lay on his armour-like back, and if he lifted his head a little he could see his brown belly, slightly domed and divided by arches into stiff sections.</p>
<p>The bedding was hardly able to cover it and seemed ready to slide off any moment.</p>
<p>His many legs, pitifully thin compared with the size of the rest of him, waved about helplessly as he looked. "What's happened to me? " he thought. It wasn't a dream. His room, a proper human</p>
</div>
</div>
<div class="mb_content">
<h2>Contact</h2>
<div class="mb_content_inner">
<form>
<div><label>Name:</label><input type="text" /></div>
<div><label>Email:</label><input type="text" /></div>
<div><label>Message:</label><textarea></textarea></div>
<div><button>Send</button></div>
</form>
</div>
</div>
</div>
<div class="mb_footer">
<?php get_footer(); ?>
</div> |
Un tout tout grand merci d'avance pour tous ceux qui vont m'aider !
