کار با google map

[ندا 1991]

سلام
من از یک قالب اماده برای ساخت یک سایت تبلیغاتی استفاده کردم درون این قالب اماده یک تگ به اسم contact section قرار داره درون این تگ یک تگ دیگر به اسم google map میباشد
در ظاهر سایت نقشه گوگل بکگراند میباشد و یک جدول با چند تکست باکس از سمت راست برای ارتباط با ما بروی بکگراند قرار میگیرد.گوگل مپ رو میخام حذف کنم ولی جدول ارتباط باما رو میخام داشته باشه
چطور بجای تگ گوگل مپ یک عکس بکگراند قرار بدم که نمایش بهم نریزه؟
کد هابه این صورت میباشند
<!-- Contact Section -->


<section id="contact" class="contact">
<div class="contact-inner">
<div id="google-map" class="google-map">
<div id="googleMaps" class="google-map-container"></div>
</div><!-- /#google-map -->

<div class="form-area text-center wow animated fadeInRight" data-wow-delay=".75s">
<h2 class="section-title"><span>Contact</span> With Us</h2><!-- /.section-title -->
<form action="email.php" method="post" id="contactform" class="contactform">
<input id="name" class="form-control" name="name" type="text" placeholder="Name" value="" required>
<input id="email" class="form-control pull-right" name="email" type="email" placeholder="Email" value="" required>
<textarea id="message" class="form-control" name="message" placeholder="Your Message" rows="5" required></textarea>
<button name="submit" class="btn submit-btn" type="submit" id="submit">Send Message</button>
</form><!-- /#contactform -->
</div><!-- /.form-area -->
</div><!-- /.contact-inner -->
</section>

<!-- Contact Section -->

[ندا 1991]

دوستان راهنمایی لطفا:ناراحت:

[bomb23]

سلام
خب وقتی سوال مناسب نباشه جواب مناسبی هم براش پیدا نمیشه.
الان کسی نمیتونه خروجی ببینه که حتی بخواد متوجه سوال بشه چه برسه به جواب دادن.
لطفا سمپل قالب رو ضمیمه یا بر روی سایت jsfiddle (https://jsfiddle.net/) قرار بدید تا بشه راحت تر بررسی کرد.

[ندا 1991]

قالب در این لینک http://www.free-css.com/assets/files/free-css-templates/preview/page195/polmo/
منظورم این قسمت هست که بجای نقشه , عکس بکگراند قرار بگیره

140423

[bomb23]

کد زیر رو جایگزین کدتون کنید درست میشه :



<section id="contact" class="contact">
<div class="contact-inner">
<div style="min-height: 450px; background-image: url(&quot;http://file3.noormags.ir/content/images/home/aboutBack.jpg&quot;);" id="google-map" class="google-map">

</div>
<div style="visibility: visible; animation-delay: 0.75s; animation-name: fadeInRight;" class="form-area text-center wow fadeInRight animated" data-wow-delay=".75s">
<h2 class="section-title"><span>Contact</span> With Us</h2>
<form action="#" method="post" id="contactform" class="contactform">
<input id="name" class="form-control" name="name" placeholder="Name" value="" required="" type="text">
<input id="email" class="form-control pull-right" name="email" placeholder="Email" value="" required="" type="email">
<textarea id="message" class="form-control" name="message" placeholder="Your Message" rows="5" required=""></textarea>
<button name="submit" class="btn submit-btn" type="submit" id="submit">Send Message</button>
</form>
</div>
</div>
</section>

[ندا 1991]

ممنون از اینکه وقت گذاشتین
برای همین نمونه سایت فونت رو چطور میتونم عوض کنم ؟
از طریق فایل style.css و گزینه body {font family فونت رو تغییر دادم در قسمت design هم فونت تغییر کرده ولی در نمایش مرورگر فونت تغییر نکرده نمایش داده میشه

[bomb23]

اینو بخونید کامل توضیح داده با نمونه
http://www.w3schools.com/css/css3_fonts.asp

[ندا 1991]

@font-face {
font-family: myFirstFont;
src: url(sansation_light.woff);
}

div {
font-family: myFirstFont;
}

برای آدرس src باید ادرس فونت مورد نظر داخل پروژه را قرار بدیم فونتها باید به پوشه اضافه بشه؟

[bomb23]

سلام بله فونت ها باید توی یه پوشه قرار بگیره و داخل @font-face بهش اشاره کنید. ضمنا سعی کنید فونت را در چهار فرمت مختلف وب در پروژه قرار بدید.

[ندا 1991]

فونت تغییر کرد ولی فقط با مروگر کروم نمایش داده میشود در موزیلا هیچ تغییری نمیکنه
یکسری بکگراند ها هم در موزیلا نمایش نمیده ولی کروم نمایش میده
دلیلش چیه؟
چطور با همه مرورگرها سازگار میشه؟

[bomb23]

ممکنه کش موزیلا باشه ctrl+f5 بزنید احتمالا درست میشه.

[ندا 1991]

بله درست شد
تشکر از راهنمایی تون.