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

تطوير المواقع web development

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

[مطلوب]

: [مطلوب] مساعددة في عمل إعلان مثال في الداخل

12-12-2012 09:53 مساءً

abdo-10

السلام عليكم

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

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

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

وشكرااا لكم

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

13-12-2012 01:42 صباحاً [1]

نجم الويب

ينقل لقسم تطوير المواقع ..

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

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

15-12-2012 07:54 صباحاً [2]

abdo-10

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

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

15-12-2012 04:44 مساءً [3]

Soliman

هذا عبارة كود جافا سكربت ويسمى Slide Show او بالأصح Carousel Slideshow

استخدم العم قوقل بالبحث عن Carousel Slideshow

وهنا بعض المواقع التي ستفيدك

http://www.queness.com/post/711/15-attractive-javascript-carousel-plugins

http://favbulous.com/post/586/make-a-beautiful-carousel-with-caroufredsel-and-ui-kit-from-design-deck

http://cssgallery.info/javascript-carousels/

http://www.dynamicdrive.com/dynamicindex14/carousel.htm

http://caroufredsel.dev7studios.com/index.php

http://www.queness.com/post/711/15-attractive-javascript-carousel-plugins

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

16-12-2012 02:39 صباحاً [4]

abdo-10

شكرااا لك سوف أحاول عمل ذلك

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

16-12-2012 11:53 مساءً [5]

مهند

الف شكر اخي سليمان

http://favbulous.com/post/586/make-a-beautiful-carousel-with-caroufredsel-and-ui-kit-from-design-deck

تم التطبيق

CTRL + Q to Enable/Disable GoPhoto.it

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

17-12-2012 04:15 مساءً [6]

abdo-10

لقد قمت بالإختيار الدي عجبني وقمت بتعديل عليه ورفعته في موقعي في هذه الصفحة يضهر :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="#">&lt;</a>
<a id="next" class="next" href="#">&gt;</a>
<div id="pager" class="pager"></div>
</div>


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

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

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

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

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

17-12-2012 07:20 مساءً [7]

Soliman

اول 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>

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

18-12-2012 08:46 مساءً [8]

abdo-10

بارك الله فيك أخي لقد إشتغلت فقط أريط طريقة كيف يمكن جعلها تظهر في جميع المنتديات ليس فقط في الرئيسية

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

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

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

18-12-2012 11:31 مساءً [9]

مهند

عن طريق جعل اعلان ادسنس الخيار يضهر في جميع الصفحات

او ضع الكود في اعلى

address_bar_part1

او في اسفل

address_bar_part2

مثل ما تحب مكان ضهورة

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

19-12-2012 07:46 مساءً [10]

abdo-10

تممام أخي لقد إشتغلت بشكل جيد شكراا

عندي اخر طلب هو كيف أضع نص مخفي لا يظهر إلى بعد الرد على الموضوع

وشكرااا

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

الكلمات الدلالية

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

« بخصوص اعلانات ادنس قوقل | اقتراحك للاستايل القادم »

الساعة الآن 09:39 PM