كود الفوتر الخاص بشبكة تواصل

كود:

<style>


#foOter {
    background: url(http://www.al-naddaf.com/PC-NDF/vb/alnaddaf-style/styles/Violet/gradients/bg_footer1.jpg) no-repeat;
    width: 949px;
    height: 265px;
    position: relative;
    direction: rtl;
    margin:0 auto;
}

.links {
    width: 250px;
    height: 170px;
    position: absolute;
    right: 20px;
    top: 45px;
}

.links li {
    list-style: none;
}

.links li a {
    background: url(images/misc/navbit-arrow-left.png) no-repeat 100% 50%;
    padding: 6px 0;
    padding-right: 20px;
    font: 9pt  tahoma , Geneva, sans-serif;
    color: #333333;
    text-decoration: none;
    display: block;

    -webkit-transition: all .2s;
    -moz-transition: all .2s;
    -o-transition: all .2s;
    -ms-transition: all .2s;
    transition: all .2s;
    color: #333333;
}

.links li a:hover {
    padding-right: 25px;
    color: #000000;
}

.about {
    width: 240px;
    height: 200px;
    position: absolute;
    right: 300px;
    top: 48px;
    font: 9pt/1.9em  tahoma , Geneva, sans-serif;
    color: #333333;
}

#send {
    width: 345px;
    height: 260px;
    position: absolute;
    left: 20px;
    color: #333333;
}

#send > input[type=text] {
    position: absolute;
    width: 181px;
    height: 30px;
    left: 0;
    top: 50px;
    background: none;
    border: none;
    outline: none;
    color: #333333;
    padding: 0 10px;
    font: 8pt  tahoma , Geneva, sans-serif;
}

#send > input[type=email] {
    position: absolute;
    width: 181px;
    height: 30px;
    left: 0;
    top: 90px;
    background: none;
    border: none;
    outline: none;
    color: #333333;
    padding: 0 10px;
    font: 8pt  tahoma , Geneva, sans-serif;
    text-align: right;
}

#send > textarea {
    position: absolute;
    width: 320px;
    height: 70px;
    left: 0;
    top: 128px;
    border: none;
    background: none;
    outline: none;
    color: #333;
    padding: 10px;
    font: 8pt/1.7em  tahoma , Geneva, sans-serif;
}

#send > input[type=submit] {
    width: 63px;
    height: 34px;
    position: absolute;
    left: 0;
    bottom: 0;
    cursor: pointer;
    background: none;
    border: none;
    text-indent: -9999px;
}

.rights {
    width: 450px;
    height: 25px;
    position: absolute;
    bottom: 0;
    right: 0px;
    font: bold 9pt tahoma ;
    color: #333;
}


.block {
    width:935px;
    margin:0 auto;
    overflow:hidden;
}


.block img {
    max-width:700px;
}


 

</style>
<div id="foOter">
<ul class="links">
    <vb:if condition="$show['contactus']">
        <li><a href="https://al-naddaf.com/PC-NDF/vb/?styleid=222" rel="nofollow" accesskey="9">نسخة الجوال</a></li>
        <li><a href="{vb:raw vboptions.contactuslink}" rel="nofollow" accesskey="9">{vb:rawphrase contact_us}</a></li>
        </vb:if>
        <vb:if condition="$vboptions['hometitle']">
        <li><a href="{vb:raw vboptions.homeurl}">{vb:raw vboptions.hometitle}</a></li></vb:if>
        <vb:if condition="$show['admincplink']"><li><a href="{vb:raw admincpdir}/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase admin}</a></li></vb:if>
<vb:if condition="$vboptions['archiveenabled']"><li><a href="archive/index.php{vb:raw session.sessionurl_q}">{vb:rawphrase archive}</a></li></vb:if>
        {vb:raw template_hook.footer_links}
        <vb:if condition="$vboptions['privacyurl']"><li><a href="{vb:raw vboptions.privacyurl}">{vb:rawphrase privacy_statement}</a></li></vb:if>
<vb:if condition="$vboptions['tosurl']"><li><a href="{vb:raw vboptions.tosurl}">{vb:rawphrase terms_of_service}</a></li></vb:if></ul>

<div class="about">
 أهلاً وسهلا بكم في الموقع الإلكتروني الخاص بأسرة النداف والذي يهدف إلى تعميق مبدأ التواصل بين أفراد الأسرة ، وليكون هذا الموقع ديوانا مفتوحا لضيوف الأسرة وزوراها الذين يبادلونهم المحبة والتقدير&nbsp; .
<br />
نكرر ترحيبنابك عزيزنا الزائر .. سواء كنت من أفراد هذه العائلة أو أحد المهتمين بها .</div><!--end about-->



<form action="contact.php?do=docontactus" method="post" id="send">
<input type="hidden" name="s" value="" />
<input type="hidden" name="do" value="docontactus" />
<input type="hidden" name="url" value="" />
<input type="hidden" name="subject" value="اتصل بنا" />
<input type="hidden" name="securitytoken" value="guest" />


    <input type="text" placeholder="اكتب اسمك هنا " name="name" style="left: 17; top: 49px"  />
    <input type="email" placeholder="Enter your E.mail" name="email" style="left: 17; top: 85px"  />
    <textarea name="message" placeholder="اكتب رسالتك هنا ... " style="left: 8; top: 128px; height: 86px; width: 331px" ></textarea>
    <input type="submit" />
</form>

<div class="rights">
جميع الحقوق محفوظة لـ شبكة تواصل العائلية
</div><!--end rights-->

</div><!--end--footer-->