الرئيسية
انشاء منتدى مجانيتعديل على كود html
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
تعديل على كود html
من طرف شبح العراق الإثنين 29 يوليو 2013 - 8:21
السلام عليكم ورحمة الله وبركاتة
هذ مجلة عند الضغط على الصورة يخلك مباشرتا على المحتوى
انا عايز تعديل عند الضغط على الصورة بيفتح في صفحة مستقلة ممكن
هذ مجلة عند الضغط على الصورة يخلك مباشرتا على المحتوى
انا عايز تعديل عند الضغط على الصورة بيفتح في صفحة مستقلة ممكن
- الكود:
<style>
.slider_specialoffer_content {
width: 500px;
height: 239px;
position: relative;
display: block;
width: 691px;
height: 239px;
}
.slider {
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;
width: 691px;
height: 239px;
position: absolute;
}
.box_skitter_large {
width:691px !important;
height:237px !important;
}
.slider img { width:691px; height: 237px; margin: 6px 9px; }
.slider .next_button {
position: absolute;
z-index: -9999px;
right: 30px;
top: 40%;
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
width: 43px;
height: 45px;
text-indent: -9999px;
overflow: hidden;
z-index: 999;
}
.slider .prev_button {
position: absolute;
z-index: 999;
left: 30px;
top: 40%;
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
width: 43px;
height: 45px;
text-indent: -9999px;
overflow: hidden;
}
</style><font size="6"><span style="color: Red;">
</span></font><link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css"><font size="6"><span style="color: Red;">
</span></font><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script><script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
">
</script><center><div class="slider_specialoffer_content "><div class="slider"><font size="6"><span style="color: Red;">
</span></font><!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> --><div class="box_skitter box_skitter_large">
<ul>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h4-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg"> </a> </li>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h3-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg"></a> </li>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h5-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png"></a> </li>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h7-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg"> </a> </li>
<li><a target="_blank" href="http://iraqna.ahlamontada.com/h8-iq"><img alt="" src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg"> </a> </li>
<li><a href="#"><img alt="" src="http://im41.gulfup.com/BXI2d.gif"> </a> </li>
ul></div></div></div></center>
شبح العراق-
-
عدد المساهمات : 669
معدل النشاط : 5273
السُمعة : 3 -
HAMSAHAQ-
-
عدد المساهمات : 4432
معدل النشاط : 9521
السُمعة : 118 -
رد: تعديل على كود html
من طرف HAMSAHAQ الإثنين 29 يوليو 2013 - 17:38
تفضل اخي تم التعديل ولكن لم اجربه
- الكود:
<style>
.slider_specialoffer_content {
width: 500px;
height: 239px;
position: relative;
display: block;
width: 691px;
height: 239px;
}
.slider {
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_bg.png) no-repeat center center;
width: 691px;
height: 239px;
position: absolute;
}
.box_skitter_large {
width:691px !important;
height:237px !important;
}
.slider img { width:691px; height: 237px; margin: 6px 9px; }
.slider .next_button {
position: absolute;
z-index: -9999px;
right: 30px;
top: 40%;
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_next.png) no-repeat;
width: 43px;
height: 45px;
text-indent: -9999px;
overflow: hidden;
z-index: 999;
}
.slider .prev_button {
position: absolute;
z-index: 999;
left: 30px;
top: 40%;
background: url(http://www.bdayh.com/wp-content/themes/bdayh/assets/images/slider_prev.png) no-repeat;
width: 43px;
height: 45px;
text-indent: -9999px;
overflow: hidden;
}
</style><font size="6"><span style="color: Red;">
</span></font><link href="http://www.bdayh.com/wp-content/themes/bdayh/assets/style/skitter.styles.css" media="all" rel="stylesheet" type="text/css"><font size="6"><span style="color: Red;">
</span></font><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery-1.7.1.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/scripts.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.skitter.min.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.easing.1.3.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/bdayh.addons.js" type="text/javascript"></script><script src="http://www.bdayh.com/wp-content/themes/bdayh/assets/js/jquery.gridnav.js" type="text/javascript"></script><script type="text/javascript" src="http://foryamany2.googlecode.com/svn/trunk/4egyslide.js
">
</script><center><div class="slider_specialoffer_content "><div class="slider"><font size="6"><span style="color: Red;">
</span></font><!--<a href="#" class="next_button">next</a> <a href="#" class="prev_button">prev</a> --><div class="box_skitter box_skitter_large">
<a href="" target="_blank"><img src="" border="0">
<ul>
<li> <a href="http://iraqna.ahlamontada.com/h4-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg" border="0"> </li>
<li> <a href="http://iraqna.ahlamontada.com/h3-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg" border="0"></li>
<li> <a href="http://iraqna.ahlamontada.com/h5-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png" border="0"> </li>
<li> <a href=" href="http://iraqna.ahlamontada.com/h7-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg" border="0"> </li>
<li> <a href="href="http://iraqna.ahlamontada.com/h8-iq" target="_blank"><img src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg" border="0"> </li>
<li> <a href="http://iraqna.ahlamontada.com" target="_blank"><img src="http://im41.gulfup.com/BXI2d.gif" border="0"></li>
ul></div></div></div></center>
HAMSAHAQ-
-
عدد المساهمات : 4432
معدل النشاط : 9521
السُمعة : 118 -
رد: تعديل على كود html
من طرف HAMSAHAQ الإثنين 29 يوليو 2013 - 18:14
انا اسفة اخي الكود الذي استعمله للتعديل على الكود وفتح الموضوع في صفحة مستقلة هو نفس الموجود في الكود الاصلي وانا لم انتبه له
تفضل لقد عدلت لك على هذا الكود ايضا جربه وارجو ان يعجبك
تفضل لقد عدلت لك على هذا الكود ايضا جربه وارجو ان يعجبك
- الكود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>عنوان الصفحة</title><meta http-equiv="content-script-type"
content="text/javascript" /><meta http-equiv="content-style-type"
content="text/css" /><meta http-equiv="imagetoolbar" content="no"
/>
<meta name="google-site-verification" content="P7BJggJ24VHn6Tj47PJcOEZAY-D28VmZHKMCQX-93y0" />
<HTML dir=rtl>
<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #111;
width: 100%;
height: 100%;
}
#center {
position: absolute;
left: 50%;
top: 50%;
}
#slider {
position: absolute;
width: 820px;
height: 333px;
left: -430px;
top: -186px;
overflow: hidden;
background: #000;
border: 20px solid #000;
}
#slider .slide {
position: absolute;
top: 0px;
height: 333px;
width: 500px;
background: #000;
overflow: hidden;
border-left: #000 solid 1px;
cursor: default;
}
#slider .title {
color: #F80;
font-weight: bold;
font-size: 1.2em;
margin-right: 1.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
background: #000;
filter: alpha(opacity=40);
opacity: 0.4;
}
#slider .text {
position: absolute;
top: 1%;
top: 100%;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: justify;
width: 470px;
left: 10px;
}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}
a:link {
color: Lime;
text-decoration:none;
}
a:visited {
color: Lime;
text-decoration:none;
}
a:hover {
color:DarkOrange;
text-decoration:none;
}
a {text-decoration: none;}
a:hover {
text-shadow: 2px 2px 2px #73729c;
text-decoration: none !important;
}
a:hover
{
background: url(http://i65.servimg.com/u/f65/16/35/21/30/undo10.gif) no-repeat right;
padding:10px 30px 10px 10px;
}
</style>
<script type="text/javascript">
/* ==== slider nameSpace ==== */
var slider = function() {
/* ==== private methods ==== */
function getElementsByClass(object, tag, className) {
var o = object.getElementsByTagName(tag);
for ( var i = 0, n = o.length, ret = []; i < n; i++) {
if (o[i].className == className) ret.push(o[i]);
}
if (ret.length == 1) ret = ret[0];
return ret;
}
function setOpacity (obj,o) {
if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
else obj.style.opacity = o / 100;
}
/* ==== Slider Constructor ==== */
function Slider(oCont, speed, iW, iH, oP) {
this.slides = [];
this.over = false;
this.S = this.S0 = speed;
this.iW = iW;
this.iH = iH;
this.oP = oP;
this.oc = document.getElementById(oCont);
this.frm = getElementsByClass(this.oc, 'div', 'slide');
this.NF = this.frm.length;
this.resize();
for (var i = 0; i < this.NF; i++) {
this.slides[i] = new Slide(this, i);
}
this.oc.parent = this;
this.view = this.slides[0];
this.Z = this.mx;
/* ==== on mouse out event ==== */
this.oc.onmouseout = function () {
this.parent.mouseout();
return false;
}
}
Slider.prototype = {
/* ==== animation loop ==== */
run : function () {
this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
this.view.calc();
var i = this.NF;
while (i--) this.slides[i].move();
},
/* ==== resize ==== */
resize : function () {
this.wh = this.oc.clientWidth;
this.ht = this.oc.clientHeight;
this.wr = this.wh * this.iW;
this.r = this.ht / this.wr;
this.mx = this.wh / this.NF;
this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
},
/* ==== rest ==== */
mouseout : function () {
this.over = false;
setOpacity(this.view.img, this.oP);
}
}
/* ==== Slide Constructor ==== */
Slide = function (parent, N) {
this.parent = parent;
this.N = N;
this.x0 = this.x1 = N * parent.mx;
this.v = 0;
this.loaded = false;
this.cpt = 0;
this.start = new Date();
this.obj = parent.frm[N];
this.txt = getElementsByClass(this.obj, 'div', 'text');
this.img = getElementsByClass(this.obj, 'img', 'diapo');
this.bkg = document.createElement('div');
this.bkg.className = 'backgroundText';
this.obj.insertBefore(this.bkg, this.txt);
if (N == 0) this.obj.style.borderLeft = 'none';
this.obj.style.left = Math.floor(this.x0) + 'px';
setOpacity(this.img, parent.oP);
/* ==== mouse events ==== */
this.obj.parent = this;
this.obj.onmouseover = function() {
this.parent.over();
return false;
}
}
Slide.prototype = {
/* ==== target positions ==== */
calc : function() {
var that = this.parent;
// left slides
for (var i = 0; i <= this.N; i++) {
that.slides[i].x1 = i * that.Z;
}
// right slides
for (var i = this.N + 1; i < that.NF; i++) {
that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
}
},
/* ==== HTML animation : move slides ==== */
move : function() {
var that = this.parent;
var s = (this.x1 - this.x0) / that.S;
/* ==== lateral slide ==== */
if (this.N && Math.abs(s) > .5) {
this.obj.style.left = Math.floor(this.x0 += s) + 'px';
}
/* ==== vertical text ==== */
var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
if (Math.abs(v - this.v) > .5) {
this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
this.v = v;
this.cpt++;
} else {
if (!this.pro) {
/* ==== adjust speed ==== */
this.pro = true;
var tps = new Date() - this.start;
if(this.cpt > 1) {
that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
}
}
}
if (!this.loaded) {
if (this.img.complete) {
this.img.style.visibility = 'visible';
this.loaded = true;
}
}
},
/* ==== light ==== */
over : function () {
this.parent.resize();
this.parent.over = true;
setOpacity(this.parent.view.img, this.parent.oP);
this.parent.view = this;
this.start = new Date();
this.cpt = 0;
this.pro = false;
this.calc();
setOpacity(this.img, 100);
}
}
/* ==== public method - script initialization ==== */
return {
init : function() {
// create instances of sliders here
// parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
setInterval("slider.s1.run();", 16);
}
}
}();
</script>
</head>
<body>
<br>
<div
style="text-align: center;"><font style="font-weight: bold;"
size="5"><span style="font-family: Tahoma;"><a href="رابط
منتداك">الرئيسية</a> <a href="رابط البوابة او رابط
اخر">البوابة</a></span></font><br></div>
<div id="center">
<div id="slider">
<div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg" alt=" كلمات
دلالية للموضوع " width="500" height="333"><div class="text">
<span class="title">-حسام الرسام</span>
الفنان حسام الرسام. <a href="http://iraqna.ahlamontada.com/h4-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div><div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg" alt="كلمات
دلالية للموضوع" width="500" height="333"><div class="text">
<span class="title">كاظم الساهر
</span>
الفنان كلظم الساهر. <a href="http://iraqna.ahlamontada.com/h3-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div><div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png" alt=" حسين الغزال
" width="500" height="354"><div class="text">
<span class="title">حسين الغزال</span>
اسهر ليالي . <a href="http://iraqna.ahlamontada.com/h5-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div> <div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">حاتم العراقي</span>
اجمل اغاني حاتم العراقي <a href="href="http://iraqna.ahlamontada.com/h7-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div> <div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">ماجد المهندس</span>
ماجد المهندس <a href="http://iraqna.ahlamontada.com/h8-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div> <div class="slide">
<img
class="diapo"
src="http://im41.gulfup.com/BXI2d.gif" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">مسابقات حصرية</span>
مواضيع حصرية <a href="http://iraqna.ahlamontada.com/" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div>
</div>
<script type="text/javascript">
/* ==== start script ==== */
slider.init();
</script>
</body>
</html>
HAMSAHAQ-
-
عدد المساهمات : 4432
معدل النشاط : 9521
السُمعة : 118 -
رد: تعديل على كود html
من طرف شبح العراق الثلاثاء 30 يوليو 2013 - 1:45
HAMSA-HAQ كتب:انا اسفة اخي الكود الذي استعمله للتعديل على الكود وفتح الموضوع في صفحة مستقلة هو نفس الموجود في الكود الاصلي وانا لم انتبه له
تفضل لقد عدلت لك على هذا الكود ايضا جربه وارجو ان يعجبك
- الكود:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<html xmlns="http://www.w3.org/1999/xhtml" dir="rtl">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>عنوان الصفحة</title><meta http-equiv="content-script-type"
content="text/javascript" /><meta http-equiv="content-style-type"
content="text/css" /><meta http-equiv="imagetoolbar" content="no"
/>
<meta name="google-site-verification" content="P7BJggJ24VHn6Tj47PJcOEZAY-D28VmZHKMCQX-93y0" />
<HTML dir=rtl>
<style type="text/css">
html {
overflow: hidden;
}
body {
position: absolute;
margin: 0px;
padding: 0px;
background: #111;
width: 100%;
height: 100%;
}
#center {
position: absolute;
left: 50%;
top: 50%;
}
#slider {
position: absolute;
width: 820px;
height: 333px;
left: -430px;
top: -186px;
overflow: hidden;
background: #000;
border: 20px solid #000;
}
#slider .slide {
position: absolute;
top: 0px;
height: 333px;
width: 500px;
background: #000;
overflow: hidden;
border-left: #000 solid 1px;
cursor: default;
}
#slider .title {
color: #F80;
font-weight: bold;
font-size: 1.2em;
margin-right: 1.5em;
text-decoration: none;
}
#slider .backgroundText {
position: absolute;
width: 100%;
height: 100%;
top: 100%;
background: #000;
filter: alpha(opacity=40);
opacity: 0.4;
}
#slider .text {
position: absolute;
top: 1%;
top: 100%;
color: #FFF;
font-family: verdana, arial, Helvetica, sans-serif;
font-size: 0.9em;
text-align: justify;
width: 470px;
left: 10px;
}
#slider .diapo {
position: absolute;
filter: alpha(opacity=100);
opacity: 1;
visibility: hidden;
}
a:link {
color: Lime;
text-decoration:none;
}
a:visited {
color: Lime;
text-decoration:none;
}
a:hover {
color:DarkOrange;
text-decoration:none;
}
a {text-decoration: none;}
a:hover {
text-shadow: 2px 2px 2px #73729c;
text-decoration: none !important;
}
a:hover
{
background: url(http://i65.servimg.com/u/f65/16/35/21/30/undo10.gif) no-repeat right;
padding:10px 30px 10px 10px;
}
</style>
<script type="text/javascript">
/* ==== slider nameSpace ==== */
var slider = function() {
/* ==== private methods ==== */
function getElementsByClass(object, tag, className) {
var o = object.getElementsByTagName(tag);
for ( var i = 0, n = o.length, ret = []; i < n; i++) {
if (o[i].className == className) ret.push(o[i]);
}
if (ret.length == 1) ret = ret[0];
return ret;
}
function setOpacity (obj,o) {
if (obj.filters) obj.filters.alpha.opacity = Math.round(o);
else obj.style.opacity = o / 100;
}
/* ==== Slider Constructor ==== */
function Slider(oCont, speed, iW, iH, oP) {
this.slides = [];
this.over = false;
this.S = this.S0 = speed;
this.iW = iW;
this.iH = iH;
this.oP = oP;
this.oc = document.getElementById(oCont);
this.frm = getElementsByClass(this.oc, 'div', 'slide');
this.NF = this.frm.length;
this.resize();
for (var i = 0; i < this.NF; i++) {
this.slides[i] = new Slide(this, i);
}
this.oc.parent = this;
this.view = this.slides[0];
this.Z = this.mx;
/* ==== on mouse out event ==== */
this.oc.onmouseout = function () {
this.parent.mouseout();
return false;
}
}
Slider.prototype = {
/* ==== animation loop ==== */
run : function () {
this.Z += this.over ? (this.mn - this.Z) * .5 : (this.mx - this.Z) * .5;
this.view.calc();
var i = this.NF;
while (i--) this.slides[i].move();
},
/* ==== resize ==== */
resize : function () {
this.wh = this.oc.clientWidth;
this.ht = this.oc.clientHeight;
this.wr = this.wh * this.iW;
this.r = this.ht / this.wr;
this.mx = this.wh / this.NF;
this.mn = (this.wh * (1 - this.iW)) / (this.NF - 1);
},
/* ==== rest ==== */
mouseout : function () {
this.over = false;
setOpacity(this.view.img, this.oP);
}
}
/* ==== Slide Constructor ==== */
Slide = function (parent, N) {
this.parent = parent;
this.N = N;
this.x0 = this.x1 = N * parent.mx;
this.v = 0;
this.loaded = false;
this.cpt = 0;
this.start = new Date();
this.obj = parent.frm[N];
this.txt = getElementsByClass(this.obj, 'div', 'text');
this.img = getElementsByClass(this.obj, 'img', 'diapo');
this.bkg = document.createElement('div');
this.bkg.className = 'backgroundText';
this.obj.insertBefore(this.bkg, this.txt);
if (N == 0) this.obj.style.borderLeft = 'none';
this.obj.style.left = Math.floor(this.x0) + 'px';
setOpacity(this.img, parent.oP);
/* ==== mouse events ==== */
this.obj.parent = this;
this.obj.onmouseover = function() {
this.parent.over();
return false;
}
}
Slide.prototype = {
/* ==== target positions ==== */
calc : function() {
var that = this.parent;
// left slides
for (var i = 0; i <= this.N; i++) {
that.slides[i].x1 = i * that.Z;
}
// right slides
for (var i = this.N + 1; i < that.NF; i++) {
that.slides[i].x1 = that.wh - (that.NF - i) * that.Z;
}
},
/* ==== HTML animation : move slides ==== */
move : function() {
var that = this.parent;
var s = (this.x1 - this.x0) / that.S;
/* ==== lateral slide ==== */
if (this.N && Math.abs(s) > .5) {
this.obj.style.left = Math.floor(this.x0 += s) + 'px';
}
/* ==== vertical text ==== */
var v = (this.N < that.NF - 1) ? that.slides[this.N + 1].x0 - this.x0 : that.wh - this.x0;
if (Math.abs(v - this.v) > .5) {
this.bkg.style.top = this.txt.style.top = Math.floor(2 + that.ht - (v - that.Z) * that.iH * that.r) + 'px';
this.v = v;
this.cpt++;
} else {
if (!this.pro) {
/* ==== adjust speed ==== */
this.pro = true;
var tps = new Date() - this.start;
if(this.cpt > 1) {
that.S = Math.max(2, (28 / (tps / this.cpt)) * that.S0);
}
}
}
if (!this.loaded) {
if (this.img.complete) {
this.img.style.visibility = 'visible';
this.loaded = true;
}
}
},
/* ==== light ==== */
over : function () {
this.parent.resize();
this.parent.over = true;
setOpacity(this.parent.view.img, this.parent.oP);
this.parent.view = this;
this.start = new Date();
this.cpt = 0;
this.pro = false;
this.calc();
setOpacity(this.img, 100);
}
}
/* ==== public method - script initialization ==== */
return {
init : function() {
// create instances of sliders here
// parameters : HTMLcontainer name, speed (2 fast - 20 slow), Horizontal ratio, vertical text ratio, opacity
this.s1 = new Slider("slider", 12, 1.84/3, 1/3.2, 70);
setInterval("slider.s1.run();", 16);
}
}
}();
</script>
</head>
<body>
<br>
<div
style="text-align: center;"><font style="font-weight: bold;"
size="5"><span style="font-family: Tahoma;"><a href="رابط
منتداك">الرئيسية</a> <a href="رابط البوابة او رابط
اخر">البوابة</a></span></font><br></div>
<div id="center">
<div id="slider">
<div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o10.jpg" alt=" كلمات
دلالية للموضوع " width="500" height="333"><div class="text">
<span class="title">-حسام الرسام</span>
الفنان حسام الرسام. <a href="http://iraqna.ahlamontada.com/h4-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div><div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/uoou_o10.jpg" alt="كلمات
دلالية للموضوع" width="500" height="333"><div class="text">
<span class="title">كاظم الساهر
</span>
الفنان كلظم الساهر. <a href="http://iraqna.ahlamontada.com/h3-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div><div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/oousu_10.png" alt=" حسين الغزال
" width="500" height="354"><div class="text">
<span class="title">حسين الغزال</span>
اسهر ليالي . <a href="http://iraqna.ahlamontada.com/h5-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div> <div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/ooou_o11.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">حاتم العراقي</span>
اجمل اغاني حاتم العراقي <a href="href="http://iraqna.ahlamontada.com/h7-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div> <div class="slide">
<img
class="diapo"
src="http://i38.servimg.com/u/f38/18/06/95/88/2210.jpg" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">ماجد المهندس</span>
ماجد المهندس <a href="http://iraqna.ahlamontada.com/h8-iq" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div> <div class="slide">
<img
class="diapo"
src="http://im41.gulfup.com/BXI2d.gif" alt="كلمات
دلالية للموضوع" width="500" height="334"><div class="text">
<span class="title">مسابقات حصرية</span>
مواضيع حصرية <a href="http://iraqna.ahlamontada.com/" target="_blank">قرائة المزيد</a><br><br>.
</div>
</div>
</div>
<script type="text/javascript">
/* ==== start script ==== */
slider.init();
</script>
</body>
</html>
بتشكرك اختي همسا الغايا وادعو الله ان يعطيكي دوام الصحة والعافية
تم
شبح العراق-
-
عدد المساهمات : 669
معدل النشاط : 5273
السُمعة : 3 -
رد: تعديل على كود html
من طرف YasirAyad الثلاثاء 30 يوليو 2013 - 6:13
إذا حصلت على الجواب المقنع لسؤالك, لا تنس بتعديل موضوعك و وضع ايقونة 
لتسهل عمل فريق المساعدة و تحافظ على النظام في منتدى الدعم.
لتسهل عمل فريق المساعدة و تحافظ على النظام في منتدى الدعم.
YasirAyad-
-
عدد المساهمات : 10114
معدل النشاط : 15489
السُمعة : 297 -
مواضيع مماثلة» تعديل شفرات HTML
» ممكن تعديل على كود فى صفحة Html
» تعديل الصندوق الماسي بلوحة الإدارة لمنع مشكلة تشابك أكواد HTML
» انا كل لما احط كود html يعمل ولما اجى احط كود html تانى يتبدل التانى بالاولانى
» كود html لفتح نافذة فيها الموضوع فقط لصفحات HTML
» ممكن تعديل على كود فى صفحة Html
» تعديل الصندوق الماسي بلوحة الإدارة لمنع مشكلة تشابك أكواد HTML
» انا كل لما احط كود html يعمل ولما اجى احط كود html تانى يتبدل التانى بالاولانى
» كود html لفتح نافذة فيها الموضوع فقط لصفحات HTML
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى
Facebook
Twitter
Youtube
