Skip to content

N
NAP-wordpress
Commit abdeb948 authored by imac's avatar imac
Browse files
Options

[ADD]Personnalisation : form

parent 6da1cf23
Hide whitespace changes
Inline Side-by-side
Showing with 105 additions and 10 deletions
wp-content/themes/nap/assets/css/img/upload.svg 0 → 100644
View file @ abdeb948
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 21.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 8 9" style="enable-background:new 0 0 8 9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:none;stroke:#FFFFFF;stroke-linecap:round;stroke-miterlimit:10;}
</style>
<g>
<g>
<text transform="matrix(1.0015 0 0 1 10.3 7.4405)" class="st0" style="font-family:'Montserrat-Regular'; font-size:9px;">Importer votre image</text>
</g>
</g>
<g>
<g>
<g>
<line class="st1" x1="1.6" y1="2.5" x2="3.7" y2="0.5"/>
<line class="st1" x1="5.7" y1="2.5" x2="3.7" y2="0.5"/>
</g>
<line class="st1" x1="3.7" y1="5.8" x2="3.7" y2="0.5"/>
</g>
<line class="st1" x1="1" y1="7.3" x2="6.4" y2="7.3"/>
</g>
</svg>
wp-content/themes/nap/assets/css/main.css
View file @ abdeb948
...@@ -146,8 +146,23 @@ textarea{ ...@@ -146,8 +146,23 @@ textarea{
resize: none; resize: none;
height: 145px; height: 145px;
padding: 3px 10px; padding: 3px 10px;
margin-top: 6px; margin-bottom: 8px;
margin-bottom: 15px; }
input[type=file] {
position: absolute;
top: 0;
right: 0;
left: 0;
min-width: 100%;
min-height: 100%;
font-size: 0px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: transparent;
cursor: inherit;
display: block;
} }
::-webkit-input-placeholder { color:#232E7C ! important; font-size: 11px;opacity: 0.5} ::-webkit-input-placeholder { color:#232E7C ! important; font-size: 11px;opacity: 0.5}
::-moz-placeholder { color:#232E7C !important ; font-size: 11px;opacity: 0.5} ::-moz-placeholder { color:#232E7C !important ; font-size: 11px;opacity: 0.5}
...@@ -160,6 +175,25 @@ svg, svg * { ...@@ -160,6 +175,25 @@ svg, svg * {
select,option{ select,option{
cursor: pointer; cursor: pointer;
} }
.files{
position: relative;
line-height: 0px;
margin-bottom: 21px;
}
.file-p{
position: absolute !important;
top: 0;
right: 0;
left: 0;
opacity: 0;
height: 100%;
z-index: 9999;
}
.loaded-file{
margin-bottom: 2px;
opacity: 1 !important;
font-size: 11px !important;
}
/*========================================================================== /*==========================================================================
II/ Helper..............Helper classes II/ Helper..............Helper classes
========================================================================== */ ========================================================================== */
...@@ -253,6 +287,11 @@ II/ Helper..............Helper classes ...@@ -253,6 +287,11 @@ II/ Helper..............Helper classes
top: 5px; top: 5px;
right: 9px; right: 9px;
} }
.image-icon{
height: 73px;
width: 73px;
background: url(img/file.jpg) no-repeat;
}
.hidden-elem{ .hidden-elem{
opacity:0; opacity:0;
} }
...@@ -383,6 +422,9 @@ II/ Helper..............Helper classes ...@@ -383,6 +422,9 @@ II/ Helper..............Helper classes
padding: 8px; padding: 8px;
display: inline-block; display: inline-block;
padding: 7px 22px; padding: 7px 22px;
position: relative;
letter-spacing: 0.2px;
line-height: 11px;
} }
.rounded.download-btn:before{ .rounded.download-btn:before{
margin-right: 15px; margin-right: 15px;
...@@ -501,7 +543,14 @@ p{ ...@@ -501,7 +543,14 @@ p{
line-height: 31px; line-height: 31px;
letter-spacing: 0.5px; letter-spacing: 0.5px;
} }
.files p{
font-size: 8.6px;
line-height: 11px;
opacity: 0.7;
letter-spacing: 0.3px;
font-style: italic;
padding-left: 8px;
}
/* ========================================================================== /* ==========================================================================
IV/ Layout................Page Layout IV/ Layout................Page Layout
========================================================================== */ ========================================================================== */
...@@ -1100,6 +1149,16 @@ aside.news-wrapper { ...@@ -1100,6 +1149,16 @@ aside.news-wrapper {
vertical-align: middle; vertical-align: middle;
margin: 0 auto; margin: 0 auto;
} }
.upload-btn:before{
background: url(img/upload.svg) no-repeat;
height: 9px;
width: 12px;
background-size: 8px;
vertical-align: middle;
margin: 0 auto;
content:'';
display: inline-block;
}
.product-info .circle-btn{ .product-info .circle-btn{
margin-top: 60px; margin-top: 60px;
} }
...@@ -1711,7 +1770,10 @@ aside.news-wrapper { ...@@ -1711,7 +1770,10 @@ aside.news-wrapper {
font-family: 'Crete Round'; font-family: 'Crete Round';
font-size: 20px; font-size: 20px;
line-height: 21px; line-height: 21px;
padding-bottom: 17px; padding-bottom: 16px;
}
.coord{
margin-bottom: 26px;
} }
/* --------------*/ /* ---------->>> Contact <<<-----------*/ /* --------------*/ /* --------------*/ /* ---------->>> Contact <<<-----------*/ /* --------------*/
.contact-wrapper .left-panel{ .contact-wrapper .left-panel{
...@@ -1812,7 +1874,10 @@ input.search{ ...@@ -1812,7 +1874,10 @@ input.search{
background: rgba(26,26,26,0.1);; background: rgba(26,26,26,0.1);;
left: 0; left: 0;
} }
.contact-wrapper .message textarea{
margin-top: 6px;
margin-bottom: 15px;
}
/* --------------*/ /* ---------->>> Contact form 7 <<<-----------*/ /* --------------*/ /* --------------*/ /* ---------->>> Contact form 7 <<<-----------*/ /* --------------*/
.wpcf7-not-valid{ .wpcf7-not-valid{
border: 1px solid red !important; border: 1px solid red !important;
......
wp-content/themes/nap/assets/js/main.js
View file @ abdeb948
...@@ -37,8 +37,13 @@ $(function(){ ...@@ -37,8 +37,13 @@ $(function(){
$('.gallery-wrapper').removeClass('hidden-elem').addClass('animated visible-elem fadeInUp'); $('.gallery-wrapper').removeClass('hidden-elem').addClass('animated visible-elem fadeInUp');
},0) },0)
}); });
});
}); //Get file name of uploaded file
$('#file-p').on('change',function(e){
var fileName = e.target.files[0].name;
$('.upload-btn').after($('<p class="loaded-file">' + fileName + '</p>'));
})
//END get file name
//END load content page on left Panel //END load content page on left Panel
$(document).on('click','.close-panel',function(e){ $(document).on('click','.close-panel',function(e){
$('.load-page').parent().removeClass('active'); $('.load-page').parent().removeClass('active');
......
wp-content/themes/nap/contact.php
View file @ abdeb948
...@@ -115,7 +115,7 @@ $post_ID = 157; ...@@ -115,7 +115,7 @@ $post_ID = 157;
</form>--> </form>-->
<?php echo do_shortcode( '[contact-form-7 id="408" title="Contact form"]' ); ?> <?php echo do_shortcode( '[contact-form-7 id="558" title="Contact form"]' ); ?>
</div> </div>
<div class="footer blue-bg abs font-small"> <div class="footer blue-bg abs font-small">
<h3 class="crete marker">Siège</h3> <h3 class="crete marker">Siège</h3>
......
wp-content/themes/nap/uniqpaper.php
View file @ abdeb948
...@@ -18,7 +18,7 @@ get_header(); ?> ...@@ -18,7 +18,7 @@ get_header(); ?>
</div> </div>
<div class="right-panel right"> <div class="right-panel right">
<div class="form-wrapper clearfix"> <div class="form-wrapper clearfix">
<form action="#" method="POST"> <!--<form action="#" method="POST">
<h2>Information sur le produit</h2> <h2>Information sur le produit</h2>
<textarea name = "description" placeholder="Describe yourself here..."> </textarea> <textarea name = "description" placeholder="Describe yourself here..."> </textarea>
<h2>Vos coordonnées</h2> <h2>Vos coordonnées</h2>
...@@ -36,7 +36,8 @@ get_header(); ?> ...@@ -36,7 +36,8 @@ get_header(); ?>
<div class="center"> <div class="center">
<input type = "submit" class="btn pink-btn rounded" value = 'Envoyer'> <input type = "submit" class="btn pink-btn rounded" value = 'Envoyer'>
</div> </div>
</form> </form>-->
<?php echo do_shortcode( '[contact-form-7 id="663" title="Personnalisation form"]' ); ?>
</div> </div>
</div> </div>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment