كود وضع علبة الدردشة في صفحة مستقلة HTML
الثلاثاء فبراير 11, 2020 2:05 am
كود HTML لوضع علبة الدردشة قي صفحة مستلة مع تاثيرات جميلة
[ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
- الكود:
<title>الدردشة</title><meta http-equiv="content-type" content="text/html; charset=utf-8" /><meta http-equiv="content-script-type" content="text/javascript" /><meta http-equiv="content-style-type" content="text/css" /><link rel="shortcut icon" type="image/x-icon" href="http://www.m5zn.com/newuploads/2015/05/27/png//f161ce5c8a2bceb.png" /><meta name="robots" content="noindex, follow" /><meta property="og:title" content="الدردشة" /><meta property="og:site_name" content="mosa3edon.yoo7.com" /><meta name="title" content="الدردشة" /><link rel="stylesheet" href="/0-rtl.css" type="text/css" /><link rel="search" type="application/opensearchdescription+xml" href="/improvedsearch.xml" title="منتديات الغروب " /><link rel="search" type="application/opensearchdescription+xml" href="https://www.ahladalil.com/search/improvedsearch.xml" title="منتديات الغروب" /><script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script><script src="https://illiweb.com/rs3/60/frm/lang/ar.js" type="text/javascript"></script><script type="application/ld+json">{"@context":"https:\/\/schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"item":{"@id":"https:\/\/mosa3edon.yoo7.com\/","name":"\u0634\u0631\u0643\u0629 \u0627\u0644\u0645\u0633\u0627\u0639\u062f\u0648\u0646 \u0627\u0644\u0639\u0631\u0628 "}},{"@type":"ListItem","position":2,"item":{"@id":"https:\/\/mosa3edon.yoo7.com\/register","name":"\u0627\u0644\u062a\u0633\u062c\u064a\u0644"}}]}</script><script src="https://connect.facebook.net/ar_AR/all.js" type="text/javascript"></script><script src="https://illiweb.com/rs3/60/frm/ograph/fb_login.js" type="text/javascript"></script><link type="text/css" rel="stylesheet" href="https://illiweb.com/rs3/60/frm/jquery/ticker/ticker.css" /><script src="https://illiweb.com/rs3/60/frm/jquery/ticker/ticker.js" type="text/javascript"></script><script type="text/javascript">//<![CDATA[
$(document).ready(function () {$(document).ready(function () {Ticker.start({height: 0,spacing: 100,speed: 30,direction: 'bottom',pause: 0});});});//]]></script><style type="text/css">#page-footer, div.navbar, div.navbar ul.linklist {display: block !important;}ul.linklist li.rightside, ul.linklist li.rightside a.copyright {display: inline !important;}<!--
BEGIN switch_ticker_new-->.jcarousel-skin-tango .jcarousel-item {text-align: center;width: 10px;}.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: px;}.jcarousel-skin-tango .jcarousel-item-vertical {margin-bottom: px;}<!--
END switch_ticker_new--></style><script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script><script type="text/javascript" src="https://www.googletagmanager.com/gtag/js?id=UA-144347007-1"></script><script type="text/javascript" src="https://illiweb.com/rs3/60/frm/jquery/cookie/jquery.cookie.js"></script><script type="text/javascript" src="https://illiweb.com/rs3/60/frm/mentions/tooltipster.js"></script><script type="text/javascript" src="https://illiweb.com/rs3/60/frm/mentions/init.js"></script><script type="text/javascript" src="https://illiweb.com/rs3/60/frm/jquery/toolbar/FAToolbar.js"></script><script type="text/javascript">
//<![CDATA[
var validateConfig = {
"modules": "date, security",
"lang": "",
"language":{
"lengthTooShortStart": "\u064a\u062c\u0628 \u0639\u0644\u0649 \u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062d\u0642\u0644 \u0623\u0646 \u064a\u0632\u064a\u062f \u0639\u0646",
"errorTitle": "\u0644\u0642\u062f \u0638\u0647\u0631 \u062e\u0637\u0623 \u0645\u064f\u0641\u0627\u062c\u0626 \u0639\u0646\u062f \u0645\u064f\u062d\u0627\u0648\u0644\u0629 \u0625\u0631\u0633\u0627\u0644 \u0627\u0644\u0625\u0633\u062a\u0645\u0627\u0631\u0629. \u0627\u0644\u0645\u0631\u062c\u0648\u0627 \u0627\u0644\u0645\u062d\u0627\u0648\u0644\u0629 \u0645\u062c\u062f\u062f\u0627\u064b",
"requiredField": "\u0639\u0644\u064a\u0643 \u0625\u062a\u0645\u0627\u0645 \u0627\u0644\u062d\u0642\u0648\u0644 \u0627\u0644\u0625\u062c\u0628\u0627\u0631\u064a\u0629",
"requiredFields": "",
"badEmail": "\u0645\u0639\u0630\u0631\u0629, \u0644\u0643\u0646 \u0627\u0644\u0628\u0631\u064a\u062f \u0627\u0644\u0627\u0644\u0643\u062a\u0631\u0648\u0646\u064a \u0627\u0644\u0645\u0633\u062a\u0639\u0645\u0644 \u062e\u0627\u0637\u0626",
"lengthBadEnd": "\u062d\u0631\u0648\u0641",
"lengthBadStart": "\u0645\u062d\u0635\u0648\u0631 \u0628\u064a\u0646",
"badCustomVal": "\u0645\u062d\u062a\u0648\u0649 \u0627\u0644\u062d\u0642\u0644 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d",
"badInt": "\u0644\u0645 \u062a\u0642\u0645 \u0628\u0625\u062f\u062e\u0627\u0644 \u0623\u064a \u0631\u0642\u0645",
"badUrl": "\u0631\u0627\u0628\u0637 \u0627\u0644\u0645\u0648\u0642\u0639 \u0627\u0644\u0645\u0633\u062a\u0639\u0645\u0644 \u063a\u064a\u0631 \u0635\u062d\u064a\u062d",
"notConfirmed": "\u0627\u0644\u0628\u064a\u0627\u0646\u0627\u062a \u0627\u0644\u0645\u0633\u062a\u0639\u0645\u0644\u0629 \u0644\u064a\u0633\u062a \u0645\u062a\u0637\u0627\u0628\u0642\u0629",
"badStrength": "\u0643\u0644\u0645\u0629 \u0627\u0644\u0633\u0631 \u0627\u0644\u0645\u0633\u062a\u0639\u0645\u0644\u0629 \u0636\u0639\u064a\u0641\u0629 \u062c\u062f\u0627\u064b"
},
"scrollToTopOnError": false
};
var userlang_jqform = "";$(function(){
$.validate(validateConfig);
});
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-144347007-1');
var setScreen = function() {
var w = document.documentElement.clientWidth || document.body.clientWidth;
var h = document.documentElement.clientHeight || document.body.clientHeight;
$.cookie("_fa-screen", '{"w":' + w + ',"h":' + h + '}', { expires: 15, domain: 'mosa3edon.yoo7.com' });
console.log( '{"w":' + w + ',"h":' + h + '}');
}
setScreen();
window.Criteo = window.Criteo || {};
window.Criteo.events = window.Criteo.events || [];
// Declare this above the adunits
var width = window.screen.width||window.innerWidth||document.documentElement.clientWidth||document.body.clientWidth;
var isMobile = ( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) || width <= 768 );
var CriteoAdUnits = { "placements": [ /* Criteo Placements List */ { "slotid": "criteo_1333360", "zoneid": 1333360 },{ "slotid": "criteo_13333600", "zoneid": 1333360 }, ]}; ""
Criteo.events.push(function() {
Criteo.Passback.RequestBids(CriteoAdUnits, 2000);
});
function CriteoAdblock(containerid, zoneid, pbcontainerid) {
Criteo.events.push(function() {
Criteo.DisplayAcceptableAdIfAdblocked({
"zoneid": zoneid,
"containerid": containerid,
"overrideZoneFloor": false,
"callbacksuccess": function() {
document.getElementById(pbcontainerid).style.display = "none"; //if adblock, collapse passback container id
}
});
window.addEventListener("message", function (e) {
if (e.data && e.data == 'criteo-adblock-passback-'+zoneid)
document.getElementById(containerid).style.display = "none";
else return;
}, false);
});
}
if(typeof(_userdata) == "undefined")
var _userdata = new Object();
_userdata["session_logged_in"] = 0;
_userdata["username"] = "Anonymous";
_userdata["user_id"] = -1;
_userdata["user_level"] = 0;
_userdata["user_lang"] = "ar";
_userdata["activate_toolbar"] = 1;
_userdata["fix_toolbar"] = 1;
_userdata["notifications"] = 1;
_userdata["avatar"] = "<img src=\"https://2img.net/u/1917/30/92/24/avatars/gallery/no_ava11.png\" alt=\"Anonymous\" />";
_userdata["user_posts"] = 0;
_userdata["user_nb_privmsg"] = 4;
_userdata["point_reputation"] = 0;
if(typeof(_lang) == "undefined")
var _lang = new Object();
if(typeof(_board) == "undefined")
var _board = new Object();
_board["reputation_active"] = 1;
_board["Forumotion"] = "Ahlamontada";
_board["toolbar_title_url"] = "https://sundown.ahlamontada.net";
_board["toolbar_logo"] = "https://2img.net/i/fa/i/toolbar/pa0.png";
$(document).ready(function(){Toolbar.init({"tbHeight":30,"tbTemplate":"prosilver"})})
//]]>
</script> <link rel="stylesheet" type="text/css" href="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/theme-default.min.css" /><link rel="stylesheet" type="text/css" href="https://illiweb.com/rs3/60/frm/mentions/tooltipster.css" /><style type="text/css">
#left .6739 {background-color: #ecf3f7;color: #536482;margin-bottom:4px;overflow: hidden;padding:0;}#left .6739 span.corners-bottom, #left .6739 span.corners-top {margin:0;}#main .6739 {background-color: #ecf3f7;color: #536482;margin-bottom: 4px;overflow: hidden;padding: 0 10px;}#main .6739 span.corners-bottom, #main .6739 span.corners-top {margin:0 -10px;}#main .6739 .main-content iframe{display: block important!;visibility: visible important!}div#main-content iframe[src*=adstune]:not([style*=display]), div#main-content iframe[src*=criteo]:not([style*=display]), div#main-content iframe[src*=ad6b]:not([style*=display]), div#main-content iframe[src*=z5x]:not([style*=display]), div#main-content iframe[src*=doubleclick]:not([style*=display]) {display: block !important;visibility: visible !important;}
body { margin: 0; padding: 0 !important; }
</style>
<!-- [if lte IE 6]>
<style type="text/css">
/* http://msdn.microsoft.com/en-us/library/ms537634.aspx#Implement */
.fa_toolbar_XL_Sized { width: expression(document.documentElement.clientWidth ? (document.documentElement.clientWidth < 980 ? "980px": "100%") : (document.body.clientWidth < 980 ? "980px": "100%")); }
.fa_toolbar_L_Sized { width: expression(document.documentElement.clientWidth ? (document.documentElement.clientWidth < 774 ? "774px": "auto") : (document.body.clientWidth < 774 ? "774px": "auto")); }
.fa_toolbar_M_Sized { width: expression(document.documentElement.clientWidth ? (document.documentElement.clientWidth < 519 ? "519px": "auto") : (document.body.clientWidth < 519 ? "519px": "auto")); }
#fa_toolbar #fa_magnifier, #fa_toolbar #fa_fb, #fa_toolbar #fa_twitter, #fa_toolbar #fa_gp, #fa_toolbar #fa_mail, #fa_toolbar #fa_rss, #fa_toolbar #fa_hide, #fa_toolbar_hidden #fa_show { background-image: url('https://2img.net/i//fa/i/toolbar/toolbar.gif'); width: 30px; height: 30px; cursor: pointer; }
span.fa_tbMainElement, span.fa_tbMainElement a, #fa_show { zoom: 1; display: inline-block !important; line-height:30px; height: 30px; }
div.fa_tbMainElement, div.fa_tbMainElement a { zoom: 1; display: inline !important; line-height:30px; height: 30px; }
#fa_search #fa_textarea { margin-top: 1px; }
#fa_show { z-index:20002; }
#fa_menu { display: inline !important; height:30px; line-height:30px; }
#fa_menulist { width:175px; margin-top:30px; }
#fa_menulist li.fa_separator { font-size:1px; }
#fa_menu:hover :visited, #fa_right.notification #fa_notifications { color: #333333; background-color: #FFFFFF; }
#notif_list { margin-top:30px !important; }
.fa_fix { position:absolute !important; top: expression(0+((e=document.documentElement.scrollTop)?e:document.body.scrollTop)+"px") !important; z-index:10002; }
#fa_toolbar #live_notif { width: 330px; position: absolute; margin-top:30px; }
#fa_toolbar #fa_right #notif_list li { width:32em; }
</style>
<![endif] -->
<!-- [if IE 7]>
<style type="text/css">
.fa_tbMainElement, .fa_tbMainElement a, #fa_toolbar_hidden > #fa_show { zoom: 1; display: inline !important; }
#fa_search #fa_textarea { margin-top: 1px; }
#fa_right > div { zoom: 1; display: inline !important; }
#fa_menulist { width: 175px !important; margin-top: 30px !important; margin-left: 1px !important; }
#fa_menulist li a { white-space: nowrap; }
#fa_menulist li.fa_separator { font-size: 1px; line-height: 1px; }
#fa_toolbar #fa_right #notif_list { margin-top: 30px !important; }
#fa_toolbar #live_notif { width: 330px; position: absolute; margin-top:30px; }
#fa_toolbar #fa_right #notif_list li { width:30em; }
#fa_toolbar #fa_right #notif_list li .contentText { height: 2.6em; }
</style>
<![endif] --><script>if ('serviceWorker' in navigator && 'PushManager' in window) {
navigator.serviceWorker.register('/serviceworker.js')
.then(function(swReg) {
swRegistration = swReg;
})
}else{
console.log("Failed to register service worker.");
}
</script><script type="text/javascript" src="https://www.google.com/recaptcha/api.js"></script><script type="text/javascript">
$(function(){
$("#web_redirect").on("click", function(){
var d = new Date();
var cookie_string = "_mobile_version=0";
d.setTime(d.getTime()+(365*24*60*60*1000));
var expires = d.toUTCString();
cookie_string += "; domain=" + window.location.hostname;
cookie_string += "; expires=" + expires;
document.cookie = cookie_string;
location.reload();
});
}) ;
</script><script type="text/javascript">
$(function(){
$("#mobi_redirect").on("click", function(){
var d = new Date();
var cookie_string = "_mobile_version=1";
d.setTime(d.getTime()+(365*24*60*60*1000));
var expires = d.toUTCString();
cookie_string += "; domain=" + window.location.hostname;
cookie_string += "; expires=" + expires;
document.cookie = cookie_string;
location.reload();
});
}) ;
</script><script type="text/javascript">//<![CDATA[
(function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();a = s.createElement(o),m = s.getElementsByTagName(o)[0];a.async = 1;a.src = g;m.parentNode.insertBefore(a, m)})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');ga('create', 'UA-51788638-2', 'auto');ga('send', 'pageview');ga('set', 'anonymizeIp', true);//]]></script><script type="text/javascript">//<![CDATA[
(function (i, s, o, g, r, a, m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)}, i[r].l = 1 * new Date();a = s.createElement(o),m = s.getElementsByTagName(o)[0];a.async = 1;a.src = g;m.parentNode.insertBefore(a, m)})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');ga('create', 'UA-51788638-2', 'auto');ga('send', 'pageview');ga('set', 'anonymizeIp', true);//]]></script>
<div class="conteneur_minwidth_IE">
<div class="conteneur_layout_IE">
<div class="conteneur_container_IE">
<div id="wrap">
<a id="top" name="top" accesskey="t"> </a>
<div id="page-header">
<div class="headerbar">
<div class="inner">
<span class="corners-top"><span></span></span>
<div id="logo-desc">
<p>
<br />
</p>
</div>
</div>
</div>
<div class="navbar">
</div>
</div>
<div id="page-body">
<div id="content-container">
<div id="outer-wrapper">
<div id="wrapper">
<div id="container">
<div id="content">
<div id="left">
<div class="module">
<div class="inner">
<div class="h3">
<br />
</div>
</div>
</div>
<div class="module">
<div class="inner">
<span style="font-size: 16px;"><span style="font-weight: bold;"><span><span style="color: Black;"><br /></span></span></span></span>
</div>
</div>
<div class="module">
<div class="inner">
<br /><br /><span class="corners-bottom"><span></span></span>
</div>
</div>
<div style="height:4px">
</div>
<div class="module">
<div class="inner">
<span class="corners-top"><span></span></span>
<div class="h3">
</div>
<div style="overflow: visible; position: fixed; bottom: 30px; height: 350px; right: 0px; z-index:1000;">
<iframe src="/chatbox" id="chatboxpop" scrolling="yes" style="height: 350px; float: right; overflow-x: visible; overflow-y: visible; display: none; width:700px" marginwidth="0" marginheight="0" frameborder="0"> </iframe>
<div onclick="jQuery('#chatboxpop').animate({width:'toggle'},1200); jQuery('#chatboxopen,#chatboxclose').toggle();" style="margin-top: 10px; cursor :pointer; float:left">
<img src="https://i.servimg.com/u/f25/19/86/40/14/open1110.gif" id="chatboxopen" style="display: inline; " /><img src="https://i.servimg.com/u/f34/16/04/51/75/close10.png" id="chatboxclose" style="cursor: pointer; display: none; " />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div id="fb-root">
<br />
</div><script type="text/javascript">$(document).ready( function() {$('div.fb-login-button, span.fb-login-button').attr({"data-scope": "public_profile email","data-max-rows": "1","data-size": "large","data-show-faces": "false","data-auto-logout-link": "false"});$('div.fb-login-button, span.fb-login-button').each(function() {if(typeof $(this).attr('onlogin') == typeof undefined || $(this).attr('onlogin') === false) {$(this).attr('onlogin', 'onLoginFB');}if($(this).html() == '') {$(this).html('Facebook');}});FB.init({appId : "262959253818965",cookie : 1,xfbml : 1,oauth : 1,version : 'v4.0'});(function(d, s, id){var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) {return;}js = d.createElement(s); js.id = id;js.src = "//connect.facebook.net/ar_AR/sdk.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'facebook-jssdk'));});function onLoginFB() {window.location.replace('/facebook_connect.php')}</script><script type="text/javascript">$(document).ready( function() {$('div.ti-connect').attr({'data-loc' : 'https://connect.topicit.net/','data-login' : 'https://mosa3edon.yoo7.com/topicit/index.php/connect','data-version' : '1','data-lang' : 'ar'});(function(d, s, id) {var js, fjs = d.getElementsByTagName(s)[0];if (d.getElementById(id)) return;js = d.createElement(s); js.id = id;js.src = "https://connect.topicit.net/scripts/connect.js";fjs.parentNode.insertBefore(js, fjs);}(document, 'script', 'topicit-connect'));});</script><script type="text/javascript">//<![CDATA[
fa_endpage();//]]></script>
- الساحرة الصغيرةعضو فعال
- الجنس :
عدد الرسائل : 107
تاريخ التسجيل : 27/05/2009
_da3m_7
الجمعة فبراير 28, 2020 10:09 pm
موضوع رائع بوركت
- وردة النرجسمبدع بكل المعاني
- الجنس :
عدد الرسائل : 1298
تاريخ التسجيل : 03/01/2010
بطاقة الشخصية
المهنة:
_da3m_12
الجمعة فبراير 28, 2020 10:10 pm
موضوع رائع بوركت
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى