Hitskin.comهذه مُجرَّد مُعاينة لتصميم تم اختياره من موقع Hitskin.com
تنصيب التصميم في منتداك • الرجوع الى صفحة بيانات التصميم
انشاء منتدى مجانيممكن اعرف هدا الكود حق ايش وطريقة استخدامو
3 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
ممكن اعرف هدا الكود حق ايش وطريقة استخدامو
من طرف Meko_72 الثلاثاء 18 ديسمبر 2012 - 18:49
ممكن اعرف هدا الكود حق ايش وطريقة استخدامو
- الكود:
<!-- �������� jquery ����� ��� -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js"></script>
<script>
$(document).ready(function() {
$(".paging").show();
$(".paging a:first").addClass("active");
var imageWidth = $(".window").width();
var imageSum = $(".image_reel img").size();
var imageReelWidth = imageWidth * imageSum;
$(".image_reel").css({'width' : imageReelWidth});
rotate = function(){
var triggerID = $active.attr("rel") - 1;
var image_reelPosition = triggerID * imageWidth;
$(".paging a").removeClass('active');
$active.addClass('active');
$(".image_reel").animate({
left: -image_reelPosition
}, 500 );
};
rotateSwitch = function(){
play = setInterval(function(){
$active = $('.paging a.active').next();
if ( $active.length === 0) {
$active = $('.paging a:first');
}
rotate();
}, 4000); //��� ���� ����� ��� ������� �������� 4 �����
};
rotateSwitch();
$(".image_reel a").hover(function() {
clearInterval(play);
}, function() {
rotateSwitch();
});
$(".paging a").click(function() {
$active = $(this);
clearInterval(play);
rotate();
rotateSwitch();
return false;
});
});
</script>
<!-- �������� jquery ����� ��� -->
<!-- �������� style ����� ����� -->
<style type="text/css">
*{outline: none;}
img {border: 0;}
.container {
width: 790px;
padding: 0;
margin: 0 auto;
}
.folio_block {
position: absolute;
left: 50%; top: 50%;
margin: -140px 0 0 -395px;
}
.main_view {
float: left;
position: relative;
}
.window {
/*--������� ���� �����--*/
height:250px; width: 600px;
/*--����� ������� ���� �����--*/
overflow: hidden;
position: relative;
}
.image_reel {
position: absolute;
top: 0; left: 0;
}
.image_reel img {float: left;}
.paging {
position: absolute;
bottom: 40px; right: -7px;
width: 178px; height:47px;
z-index: 100;
text-align: center;
line-height: 40px;
background: url(http://i47.servimg.com/u/f47/15/47/68/39/bg10.png) no-repeat;
display: none;
}
.paging a {
padding: 5px;
text-decoration: none;
color: #fff;
}
.paging a.active {
font-weight: bold;
background: #920000;
border: 1px solid #610000;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
}
.paging a:hover {font-weight: bold;}
</style>
<!-- �������� style ����� ��� -->
</head>
<body topmargin="0" leftmargin="0" rightmargin="0" bottommargin="0" marginwidth="0" marginheight="0">
<!--����� ����� ����� -->
<div style="position: absolute; width: 221px; height: 100px; z-index: 103; left: 304px; top: 184px" id="a" align="center">
<div class="main_view">
<div class="window">
<div class="image_reel" style="position: absolute; left: 1px; top: 31px; height:966px" id="c">
<a href="http://jayyousi.alafdal.net/h3-page">
<img src="http://www.loverfog.net/images/3.png" alt="" width="600" height="221" /></a>
<a href="http://jayyousi.alafdal.net/h3-page/">
<img src="http://www10.0zz0.com/2012/12/10/13/195518464.png" alt="" width="600" height="221" /></a>
<a href="https://www.facebook.com/laithjayyosi">
<img src="http://www6.0zz0.com/2012/12/10/13/646030898.png" alt="" width="600" height="221" /></a>
<a href="http://www.facebook.com/laithjayyosi/">
<img
src="http://www9.0zz0.com/2012/12/10/13/132265557.jpg" alt="" width="600" height="221" /></a>
<a href="http://www.facebook.com/laithjayyosi/"></div>
</div>
<div class="paging" style="position: absolute; left: 422px; bottom: 204px" id="b">
<a href="#" rel="1">1</a> <a href="#" rel="2">2</a>
<a href="#" rel="3">3</a> <a href="#" rel="4">4</a>
</div>
</div>
Meko_72-
-
عدد المساهمات : 117
معدل النشاط : 4722
السُمعة : -2 -
رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو
من طرف MaRlEn الثلاثاء 18 ديسمبر 2012 - 19:40
والله حتى انا ابغى اعرفف
MaRlEn
-
عدد المساهمات : 2
معدل النشاط : 4351
السُمعة : -1 -
رد: ممكن اعرف هدا الكود حق ايش وطريقة استخدامو
من طرف Kimo Mimo السبت 22 ديسمبر 2012 - 0:07
أهلاً بك اختي .. الكود عباره عن صوره عند الضغط عليها توجه الي مركز رفع خاص بمنتداي 
الكود يوضع في : لوحة الادارة > مظهر المنتدي > تشكيلات عامة > وضع اعلان في الصفحة الرئيسية > المحتوي : هنا يوضع الكود .. اضغط سجل
الكود يوضع في : لوحة الادارة > مظهر المنتدي > تشكيلات عامة > وضع اعلان في الصفحة الرئيسية > المحتوي : هنا يوضع الكود .. اضغط سجل
Kimo Mimo-
-
عدد المساهمات : 6840
معدل النشاط : 20125
السُمعة : 728 -
مواضيع مماثلة» يارجالة عايز الكود دة وطريقة تركيبو
» ممكن اعرف الكود ده مكانتركيبة فى اى قالب
» ممكن اعرف منكم الكود او الطريقة ذي
» انا تتبعت شرح طريقة وضع كلمة (like) من الفيس بوك ولكن بقت آخر خطوة (الكود) >> أين أضعه ؟ لا اعرف ما افعل ممكن الحل ؟
» .اريد هذا الكود وطريقة تركيبه
» ممكن اعرف الكود ده مكانتركيبة فى اى قالب
» ممكن اعرف منكم الكود او الطريقة ذي
» انا تتبعت شرح طريقة وضع كلمة (like) من الفيس بوك ولكن بقت آخر خطوة (الكود) >> أين أضعه ؟ لا اعرف ما افعل ممكن الحل ؟
» .اريد هذا الكود وطريقة تركيبه
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: دعم مشاكل التومبلايت و الأكواد :: أرشيف قسم "مشاكل التومبلايت و الأكواد"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى