Skip to content

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

[ADD]Personnalisation : form

parent 6da1cf23
Show 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{
resize: none;
height: 145px;
padding: 3px 10px;
margin-top: 6px;
margin-bottom: 15px;
margin-bottom: 8px;
}
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}
::-moz-placeholder { color:#232E7C !important ; font-size: 11px;opacity: 0.5}
......@@ -160,6 +175,25 @@ svg, svg * {
select,option{
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
========================================================================== */
......@@ -253,6 +287,11 @@ II/ Helper..............Helper classes
top: 5px;
right: 9px;
}
.image-icon{
height: 73px;
width: 73px;
background: url(img/file.jpg) no-repeat;
}
.hidden-elem{
opacity:0;
}
......@@ -383,6 +422,9 @@ II/ Helper..............Helper classes
padding: 8px;
display: inline-block;
padding: 7px 22px;
position: relative;
letter-spacing: 0.2px;
line-height: 11px;
}
.rounded.download-btn:before{
margin-right: 15px;
......@@ -501,7 +543,14 @@ p{
line-height: 31px;
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
========================================================================== */
......@@ -1100,6 +1149,16 @@ aside.news-wrapper {
vertical-align: middle;
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{
margin-top: 60px;
}
......@@ -1711,7 +1770,10 @@ aside.news-wrapper {
font-family: 'Crete Round';
font-size: 20px;
line-height: 21px;
padding-bottom: 17px;
padding-bottom: 16px;
}
.coord{
margin-bottom: 26px;
}
/* --------------*/ /* ---------->>> Contact <<<-----------*/ /* --------------*/
.contact-wrapper .left-panel{
......@@ -1812,7 +1874,10 @@ input.search{
background: rgba(26,26,26,0.1);;
left: 0;
}
.contact-wrapper .message textarea{
margin-top: 6px;
margin-bottom: 15px;
}
/* --------------*/ /* ---------->>> Contact form 7 <<<-----------*/ /* --------------*/
.wpcf7-not-valid{
border: 1px solid red !important;
......
wp-content/themes/nap/assets/js/main.js
View file @ abdeb948
......@@ -37,8 +37,13 @@ $(function(){
$('.gallery-wrapper').removeClass('hidden-elem').addClass('animated visible-elem fadeInUp');
},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
$(document).on('click','.close-panel',function(e){
$('.load-page').parent().removeClass('active');
......
wp-content/themes/nap/contact.php
View file @ abdeb948
......@@ -115,7 +115,7 @@ $post_ID = 157;
</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 class="footer blue-bg abs font-small">
<h3 class="crete marker">Siège</h3>
......
wp-content/themes/nap/uniqpaper.php
View file @ abdeb948
......@@ -18,7 +18,7 @@ get_header(); ?>
</div>
<div class="right-panel right">
<div class="form-wrapper clearfix">
<form action="#" method="POST">
<!--<form action="#" method="POST">
<h2>Information sur le produit</h2>
<textarea name = "description" placeholder="Describe yourself here..."> </textarea>
<h2>Vos coordonnées</h2>
......@@ -36,7 +36,8 @@ get_header(); ?>
<div class="center">
<input type = "submit" class="btn pink-btn rounded" value = 'Envoyer'>
</div>
</form>
</form>-->
<?php echo do_shortcode( '[contact-form-7 id="663" title="Personnalisation form"]' ); ?>
</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