طلب كودين فيس بوك + صور كمثال
2 مشترك
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
طلب كودين فيس بوك + صور كمثال
السلام عليكم
طلب كود مربع اعجبنى مثل هذا
وطلب كود مواقع التواصل مثل الصورة
ملحوظة الصور من جوجل
ليس لدى حق تعديل تومبلايت
وشكرا لكم
طلب كود مربع اعجبنى مثل هذا
وطلب كود مواقع التواصل مثل الصورة
ملحوظة الصور من جوجل
ليس لدى حق تعديل تومبلايت
وشكرا لكم
عدل سابقا من قبل مزيكاتى-Eslamsoka في الإثنين 25 مايو 2015 - 6:19 عدل 1 مرات
رد: طلب كودين فيس بوك + صور كمثال
بالنسبة للى فى الصورة الاولى هات رابط اى موقع او منتدى موجود عليه المربع دهمزيكاتى-Eslamsoka كتب:السلام عليكم
طلب كود مربع اعجبنى مثل هذا
وطلب كود مواقع التواصل مثل الصورة
لمحوظة الصور من جوجل
ليس لدى حق تعديل تومبلايت
وشكرا لكم
بالنسبة للثانى متاح وموجود
تم اضافة النسخة الماسية مع كود اعجاب الفيس والنشر دون الحاجة الى تعديل يتعرف على الصفحة تلقائا
ويسمح بوضع الاعجاب على المواضيع بشكل مباشر ونشرها ايضا بشكل مباشر
كود :
- الكود:
<style type="text/css">
img, a { border: 0; }
#likebox_1 {
z-index: 10005;
border:2px solid #3c95d9;
background-color: #fff;
width:276px;
height: 210px;
position: fixed;
top: 20%;
right: -280px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#likebox_1_1 {
width:276px;
height: 210px;
overflow: hidden;
}
#likebox_1 img {
position: absolute;
top: -2px;
left: -50px;
}
#likebox_1 iframe {
border:0px solid #3c95d9;
overflow: hidden;
position: static;
height: 60px;
left:-2px;
top:-3px;
}
#net_1 {
z-index: 10010;
border:2px solid #3c95d9;
background-color: #fff;
width:470px;
height: 594px;
position: fixed;
top: 4%;
right: -474px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#net_1_1 {
width:470px;
height: 594px;
overflow: hidden;
}
#net_1 img {
position: absolute;
top: -2px;
left: -50px;
}
#net_1 iframe {
border:0px solid #3c95d9;
overflow: hidden;
position: static;
height: 360px;
left:-2px;
top:-3px;
}
#polecam_1 {
z-index: 10004;
border:2px solid #6CC5FF;
background-color: #6CC5FF;
width:266px;
height: 490px;
position: fixed;
top: 28%;
right: -270px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#polecam_1_1 {
width:266px;
height: 490px;
overflow: hidden;
}
#polecamy_img {
position: absolute;
top: -2px;
left: -50px;
border: 0;
}
#google_1 {
z-index: 10003;
border-top:2px solid #0056a0;
border-bottom: 2px solid #0056a0;
border-right:2px solid #0056a0;
border-left: hidden;
background-color: #006ec9;
width:152px;
height: 97px;
position: fixed;
top: 36%;
right: -154px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#google_1_1 {
width:152px;
height: 97px;
overflow: hidden;
}
#google_img {
position: absolute;
top: -2px;
left: -48px;
border: 0;
}
#youtube_1 {
z-index: 10006;
border:2px solid #cb1c0e;
background-color: #fff;
width:574px;
height: 342px;
position: fixed;
top: 12%;
right: -578px;
-webkit-transition:800ms;
-moz-transition:800ms;
-o-transition:800ms;
transition:800ms;
}
#youtube_1:hover { right:0; }
#net_1:hover { right:0; }
#likebox_1:hover { right:0; }
#google_1:hover { right:0; }
#polecam_1:hover { right:0; }
#youtube_1_1 {
width:564px;
height: 342px;
overflow: hidden;
}
#youtube_1 img {
position: absolute;
top: -2px;
left: -50px;
}
</style>
<!-- youtube -->
<div id="youtube_1"><div id="youtube_1_1">
<img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/youtube.png" alt="" />
<a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<p>محتوى اليوتيوب</p>
</div>
</div>
</div>
<div id="likebox_1"><div id="likebox_1_1">
<img src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/facebook.png" alt="" />
<a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<div dir="rtl" style="padding: 0pt; font-weight: bold; font-size: 10pt;
margin: 0pt;
overflow: scroll; width: 500px; height: 200px;">
<script>(function(d,s,id){var
js,fjs=d.getElementsByTagName(s)[0];if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="//connect.facebook.net/en_US/all.js#xfbml=1";fjs.parentNode.insertBefore(js,fjs);}(document,'script','facebook-jssdk'));</script>
<div fb-xfbml-state="rendered" class="fb-like
fb_edge_widget_with_comment fb_iframe_widget" data-href=""
data-send="true" data-width="400" data-show-faces="true"
style="padding:10px;">
<span style="height: 24px; width: 400px;"><iframe
src="http://www.facebook.com/plugins/like.php?api_key=124578887583575&locale=en_US&sdk=joey&channel_url=http%3A%2F%2Fstatic.ak.facebook.com%2Fconnect%2Fxd_arbiter.php%3Fversion%3D18%23cb%3Df17a9cb2fc0170e%26origin%3Dhttp%253A%252F%252F/%252Ff2de3f05fea3bc6%26domain%3D/%26relation%3Dparent.parent&href=/&node_type=link&width=400&layout=standard&colorscheme=light&show_faces=true&send=true&extended_social_context=false"
class="fb_ltr" title="Like this content on Facebook." style="border:
medium none; overflow: hidden; height: 24px; width: 400px;"
name="f1605443947c896" id="f1932adabfc1718"
scrolling="no"></iframe></span>
</div>
</div>
</div>
</div>
<div id="polecam_1"><div id="polecam_1_1">
<img id="polecamy_img"
src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/twitter.png"
/><a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>
</div>
</div>
</div>
<div id="google_1"><div id="google_1_1">
<img id="google_img"
src="https://cdn1.iconfinder.com/data/icons/isometric-social-media-icons/48/google_plus.png"
/>
<a href="http://micsoft.is-best.net/">مايكل سوفت</a>
<div style="color:#999;font-size:11px; padding-top: 15px;
padding-right:30px; margin:5px; width:98px; height:97px;">
<script type="text/javascript"
src="https://apis.google.com/js/plusone.js"></script>
<g:plusone size="tall"></g:plusone>
</div>
</div>
</div>
لوحة الادارة > عناصر اضافية > ادارة العناصر المستقلة > انشاء عنصر جديد
هناك اشياء عليك فعلها بنفسك وهى استبدال عبارة
بكود مثلا ثناتك على اليتيوب او فديو الخ الخ او اى شىء اخر تريدإقتباس : كتب:<p>محتوى اليوتيوب</p>
ايضا استبدال عبارة
بالكود الخاص بك على تويترإقتباس : كتب:<P>عليك باضافة كود تويتر الخاص بك لتفعيل هذا الصندوق</P>
منتدى الدعم و المساعدة لأحلى المنتديات :: منتدى الدعم والمساعدة :: قسم المشاكل الأخرى :: أرشيف قسم "المشاكل الأخرى"
صفحة 1 من اصل 1
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى