منتدي كونكر عرب
قسم تطوير المواقع قسم تطوير مواقع الويب
أهلا وسهلا بك إلى كونكر عرب.
مرحبا بك، إذا كنت تقرأ هذة الرسالة فهذا يعني أنك غير مسجل بكونكر عرب. يرجى اتخاذ ثانية، وفي خطوات بسيطة سوف تكون قادر على التمتع بجميع ميزات كونكر عرب.
كما يشرفنا أن تقوم سجل الآن
الضغط على زر التسجيل بكونكر عرب فإنك تقر بموافقتك على سياسة كونكر عرب، وأنك قد قرأتها بالكامل ويسمح للمشرفين و الإدارة التعامل معك حسب السياسة, بما في ذلك استخدام ملفات تعريف الارتباط (الكوكيز)
بلوجر اضافة اداة الترحيب بشهر رمضان الكريم
قسم تطوير المواقع
بسم الله الرحمن الرحيم والسلام عليكم ورحمة الله وبركاته...
|
|
المشاركات 419 |
+التقييم 0.17 |
تاريخ التسجيل Nov 2019 |
الاقامة في ارض الله |
نظام التشغيل ادد معرفة |
رقم العضوية 2636 |
2020-04-11, 08:24 AM
المشاركة
1
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>
عفواً لايمكن عرض الرابط إلا بعد الرد على الموضوع
التعديل الأخير تم بواسطة Hazem ; 2020-04-11 الساعة 12:43 PM
رد: بلوجر اضافة اداة الترحيب بشهر رمضان الكريم
2020-04-27, 08:09 PM
المشاركة
4
« الموضوع السابق | الموضوع التالي »
| الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
| الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
| بلوجر اضافة رمضانية احترافية بمناسبة رمضان | Mawdo3jded | قسم تطوير المواقع | 1 | 2020-04-10 10:51 PM |
| قالب بلوجر القرآن الكريم فلاش النسخ الثانيه | Mawdo3jded | قسم تطوير المواقع | 0 | 2020-04-10 07:08 AM |
| قالب بلوجر ل القرآن الكريم تصفح فلاش | Mawdo3jded | قسم تطوير المواقع | 1 | 2020-04-09 03:18 PM |
| [طلب] تون سيتي رمضان + مسابقات رمضان | AhmedGadd | مشكلات السيرفيرات كونكر الشخصيه | 1 | 2020-04-08 09:32 PM |
| شيء خاص بشهر رمضان المكرم | Hassan Emprator | تطوير سيرفرات كونكر | 4 | 2019-05-07 01:52 PM |
الساعة الآن 01:16 AM