logo

أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

مساعددة في عمل إعلان مثال في الداخل

السلام عليكم إخواني اريد عمل مثل هذا الإعلان يتحرك من اليمين إلى اليسار مثال حي : وشكرااا لكم





  • [مطلوب]
12-12-2012 09:53 مساءً
معلومات الكاتب ▼
تاريخ الإنضمام : 29-12-2011
رقم العضوية : 1970
المشاركات : 258
الدولة : المغرب
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 1
قوة السمعة : 352
موقعي : زيارة موقعي
السلام عليكم

إخواني اريد عمل مثل هذا الإعلان يتحرك من اليمين إلى اليسار
641805590


مثال حي : http://www.arbveo.com/vb/forumdisplay.php?f=29

وشكرااا لكم

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  13-12-2012 01:42 صباحاً   [1]
معلومات الكاتب ▼
تاريخ الإنضمام : 23-07-2010
رقم العضوية : 599
المشاركات : 3734
الدولة : أمي اليمن
الجنس :
تاريخ الميلاد : 4-3-1987
الدعوات : 1
قوة السمعة : 8237
موقعي : زيارة موقعي
العضو غائب بلاكهرباء حتى اشعار آخر ,والمعذرة على الغياب المتكررلأسباب وظروف ولله الحمد , دعواتكم لبلادي وبلاد المسلمين ..
ينقل لقسم تطوير المواقع ..

هذا القسم لدعم مشاكل نسخة المنتدى فقط

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  15-12-2012 07:54 صباحاً   [2]
معلومات الكاتب ▼
تاريخ الإنضمام : 29-12-2011
رقم العضوية : 1970
المشاركات : 258
الدولة : المغرب
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 1
قوة السمعة : 352
موقعي : زيارة موقعي
إخواني اريد عمل مثل هذا الإعلان يتحرك من اليمين إلى اليسار

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  15-12-2012 04:44 مساءً   [3]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12455
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 73176
موقعي : زيارة موقعي

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  16-12-2012 02:39 صباحاً   [4]
معلومات الكاتب ▼
تاريخ الإنضمام : 29-12-2011
رقم العضوية : 1970
المشاركات : 258
الدولة : المغرب
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 1
قوة السمعة : 352
موقعي : زيارة موقعي
شكرااا لك سوف أحاول عمل ذلك

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  16-12-2012 11:53 مساءً   [5]
معلومات الكاتب ▼
تاريخ الإنضمام : 11-07-2010
رقم العضوية : 586
المشاركات : 2310
الدولة : العراق
الجنس :
تاريخ الميلاد : 11-12-1995
الدعوات : 3
الإنذارات : 1
قوة السمعة : 4012
موقعي : زيارة موقعي
العضو غائب كن في الطريق عفيف الخطى شريف السماع كريم النظر وكن رجلاً ان اتوا بعده يقولون مر وهذا الاثر
الف شكر اخي سليمان
http://favbulous.com/post/586/make-a-beautiful-carousel-with-caroufredsel-and-ui-kit-from-design-deck
تم التطبيق





CTRL + Q to Enable/Disable GoPhoto.it

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  17-12-2012 04:15 مساءً   [6]
معلومات الكاتب ▼
تاريخ الإنضمام : 29-12-2011
رقم العضوية : 1970
المشاركات : 258
الدولة : المغرب
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 1
قوة السمعة : 352
موقعي : زيارة موقعي
لقد قمت بالإختيار الدي عجبني وقمت بتعديل عليه ورفعته في موقعي في هذه الصفحة يضهر :http://www.guide4arab.com/index1.html

أخدت كود التالي :

CODE

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-**="Content-Type" content="text/html;charset=UTF-8" />
<title>Make A Beautiful Carousel with carouFredSel and UI Kit from Design Deck</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
<script type="text/javascript">var post='http://favbulous.com/post/586/make-a-beautiful-carousel-with-caroufredsel-and-ui-kit-from-design-deck';</script>
<script type="text/javascript" language="javascript" src="jquery.carouFredSel-5.2.3-packed.js"></script>
<script type="text/javascript" language="javascript">
$(function() {

$('#carousel ul').carouFredSel({
prev: '#prev',
next: '#next',
pagination: "#pager",
auto: true,
scroll: 1000,
pauseOnHover: true
});

});
</script>

<style type="text/css" media="all">


.wrapper {
width: 750px;
margin: 40px auto;
text-align:center;
}
#carousel {
margin: 0 0 30px 0;
width: 735px;
position:relative;
}
#carousel ul {
margin: 0;
padding: 0;
list-style: none;
display: block;
}
#carousel li {
font-size: 40px;
color: #999;
text-align: center;
width: 232px;
height: 178px;
padding: 0;
margin: 6px;
display: block;
float: left;
background: transparent url('images1/carousel_polaroid.png') no-repeat 0 0;
position:relative;
}

