|
|
|
|
أدوات الموضوع | انواع عرض الموضوع |
08-05-2012, 05:25 PM | #1 |
مدون جديد
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 58
|
إضافة إعلانات بتأثيراتjQuery قمه في الروعه
الطريقه قديمه شويه بس جميله جدا دي صوره من الاداه وطبعا انا مش بعلن عن اي مدونه فبعلن علي حسابي علي الفيسبوك قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم كود بلغة HTML:
]]></b:skin>
كود بلغة HTML:
ul.thumb { float: left; list-style: none; margin: 0; padding: 10px; width: 360px; } ul.thumb li { margin: 0; padding: 5px; float: left; position: relative; width: 110px; height: 110px; } ul.thumb li img { width: 100px; height: 100px; -ms-interpolation-mode: bicubic; border: 1px solid #ddd; padding: 5px; background: #f0f0f0; position: absolute; left: 0; top: 0; } ul.thumb li img.hover { background:url(https://sites.google.com/site/lightbox007/photo/borderblogger.png) no-repeat center center; border: none; } كود بلغة HTML:
</head>
كود بلغة HTML:
<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/> <script type='text/javascript'> $(document).ready(function(){ //Larger thumbnail preview $("ul.thumb li").hover(function() { $(this).css({'z-index' : '10'}); $(this).find('img').addClass("hover") .stop() .animate({ marginTop: '-110px', marginLeft: '-110px', top: '50%', left: '50%', width: '174px', height: '174px', padding: '20px' }, 200); } , function() { $(this).css({'z-index' : '0'}); $(this).find('img').removeClass("hover") .stop() .animate({ marginTop: '0', marginLeft: '0', top: '0', left: '0', width: '100px', height: '100px', padding: '5px' }, 400); }); //Swap Image on Click $("ul.thumb li a").click(function() { var mainImage = $(this).attr("href"); //Find Image Name $("#main_view img").attr({ src: mainImage }); }); });<font size="0"><a href=" http://www.pergola-aluminium.org"></a></font> </script> انتقل إلى لوح تحكم مدونتك،إختر "تصميم" ثم إضافة أداة ثم اختر HTML/Javascriptولآن الصق الكود التالي : كود بلغة HTML:
<ul class="thumb"> <li><a href="رابط المدونه المعلن عنها"><img src="http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png" alt="" /></a></li> <li><a href="رابط المدونه المعلن عنها"><img src="http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png" alt="" /></a></li> </ul> كود بلغة HTML:
http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png كود بلغة HTML:
<li><a href="رابط المدونه المعلن عنها"><img src="http://www.cnbcarabia.com/wp-content/uploads/2012/07/facebook2-300x300.png" alt="" /></a></li> كود بلغة HTML:
</ul>
__________________
|
08-05-2012, 05:46 PM | #2 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: إضافة إعلانات بتأثيراتjQuery قمه في الروعه
__________________
|
08-05-2012, 06:19 PM | #3 |
مدون جديد
تاريخ التسجيل: Jul 2012
الدولة: مصر
المشاركات: 58
|
رد: إضافة إعلانات بتأثيراتjQuery قمه في الروعه
__________________
|
08-05-2012, 06:51 PM | #4 |
مدير عام
تاريخ التسجيل: Apr 2012
الدولة: جده
المشاركات: 2,846
|
رد: إضافة إعلانات بتأثيراتjQuery قمه في الروعه
__________________
|
08-05-2012, 09:45 PM | #5 |
مدون نشيط
تاريخ التسجيل: Apr 2012
الدولة: mecca
المشاركات: 253
|
رد: إضافة إعلانات بتأثيراتjQuery قمه في الروعه
__________________
مدونة تهتم بآخر البرامج الكاملة و الألعاب و التطبيقات و أجمل العروض الحصرية http://flash-techno.blogspot.com |
مواقع النشر (المفضلة) |
الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1) | |
|
|
المواضيع المتشابهه | ||||
الموضوع | كاتب الموضوع | المنتدى | مشاركات | آخر مشاركة |
كيف يمكنك أن تكسب من إعلانات حسوب ؟ | أندرويد بالعربي | الربح من خلال إعلانات حسوب | 6 | 04-02-2013 01:33 PM |
كيف أضع إعلانات أدسنس داخل المواضيع في مدونات بلوجر | tarik | الربح عن طريق أدسنس | 3 | 11-25-2012 12:02 PM |
قالب FitnessMag معرب غايه في الروعه | العماد | قوالب بلوجر عربية ومعربة | 1 | 11-03-2012 05:00 PM |
طلب تعديل في القالب بخصوص إعلانات أدسنس | lamrisif | طلبات تعديل القوالب | 16 | 09-04-2012 10:12 PM |
أسباب رفض المواقع في شبكة إعلانات حسوب | أم كوثر | الربح بطرق أخرى | 12 | 08-28-2012 06:06 AM |
الساعة الآن 02:41 AM - بتوقيت جرينتش
المعهد غير مسؤول عن أي اتفاق تجاري أو
تعاوني بين الأعضاء فعلى كل شخص تحمل مسؤولية نفسه تجاه ما يقوم به من بيع وشراء وإتفاق وإعطاء معلومات مدونته التعليقات المنشورة لا تعبر عن رأي معهد خبراء البلوجر ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر) |