للترحيب بشهر رمضان المبارك 3 صور ومقدمه

مشاهدات الان

الاضافة 

الاولى

<!-- Ramadan Mubarak -->

<div style="float:left;position:absolute;left:0px;top:0px">

<img src="http://4.bp.blogspot.com/-9n4r5aoBuhw/UeBK7opvCFI/AAAAAAAADQg/XrRsmcqtPpI/s1600/Ramadan+Mubarak+-+www.afkarpro.blogspot.com.gif" alt="رمضان كريم"/>

</div>

<!-- END -->

<!--  START -->

<div style="float:left;position:absolute;left:0px;top:82px">

<img src="http://2.bp.blogspot.com/-Zadse9msB10/UeBJjd140WI/AAAAAAAADQQ/QH16pvyUbv0/s1600/fan-3+-+www.st-tek.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>

</div>

<!-- END -->

<!-- START -->

<div style="float:left;position:absolute;left:0px;top:230px">

<img src="http://4.bp.blogspot.com/-IL0VEx5Vae8/UeBJil3J0RI/AAAAAAAADQI/7PqBBxaLHog/s1600/fan-2+-+www.st-tek.blogspot.com.png" width="50,height="100" alt="رمضان كريم" title="رمضان مبارك سعيد" border="0"/>

</div>

<!-- Ramadan Mubarak -->

الاضافة الثانية

<a href="#"><img alt="Best Blogger Tips" src="http://2.bp.blogspot.com/-E1D5hSQZ--8/UeQB-4yg2HI/AAAAAAAADT0/FxJL3uQUpjc/s1600/best+blogger+tips+-+www.st-tek.blogspot.com.png" /></a><div style="position: fixed; top: 80%; left: 3%;">

<a href="#" rel="nofollow" target="_blank"><img alt="Blog Tips" src="http://3.bp.blogspot.com/-OLY6CgJxo34/UeQB-0gfi6I/AAAAAAAADTw/vkSl08w6wWw/s1600/Ramadan-Karim+-+www.st-tek.blogspot.com.png" /></a></div>

الاضافة الثالثة

اكواد  CSS

    #welcomebox {position:fixed;top:5%;left:50%;width:70%;margin-left:-35%;z-index:1000000;text-align:center;}

    #welcomebox p{color:#fff;font-size:150%;line-height:1.6em;margin:-5px 0 50px;}

    .welcomeclose {background:#bbb;color:#111;border-radius:3px;padding:4px 10px;text-align:center;margin:0 auto;cursor:pointer;display:inline;}

    .welcomeclose:hover {background-color:#aaa}

    #welcomeoverlay {position:fixed !important;position:absolute; z-index:999999;top:0px;right:0px;bottom:0px;left:0px;background:#005629 url(http://1.bp.blogspot.com/-19vOQibfxVQ/U6f5ZZfFtdI/AAAAAAAAdIA/-3kB-n9pUkA/s1600/Wallpaper.jpg) no-repeat top center;}

اكواد HTML

    <div id='welcomeoverlay'/>

    <div id='welcomebox'>

        <p>&#8220;أهلا رمضان&#8221;<br/>

         نحن في ادارة المدونة نبارك لكم الشهر الفضيل<br/>

    &quot;نسال الله ان يتقبل صيامكم وعبادتكم ,<br/>

    اللهم لا تحرمنا ان نكون من عتقائك من النار في هذا الشهر الفضيل ..آمين.&quot;</p>

        <div class='welcomeclose' onclick='document.getElementById(&quot;welcomebox&quot;).style.display=&quot;none&quot;;welcomeoverlay.style.display=&quot;none&quot;;'>أكمل القراءة &#8594;</div>

      </div>

منقول

Share on Google Plus

صاحب المدونه : صفحات هايف

اهلا وسهلا فيكم معنا بالمدونه البسيطه ""