تعديلات على قالب Evident

05-16-2013, 10:07 PM

admin

مدير عام

تاريخ التسجيل: Apr 2012

الدولة: جده

المشاركات: 2,846

الإجابات الموجودة: 200

غير مجاب: رد: تعديلات على قالب Evident

أنا : admin

سجل معنا لتتمتع بهذه الخاصية

احذف الأداة أخي وتابع معي جيدا
شرح إضافة صناديق المواقع الاجتماعية ثابتة (يسار أو يمين) بلوجر
سنضيف أكواد الجافا داخل القالب قبل </head>
أي سنضيف هذه الأكواد فقط :

كود بلغة HTML:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script>
<script type="text/javascript">jQuery(document).ready(function(){  jQuery("#facebook_right").hover(function(){  jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){  jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500);  });    jQuery("#twitter_right").hover(function(){  jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){  jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500);  });     jQuery("#google_plus_right").hover(function(){  jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){  jQuery("#google_plus_right").stop(true,false).animate({right: -154},  500); });    jQuery("#feedburner_right").hover(function(){  jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){  jQuery("#feedburner_right").stop(true,false).animate({right: -303},  500); });    });</script>

ثم نضيف الأكواد الأخرى داخل أداة html/java أقصد الأكواد المعلمة باللون الأزرق والأحمر والأخضر والبنفسجي :

كود بلغة HTML:

<div id="on"><div id="facebook_right"  style="top: 18%;"><div id="facebook_div"><img  src="http://2.bp.blogspot.com/-AwJK988Hw9U/T_CUbBXoLmI/AAAAAAAABuM/XIwgqyH0zLw/s1600/facebook-icon.png"  alt=""/><iframe src="//www.facebook.com/plugins/likebox.php?  href=http://www.facebook.com/bloggerexp&amp;width=200&amp;height=346&amp;colorscheme=light&amp;show_faces=true&amp;border_color&amp;stream=false&amp;header=false"  scrolling="no" frameborder="0" style="border:none; overflow:hidden;  width:200px; height:346px;"  allowtransparency="true"></iframe></div></div></div>
   <div id="on"><div id="twitter_right"  style="top: 35%;"><div id="twitter_div"><img  id="twitter_right_img"  src="http://2.bp.blogspot.com/-ggLNgeprfJo/T_CUf8BMk8I/AAAAAAAABuk/f38udn9GKo4/s1600/twitter-icon.png"/>  <script  src="http://widgets.twimg.com/j/2/widget.js"></script>  <script>new TWTR.Widget({version: 2,type: 'profile',rpp:  4,interval: 1000,width: 246,height: 265,theme: {****l: {background:  '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color:  '#000000',links: '#47a61e'}},features: { loop: false,live:  true,scrollbar: false,hashtags: false,timestamp: true,avatars:  true,behavior: 'all' }})
.render().setUser('bloggerexpcom').start();</script></div></div></div>
   <div id="on"><div  id="google_plus_right" style="top: 52%;"><div  id="google_plus_div"><img id="google_plus_right_img"  src="http://1.bp.blogspot.com/-zwfLV74trKg/T_CUcBJIkVI/AAAAAAAABuU/LVVwVCRESpI/s1600/google-plus-icon.png"/><div  style="float:center;margin:10px 20px 10px 0px;"><g:plusone  size="tall"  expr:href="data:post.url"></g:plusone></div></div></div>
   <div id="on"><div id="feedburner_right"  style=" top: 69%;"><div  id="knfeedburner_div"><center><h4  style="color:#F66303;">سجل إميلك وتوصل بمواضيعنا :</h4><form  action="http://feedburner.google.com/fb/a/mailverify" method="post"  rel="nofollow" target="popupwindow" onsubmit="********open  ('http://feedburner.google.com/fb/a/mailverify?uri=ar-blogger-templates',  'popupwindow', 'scrollbars=yes,width=550,height=520');return  true"><input gtbfieldid="10" class="enteryouremail" name="email"  value="" onblur="if (this.value == '') {this.value =  'أدخل إميلك هنا ...';}" onfocus="if (this.value ==  'أدخل إميلك هنا ...') {this.value =  '';}" type="text"/><input  value="Ar-Blogger-Templates" name="uri" type="hidden"/><input  value="أرسل" class="submitbutton"  type="submit"/></form></center><img  id="feedburner_right_img"  src="http://1.bp.blogspot.com/-zKZoEMAlSBU/T_1C8cxmMoI/AAAAAAAADXA/p9CIkL4w19E/s1600/rssfeed.png"/></div></div></div></div>

هذا شرح بسيط للتخطيط قد ينفعك
- مساحة الأدوات الأولى خاصة بالأدوات التي ستظهر ضمن التصنيف الأول
والثانية خاصة بالتصنيف الثاني والثالث نفس الشيء
- وهناك مساحة أدوات رابعة لباقي الأدوات التي ستظهر دائما

alimaher19 معجب بهذا

__________________

من مواضيع admin

مواقع النشر (المفضلة)

الكلمات الدلالية (Tags)

تعديلات, evident, قالب

« الموضوع السابق | الموضوع التالي »

الذين يشاهدون محتوى الموضوع الآن : 1 ( الأعضاء 0 والزوار 1)

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة لا تستطيع الرد على المواضيع لا تستطيع إرفاق ملفات لا تستطيع تعديل مشاركاتك BB code is متاحة الابتسامات متاحة كود [IMG] متاحة كود HTML معطلة قوانين المنتدى

الانتقال السريع

المواضيع المتشابهه
الموضوع	كاتب الموضوع	المنتدى	مشاركات	آخر مشاركة
طلب تعديلات على قالب المنافس	Barca4ever	طلبات تعديل القوالب	4	05-29-2013 10:03 PM
قالب Evident	saheralialy	قوالب بلوجر عربية ومعربة	0	01-28-2013 12:29 PM
قالب Evident	saheralialy	قوالب بلوجر عربية ومعربة	0	01-22-2013 04:36 PM
مشكلة عند تركيب قالب Evident [تمت التلبية]	ilyass kéng	طلبات الدعم الفني	1	08-07-2012 12:38 AM
تحميل قالب / استايل بلوجر Evident المعرب ~ قالب بسيط ورائع	admin	قوالب بلوجر عربية ومعربة	6	08-04-2012 12:50 AM

طلبات تعديل القوالب