#carousel li img {
width:201px;
height:127px;
margin-top:14px;
}

#carousel li a {
width:201px;
height:127px;
position:absolute;
display:block;
z-index:2;
top:14px;
left:16px;
background: transparent url('images1/carousel_shine.png') no-repeat 0 0;
text-indent:-999em;
}

.clearfix {
float: none;
clear: both;
}

#carousel .prev, #carousel .next {
margin-left: 10px;
width:15px;
height:21px;
display:block;
text-indent:-999em;
background: transparent url('images1/carousel_control.png') no-repeat 0 0;
position:absolute;
top:70px;
}
#carousel .prev {
background-position:0 0;
left:-30px;
}
#carousel .prev:hover {
left:-31px;
}
#carousel .next {
background-position: -18px 0;
right:-20px;
}
#carousel .next:hover {
right:-21px;
}
#carousel .pager {
margin:0 auto;
text-align: center;
}
#carousel .pager a {
margin: 0 5px 0 0;
text-decoration: none;
display:inline-block;
width:8px;
height:8px;
background: transparent url('images1/carousel_control.png') no-repeat -2px -32px;
text-indent:-999em;
}
#carousel .pager a.selected {
text-decoration: underline;
background: transparent url('images1/carousel_control.png') no-repeat -12px -32px;
}

</style>
</head>
<body>


<div class="wrapper">

<div id="carousel">
<ul>
<li><img src="images1/image1.jpg" alt="" /><a href="">Image1</a></li>
<li><img src="images1/image2.jpg" alt="" /><a href="">Image2</a></li>
<li><img src="images1/image3.jpg" alt="" /><a href="">Image3</a></li>
<li><img src="images1/image1.jpg" alt="" /><a href="">Image1</a></li>
<li><img src="images1/image2.jpg" alt="" /><a href="">Image2</a></li>
<li><img src="images1/image3.jpg" alt="" /><a href="">Image3</a></li>
</ul>
<div class="clearfix"></div>
<a id="prev" class="prev" href="#"><</a>
<a id="next" class="next" href="#">></a>
<div id="pager" class="pager"></div>
</div>


</div>
</body>
</html>


لكن لم أعرف أين أضعه مع العلم وضعته كإعلان أدسنس ولم يشتغل جيدا ظهرت فقط الصور

المرجو مساعدتي وشكرااا

هذا هو رابط المنتدى www.guide4arab.com

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  17-12-2012 07:20 مساءً   [7]
معلومات الكاتب ▼
تاريخ الإنضمام : 18-07-2009
رقم العضوية : 1
المشاركات : 12455
الدولة : KSA
الجنس :
الدعوات : 52
قوة السمعة : 73176
موقعي : زيارة موقعي
اول 6 أسطر + وسم الـ body والـ html والـ head ليس لهم داع إذا كنت ستضعه بالمنتدى + آخر سطرين
والصور لازم تضع روابطها كاملة علشان تظهر

وإذا كنت ترغب بوضعه عن طريق خاصية اعلانات ادسنس فيمكنك وضعه في iframe اسهلك
بهذا الشكل :
CODE
<iframe src="http://www.guide4arab.com/index1.html" width="95%" height="260" align="center" scrolling="no" frameBorder="0" allowtransparency="true"></iframe>

look/images/icons/i1.gif مساعددة في عمل إعلان مثال في الداخل
  18-12-2012 08:46 مساءً   [8]
معلومات الكاتب ▼
تاريخ الإنضمام : 29-12-2011
رقم العضوية : 1970
المشاركات : 258
الدولة : المغرب
الجنس :
تاريخ الميلاد : 1-1-1987
الدعوات : 1
قوة السمعة : 352
موقعي : زيارة موقعي
بارك الله فيك أخي لقد إشتغلت فقط أريط طريقة كيف يمكن جعلها تظهر في جميع المنتديات ليس فقط في الرئيسية

الله يسر أمورك الله يجعلك من أهل الجنة


تم تحرير المشاركة بواسطة :abdo-10 بتاريخ:18-12-2012 08:50 مساءً


اضافة رد جديد اضافة موضوع جديد
الصفحة 2 من 2 < 1 2 >




المواضيع المتشابهه
عنوان الموضوع الكاتب الردود الزوار آخر رد
عمل إعلانات أو خدمات امثال بالداخل abdo-10
7 1419 abdo-10

الكلمات الدلالية
لا يوجد كلمات دلالية ..









الساعة الآن 02:44 PM