منتدي اكواد
 |
 |
|
 |
 |
الملاحظات
قسم تطوير المواقع قسم تطوير مواقع الويب
أهلا وسهلا بك إلى منتدي اكواد.
أهلا وسهلا بك زائرنا الكريم، إذا كانت هذه زيارتك الأولى للمنتدى، فيرجى التكرم بزيارة صفحة التعليمـــات، بالضغط هنا.
كما يشرفنا أن تقوم بالتسجيل بالضغط هنا إذا رغبت بالمشاركة في المنتدى، أما إذا رغبت بقراءة المواضيع والإطلاع فتفضل بزيارة القسم الذي ترغب أدناه.
بلوجر اضافة اداة الترحيب بشهر رمضان الكريم
بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله وبركاته اضافة اداة الترحيب بشهر رمضان الكريم كل عام وانتم بخير بمناسبة شهر رمضان الكريم نتمنى لكم صوما مقبولا
|
|
المشاركات 264 |
+التقييم 0.15 |
تاريخ التسجيل Nov 2019 |
الاقامة في ارض الله |
نظام التشغيل ادد معرفة |
رقم العضوية 2636 |
2020-04-11, 08:24 AM
المشاركة
1
بلوجر اضافة اداة الترحيب بشهر رمضان الكريم
|
|
بسم الله الرحمن الرحيم
والسلام عليكم ورحمة الله وبركاته
اضافة اداة الترحيب بشهر رمضان الكريم
كل عام وانتم بخير بمناسبة شهر رمضان الكريم نتمنى لكم صوما مقبولا وافطارا شهيا اما بعد اليوم نقدم لكم اضافة اداة الترحيب بشهر رمضان الكريم على مدونتك في البلوجر تابع معي لتتعرف على كيفية تركيب الاضافة الى مدونتك
صورة الاضافة :
كيفية التركيب :
ابحث عن </head>
وضع هذا الكود قبلها او فوقها
أبحث عن </body>
وضع هذا الكود فوقه او قبله
عفواً لايمكن عرض الرابط إلا بعد الرد على الموضوع
والسلام عليكم ورحمة الله وبركاته
اضافة اداة الترحيب بشهر رمضان الكريم
كل عام وانتم بخير بمناسبة شهر رمضان الكريم نتمنى لكم صوما مقبولا وافطارا شهيا اما بعد اليوم نقدم لكم اضافة اداة الترحيب بشهر رمضان الكريم على مدونتك في البلوجر تابع معي لتتعرف على كيفية تركيب الاضافة الى مدونتك
صورة الاضافة :
كيفية التركيب :
ابحث عن </head>
وضع هذا الكود قبلها او فوقها
كود:
<b:if cond='data:view.isHomepage'> <style type='text/css'>
/* Pop Up Ramadhan */
@keyframes zoomIn {
from {
opacity: 0
}
50% {
opacity: 1
}
}
@keyframes slideDown {
0% {
opacity: 0;
transform: translateY(-10%)
}
100% {
opacity: 1;
transform: translateY(0%)
}
}
#myModal {
display: none
}
#th3protkpuasa2019ku {
line-height: 1.55;
display: block;
background: #fff;
position: fixed;
top: 25%;
right: 0;
left: 0;
margin: auto;
text-align: center;
max-width: 600px;
box-shadow: 0 0 2.5rem -1.5rem rgba(0, 0, 0, 0.5);
z-index: 1001;
min-height: 325px;
padding: 20px;
border-radius: 10px;
animation: slideDown 1s
}
#th3protkpuasa2019ku .puasa19 {
position: absolute;
color: #222;
font-size: 1.5rem;
font-weight: 400;
z-index: 99999;
text-align: center;
margin: auto;
padding: 10px;
left: 0;
right: 0;
top: 17%;
border-bottom: 1px solid rgba(0, 0, 0, 0.05);
border-top: 1px solid rgba(0, 0, 0, 0.05)
}
#th3protkpuasa2019ku .puasa19 p {
text-align: center;
margin: 10px auto;
font-style: italic;
font-family:
}
#th3protkpuasa2019ku .puasa19 .ramadhan2019 {
font-size: 2.5rem;
font-style: normal
}
#th3protkpuasa2019ku a.close-popup {
background: #428bca;
position: absolute;
bottom: 20px;
right: 20px;
color: #fff;
text-align: center;
cursor: pointer;
z-index: 99;
border-radius: 3px;
display: inline-block;
font-size: 13px;
padding: 4px 14px;
min-width: 60px;
transition: all 0.3s
}
#th3protkpuasa2019ku a.close-popup:hover {
background: #336d9e;
color: #fff
}
#th3protkpuasa2019ku a.close-popup:active {
opacity: .9
}
.ketupat {
position: absolute;
left: 0;
right: 0;
top: -12px;
margin: auto;
width: 10px;
height: 10px;
background: #B9E937;
box-shadow: 10px 0 0 #57D131, 10px 10px 0 #B9E937, 0px 10px 0 #57D131, 5px 5px 0 10px #fff;
display: inline-block;
text-align: center;
transform: rotate(45deg);
z-index: 2
}
.ketupat.duaa {
top: initial;
bottom: 3px
}
#hiding {
background: #3979b0;
position: absolute;
bottom: 20px;
right: 78px;
color: #fff;
text-align: center;
cursor: pointer;
z-index: 99;
border-radius: 3px;
display: inline-block;
font-size: 20px;
padding: 0 10px;
line-height: 28px;
min-width: 28px;
transition: all 0.3s
}
#hiding:hover {
background: #336d9e;
color: #fff
}
.matilampuku {
position: fixed;
top: 0;
background: rgba(0, 0, 0, 0.35);
left: 0;
right: 0;
bottom: 0;
margin: 0;
z-index: 1000;
animation: zoomIn 1s
}
@media screen and (max-width:768px) {
#th3protkpuasa2019ku .puasa19 {
font-size: 1rem
}
#th3protkpuasa2019ku .puasa19 .ramadhan2019 {
font-size: 1.5rem
}
#th3protkpuasa2019ku {
min-height: 260px;
left: 20px;
right: 20px
}
}
</style> </b:if>
أبحث عن </body>
وضع هذا الكود فوقه او قبله
كود:
<b:if cond='data:view.isHomepage'>
<div id='myModal'>
<div id='th3protkpuasa2019ku'>
<div class='ketupat' /> <a class='close-popup' href='javascript:void(0);' onclick='document.getElementById('myModal').style.display='none';return false;' title='Close this message'>اغلاق</a>
<div class='hidemodal' id='hiding'><span title='Do not show this message again'>×</span></div>
<div class='puasa19'>
<p>رمضان كريم</p>
<p><span class='ramadhan2019'>رمضان 1440 هجريا</span></p>
<p>على كل الامة الاسلامية</p>
</div>
<div class='ketupat duaa' /> </div>
<div class='matilampuku' /> </div>
<script type='text/javascript'>
//<![CDATA[ function setCookie(e,i,o){var n=new Date;n.setDate(n.getDate()+o);var a=escape(i)+(null==o?"":"; expires="+n.toUTCString());document.cookie=e+"="+a}function getCookie(e){var i,o,n,a=document.cookie.split(";");for(i=0;i<a.length;i++)if(o=a[i].substr(0,a[i].indexOf("=")),n=a[i].substr(a[i].indexOf("=")+1),(o=o.replace(/^s+|s+$/g,""))==e)return unescape(n)}var th3protk_COOKIE="cookieth3protk",hideMe=document.getElementById("myModal"),cookie=getCookie(th3protk_COOKIE),cookieth3protk=cookie||hideMe.style.display,hiding=document.getElementById("hiding");hiding.onclick=function(){setCookie(th3protk_COOKIE,cookieth3protk,100),hideMe.style.display="block"===cookieth3protk?"none":"block",cookieth3protk=hideMe.style.display},hiding.onclick(); //]]>
</script>
</b:if>
عفواً لايمكن عرض الرابط إلا بعد الرد على الموضوع
رد: بلوجر اضافة اداة الترحيب بشهر رمضان الكريم
2020-04-27, 08:09 PM
المشاركة
4
« الموضوع السابق | الموضوع التالي »
| الذين يشاهدون محتوى الموضوع الآن : 5 ( الأعضاء 0 والزوار 5) | |
|
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| بلوجر اضافة تأثير التحميل علي شكل قمر بمناسبة شهر رمضان الكريم | Mawdo3jded | قسم تطوير المواقع | 4 | 2024-02-05 08:26 PM |
| اضافة اداة رمضان كريم لمدونات بلوجر بشكل رائع | Mawdo3jded | قسم تطوير المواقع | 1 | 2020-04-18 02:38 PM |
| بلوجر اضافة رمضانية احترافية بمناسبة رمضان | Mawdo3jded | قسم تطوير المواقع | 1 | 2020-04-10 10:51 PM |
| قالب بلوجر ل القرآن الكريم تصفح فلاش | Mawdo3jded | قسم تطوير المواقع | 1 | 2020-04-09 03:18 PM |
| شيء خاص بشهر رمضان المكرم | Hassan Emprator | تطوير سيرفرات كونكر | 4 | 2019-05-07 01:52 PM |
الساعة الآن 08:41 AM
Powered by vBulletin® Copyright ©2000 - 2019, Jelsoft Enterprises Ltd.