alleeex
06.07.2010, 11:26
Cum fac sa se trimita mail-ul ? Stiu ca mai trebuie creata un fisier, dar nu stiu cum sa-l fac :D.
In <head> am :
<style type="text/css">
#contactFormContainer
{
position:absolute;
left:710px;
float:right;
}
#contactForm
{
height:280px;
width:250px;
background-image:url('bkg.jpg');
display:none;
}
#contactForm fieldset
{
padding:30px;
border:none;
}
#contactForm label
{
display:block;
color:#ffc400;
}
#contactForm input[type=text]
{
display:block;
border:solid 1px #4d3a24;
width:100%;
margin-bottom:10px;
height:24px;
}
#contactForm textarea
{
display:block;
border:solid 1px #4d3a24;
width:100%;
margin-bottom:10px;
}
#contactForm input[type=submit]
{
background-color:#4d3a24;
border:solid 1px #23150c;
color:#fecd28;
padding:5px;
}
#contactLink
{
height:40px;
width:351px;
background-image:url('slidein_button.png');
background-repeat:no-repeat;
display:block;
cursor:pointer;
}
#messageSent
{
color:#ff9933;
display:none;
}
</style>
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
}
else{
$("#contactForm").slideUp("slow");
}
});
});
function closeForm(){
$("#messageSent").show("slow");
setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
}
</script>
In <body> am:
<div class="box" style="position:absolute; z-index:3;">
<div id="contactFormContainer">
<div id="contactForm">
<fieldset>
<label for="Name">Name *</label>
<input id="name" type="text" />
<label for="Email">Email address *</label>
<input id="Email" type="text" />
<label for="Message">Your message *</label>
<textarea id="Message" rows="3? cols="20?></textarea>
<input id="sendMail" type="submit" name="submit" onclick="closeForm()" />
<span id="messageSent">Your message has been sent successfully!</span>
</fieldset>
</div>
<div id="contactLink"></div>
</div>
</div>
jquery-1.2.6.min - webdesigned.info/jquery-1.2.6.min.js
Multumesc.
In <head> am :
<style type="text/css">
#contactFormContainer
{
position:absolute;
left:710px;
float:right;
}
#contactForm
{
height:280px;
width:250px;
background-image:url('bkg.jpg');
display:none;
}
#contactForm fieldset
{
padding:30px;
border:none;
}
#contactForm label
{
display:block;
color:#ffc400;
}
#contactForm input[type=text]
{
display:block;
border:solid 1px #4d3a24;
width:100%;
margin-bottom:10px;
height:24px;
}
#contactForm textarea
{
display:block;
border:solid 1px #4d3a24;
width:100%;
margin-bottom:10px;
}
#contactForm input[type=submit]
{
background-color:#4d3a24;
border:solid 1px #23150c;
color:#fecd28;
padding:5px;
}
#contactLink
{
height:40px;
width:351px;
background-image:url('slidein_button.png');
background-repeat:no-repeat;
display:block;
cursor:pointer;
}
#messageSent
{
color:#ff9933;
display:none;
}
</style>
<script src="jquery-1.2.6.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#contactLink").click(function(){
if ($("#contactForm").is(":hidden")){
$("#contactForm").slideDown("slow");
}
else{
$("#contactForm").slideUp("slow");
}
});
});
function closeForm(){
$("#messageSent").show("slow");
setTimeout('$("#messageSent").hide();$("#contactForm").slideUp("slow")', 2000);
}
</script>
In <body> am:
<div class="box" style="position:absolute; z-index:3;">
<div id="contactFormContainer">
<div id="contactForm">
<fieldset>
<label for="Name">Name *</label>
<input id="name" type="text" />
<label for="Email">Email address *</label>
<input id="Email" type="text" />
<label for="Message">Your message *</label>
<textarea id="Message" rows="3? cols="20?></textarea>
<input id="sendMail" type="submit" name="submit" onclick="closeForm()" />
<span id="messageSent">Your message has been sent successfully!</span>
</fieldset>
</div>
<div id="contactLink"></div>
</div>
</div>
jquery-1.2.6.min - webdesigned.info/jquery-1.2.6.min.js
Multumesc.