Jump to content

julie1007

Actif
  • Content Count

    22
  • Joined

  • Last visited

Community Reputation

0 Neutre

Recent Profile Visitors

The recent visitors block is disabled and is not being shown to other users.

  1. //mobile meanmenu $('.mobile-menu').meanmenu(); // Portfolio activation $('.portfolio-section').imagesLoaded(function() { var $grid = $('.portfolio-grid').isotope({ itemSelector: '.portfolio-item', percentPosition: true, }) // Portfolio filtering activation $('.portfolio-filter li a').on('click', function() { var filterValue = $(this).attr('data-filter'); $grid.isotope({ filter: filterValue }); }); // Filter menu active class addition $('.portfolio-filter li').on('click', function(event) { $(this).siblings('.active').removeClass('active'); $(this).addClass('active'); event.preventDefault(); }); // LOAD MORE BUTTON FOR PORTFOLIO $('.load-more-btn').on('click', function(event) { $('.portfolio-item').removeClass('hidden'); var $grid = $('.portfolio-grid').isotope(); $(this).hide(); $('#portfolio-section .load-more').append('<a class="button load-more-btn" href="javascript:void(0)">No More Items</a>') event.preventDefault(); }); });
  2. Bonjour les zamis, J'utilise sur un de mes sites un Portfolio ! Je voudrais que lors de l'ouverture de la page, s'affiche seulement les images "cat1" et malheureusement pour l'instant toutes les images s'affichent ....... <div class="portfolio-filter-wrap"><br><br> <ul class="portfolio-filter text-center list-inline"> <li class="active"><a href="#" data-filter=".cat1"> 1</a></li> <li><a href="#" data-filter=".cat2"> 2</a></li> <li><a href="#" data-filter=".cat3"> 3</a></li> <li><a href="#" data-filter=".cat4"> 4</a></li> <li><a href="#" data-filter=".cat5"> 5</a></li> <li><a href="#" data-filter=".cat6"> 6</a></li> <li><a href="#" data-filter=".cat7"> 7</a></li> </ul> </div> <div class="portfolio-grid"> <div class="portfolio-item portfolio-item-width-3 cat1"> <div class="portfolio-item-content"> <img src="img/mr-10.jpg" alt="" class="img-responsive"> </div> </div> <div class="portfolio-item portfolio-item-width-3 cat2"> <div class="portfolio-item-content"> <img src="img/mr-11.jpg" alt="" class="img-responsive"> </div> </div> <div class="portfolio-item portfolio-item-width-3 cat3"> <div class="portfolio-item-content"> <img src="img/mr-12.jpg" alt="" class="img-responsive"> </div> </div> etc ... </div> Avez-vous une idée pour régler mon problème ;-) ??? Merci JULIE
  3. En tant que professionnels voir même amateurs avertis je voulais avoir votre avis. Que pensez-vous de la qualité des templates web responsive ? Du style Themeforest ? Merci A+++
  4. Bien vu !! J'ai récupéré le code de googlecode, je l'ai remplacé et ça fonctionne ! Merci, Merci, Merci !
  5. En effet les caractères spéciaux ont sautés. Je viens de faire la modif
  6. Bonjour à tous, J'ai un problème avec la validation de mon formulaire. Lorsque le client rempli mon le formulaire de contact et qu'il clique sur "ENVOYER", les informations me sont bien transmises sur mon mail en revanche le message de confirmation (votre mail à bien été envoyé ...) n'apparait pas chez le client ! Rien ne se passe, sauf lorsque que j'enlève id="contact-form" du formulaire, alors la le client est redirigé vers la page send.php J'ai tout essayé en puisant dans mes connaissances et dans google mais rien à faire. Il faut savoir une chose, ce site est hébergé chez OVH, et un autre de mes sites est également hébergé chez OVH, celui-ci utilise le même formulaire et ça fonctionne. J'ai fais des tonnes d'essais en prenant les pages du site qui fonctionne et en les mettant sur l'autre, ... rien à faire ! J'ai l'impression que le problème vient du serveur du 1er site ... mais la il me faut une solution alternative que je n'ai pas ! HELP ME PLEASE ! LE FORMULAIRE (page html) <form action="send.php" id="contact-form" method="post"> <fieldset> <label>Nom <span class="required">*</span></label> <input type="text" name="name" id="Myname" value="" class="text requiredField"/> </fieldset> <fieldset> <label>Email <span class="required">*</span></label> <input type="text" name="email" id="myemail" value="" class="text requiredField email"/> </fieldset> <fieldset> <label>Objet <span class="required">*</span></label> <input type="text" name="subject" id="mySubject" value="" class="text requiredField subject"/> </fieldset> <fieldset> <label>Votre Message <span class="required">*</span></label> <textarea name="message" id="Mymessage" rows="20" cols="30" class="text requiredField"></textarea> </fieldset> <fieldset> <input name="Mysubmitted" id="Mysubmitted" value="Send Message" class="button dark-blue" type="submit"/> </fieldset> </form> send.php <?php if($_POST){ $to = '......@.....com'; $subject = $_POST['subject']; $from_name = $_POST['name']; $from_email = $_POST['email']; $message = $_POST['message']; $header = "From: $from_name <$from_email>"; mail($to, $subject, $message, $header); }?> extrait custom.js jQuery.noConflict()(function($){$(document).ready(function() { $('form#contact-form').submit(function() { $('form#contact-form .error').remove(); var hasError = false; $('.requiredField').each(function() { if(jQuery.trim($(this).val()) == '') { var labelText = $(this).prev('label').text(); $(this).parent().append('<div class="error">You forgot to enter your '+labelText+'</div>'); $(this).addClass('inputError'); hasError = true; } else if($(this).hasClass('email')) { var emailReg = /^([\w-\.]+@([\w-]+\.)+[\w-]{2,4})?$/; if(!emailReg.test(jQuery.trim($(this).val()))) { var labelText = $(this).prev('label').text(); $(this).parent().append('<div class="error">You entered an invalid '+labelText+'</div>'); $(this).addClass('inputError'); hasError = true; } } }); if(!hasError) { $('form#contact-form input.submit').fadeOut('normal', function() { $(this).parent().append(''); }); var forMИНput = $(this).serialize(); $.post($(this).attr('action'),forMИНput, function(data){ $('form#contact-form').slideUp("fast", function() { $(this).before('<div class="simple-success">Le formulaire a bien été envoyé. Nous prendrons contact avec vous rapidement.</div>'); }); }); } return false; });});});
  7. Merci Ernestine ;-) Si ca à l'air bien wouah tant mieux, par contre je vais me pencher sur l'attribut role car j'ai pas tout compris. Merci
  8. J'essaye depuis quelques temps déjà de faire un site en HTML5 avec toutes les informations que j'ai pu récupérer sur internet. Aujourd'hui je suis arrivé à terminé ma page, l'affichage est ok dans IE et MOZILLA mais je suppose qu'il y a des incohérences dans ma page. Mon problème ? Savoir ou afin de trouver les solutions pour avoir le fichier le plus propre possible en HTML5. Si vous pouvez m'aider. Ci-dessous le code ma page (dès la partie body). <body> <div class="center"><!-- START CENTER PAGE--> <div id="container"><!-- START CONTAINER--> <!-- START SECTION LOGO MENU--> <section> <header> <figure> <a id="logo" title="Homepage" href="index.html"><img src="images/logo.png" alt="Accueil" width="220" height="60"/></a> </figure> <nav> <div id="main_navigation" class="main-menu"> <ul> <li><a href="index.html" title="Page d'accueil">ACCUEIL</a></li> <li><a href="#">MENU 1</a> <ul> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> </ul> </li> <li><a href="#">MENU 2</a> <ul> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> <li><a href="#">LIEN</a></li> </ul> </li> <li><a href="#">MENU 3</a> <li><a href="#">MENU 4</a></li> <li><a href="#">MENU 5</a></li> </ul> </div> </nav> <div class="horizontal-line-prog"></div> </header> </section> <!-- END SECTION LOGO MENU--> <!-- START SECTION ONE LOGO EVENT INFOS --> <section class="one"> <div class="one-third"> <figure> <img src="images/photo01.jpg" width="465" height="110" alt="photo01"> </figure> </div> <div class="one-third"> <p></p> </div> <div class="one-third last"> INFORMATIONS <ul class="checklist-list"> <li>info 1</li> <li>info 2</li> <li>info 3</li> </ul> </div> </section> <!-- END SECTION ONE LOGO EVENT INFOS --> <!-- START SECTION ONE SLIDE --> <section class="one"> <div id="slides"><!-- START DIV SLIDES--> <div class="slides_container big-slider"> <div class="slide"> <img src="images/slideshow/slide-02.jpg" alt=" " width="950" height="350"/> </div> <div class="slide"> <img src="images/slideshow/slide-02.jpg" alt=" " width="950" height="350"/> </div> <div class="slide"> <img src="images/slideshow/slide-02.jpg" alt=" " width="950" height="350"/> </div> </div> </div><!-- END DIV SLIDES--> </section> <!-- END SECTION ONE SLIDE --> <!-- START SECTION ONE PRESENTATION PROGRAMME --> <section class="one"> <H1>TITRE PROGRAMME</H1> <p>TEXTE DESCRIPTIF</p> <!-- TITRE PROGRAMME--> <H2>TITRE 2</H2> <!-- TITRE --> <!-- DETAIL PROGRAMME--> <div class="one-half"> <H3>TITRE 3</H3> <ul class="prog-list"> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> </ul> </div> <div class="one-half last"> <H3>TITRE 3</H3> <ul class="prog-list"> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> </ul> </div> <!-- END PROGRAMME--> <!-- TITRE BUDGET --> <H2>TITRE 2</H2> <!-- TITRE --> <!-- START TABLEAU --> <center> <table> <tr> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> </tr> <tr> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> </tr> <tr> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> </tr> <tr> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> <th>TABLEAU</th> </tr> </table> </center> <!-- END TABLEAU --> <!-- START SECTION ONE TARIF INCLUT OPTION --> <div class="one"> <div class="one-half"> <H4>TITRE 4</H4> <ul class="coche-list"> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> </ul> </div> <div class="one-half last"> <H4>TITRE 4</H4> <ul class="coche-list"> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> <li>DETAIL</li> </ul> </div> </div> <!-- END SECTION ONE TARIF INCLUT OPTION --> </section> <!-- END SECTION ONE PRESENTATION PROGRAMME --> <!-- START SECTION ONE FOOTER --> <section> <footer> <!-- START WRAPPER--> <div id="footer-wrapper"> <!-- START FOOTER CONTAINER BF--> <div id="footer-container"> <div id="footer"><!-- START FOOTER--> <div class="one-fourth"> <h4>Nos autres sites</h4> <ul class="social-links"> <li><a href="#">http://www.blablabla.com</a></li> <li><a href="#">http://www.blablabla.com</a></li> <li><a href="#">http://www.blablabla.com</a></li> <li><a href="#">http://www.blablabla.com</a></li> <li><a href="#">http://www.blablabla.com</a></li> </ul> </div> <div class="one-fourth"> <h4>Flash Code</h4> <a href="images/flashcode.png" class="portfolio-item-preview" data-rel="prettyPhoto"><img src="images/flashcode.png" alt=" " width="170" height="169" class="portfolio-img pretty-box"/></a> </div> <div class="one-fourth"> <h4>Réseaux Sociaux</h4> <ul class="social-links"> <!-- SOCIAL LINKS STARTS--> <li><img src="images/icons/facebook.png" width="16" height="16" alt="#"/><a href="#">Page Facebook</a></li> <li><img src="images/icons/twitter.png" width="16" height="16" alt="#"/><a href="#">Page Twitter</a></li> <li><img src="images/icons/rss.png" width="16" height="16" alt="#"/><a href="#">Our RSS Feeds</a></li> <li><img src="images/icons/vimeo.png" width="16" height="16" alt="#"/><a href="#">Our Vimeo Videos</a></li> </ul> </div> <div class="one-fourth last"> <h4>Contact</h4> <p>NOM<br /> ADRESSE 1<br /> ADRESSE 2 </p> <ul class="social-links"> <li>Tel.: <a href="#">+ 33 (0)0 00 00 00 00</a></li> <li>Fax : <a href="#">+ 33 (0)0 00 00 00 00</a></li> <li>Mail : <a href="#">info_AT_email.com</a></li> </ul> </div> </div><!-- END FOOTER--> </div> <!-- END FOOTER CONTAINER--> <!-- START FOOTER CONTAINER BM--> <div id="footer-container2"> </div> <!-- START FOOTER CONTAINER BM--> </div> <!-- END WRAPPER--> <!-- START COPYRIGHT WRAPPER --> <div id="copyright-wrapper"> <div id="copyright"> <figure> <a id="copyright-logo" title="Homepage" href="#"><img src="images/logo-bottom.png" alt="Accueil" width="185" height="50"/></a> </figure> <div class="right"> <nav><p> <a href="#">Accueil</a> / <a href="#">Société</a> / <a href="#">Nos Clients</a> / <a href="#">Liens</a> / <a href="#">Newsletter</a> / <a href="#">Site Map</a> / <a href="#">Contact</a> </p></nav> <span>© Copyright 2012. Tous droits réservés .com</span> </div> </div><!-- COPYRIGHTS ENDS--> </div> <!-- END COPYRIGHT WRAPPER --> </footer> </section> <!-- END SECTION ONE FOOTER --> </div><!-- END CONTAINER--> </div> <!-- END CENTER PAGE--> </body>
  9. Bonjour, Je suis à la recherche d'un slideshow de news, avec la possibilité de mettre un descriptif, un lien, une image enfin exactement celà ... />http://www.sohtanaka.com/web-design/examples/image-rotator/ J'ai cherché mais pas trouvé quelque chose à télécharger, que des tutos . Merci
  10. Bein l'affichage de l'image c'est bon, tout simplement en CSS : #conteneur_global { background-color: #000000; background-image:url(images/A3.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: center top; width: 100%; height: 100%; } ou body { background-color: #000000; background-image:url(images/A3.jpg); } Par contre rendre cliquable cela me parait impossible. Donc non j'ai pas réussie
  11. Si très clair merci beaucoup mais je galère pour l'appliquer. Je vais encore essayer. Ca doit pas être si compliqué !!
  12. Bonjour, Je recherche 2 scripts, un pour créer un moteur de recherche interne et l'autre pour créer et gérer une zone membre. Si vous avez cela ... Merci à tous Julie
  13. Non je pense m'être mal exprimé. Je souhaite que l'image de fond soit cliquable.
×
×
  • Create New...