كود تابعنا على فيسبوك و قوقل بليس

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

كود تابعنا على فيسبوك و قوقل بليس

الإثنين يونيو 05, 2017 1:00 pm


أريد كو html فقط لتابعنا على فيسبوك و قوقل بليس و يكون متناب مع هدا التصميم.
https://e.top4top.net/p_519g36fk1.png

avatar
frozen

عضو مميز
عضو مميز

انثى


عدد المساهمات : 382

السٌّمعَة : 0

other

chrome

تاريخ التسجيل : 04/06/2017

العمر : 14


http://rim-com.ahlamontada.com

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

رد: كود تابعنا على فيسبوك و قوقل بليس

الإثنين يونيو 05, 2017 7:49 pm


تفضلي

ضعي الكود التالي في ورقة الـ css
الكود:

    #jsn-social-icons {
      text-align: center;
    }

    #jsn-social-icons ul {
      display: inline-block;
      margin: 0 auto;
    }
    #jsn-social-icons ul li {
      display: inline-block;
      list-style: none;
      margin-left: 3px;
      background-color: #fff;
      padding: 3px;
      border: 3px solid #dadada;
      border-radius: 100%;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
    }
    #jsn-social-icons ul li:first-child {
      margin-left: 0;
    }
    #jsn-social-icons ul li:hover {
      border-color: #aaa;
    }
    #jsn-social-icons ul li a {
      display: block;
      text-indent: -999em;
      background-image: url(https://i58.servimg.com/u/f58/19/23/13/06/icons-10.png);
      background-repeat: no-repeat;
      width: 59px;
      height: 59px;
      transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      opacity: 0.4;
      border-radius: 100%;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
    }
    #jsn-social-icons ul li:hover a,
    #jsn-social-icons ul li a:hover {
      opacity: 1;
      background-color: transparent;

    }
    #jsn-social-icons ul li.facebook:hover a {
      background-position: 0 0;
    }
    #jsn-social-icons ul li.facebook a {
      background-position: 0 -59px;
    }
    #jsn-social-icons ul li.twitter:hover a {
      background-position: -177px 0;
    }
    #jsn-social-icons ul li.twitter a {
      background-position: -177px -59px;
    }
    #jsn-social-icons ul li.youtube:hover a {
      background-position: -59px 0;
    }
    #jsn-social-icons ul li.youtube a {
      background-position: -59px -59px;
    }
    #jsn-social-icons ul li.googleplus:hover a {
      background-position: -118px 0;
    }
    #jsn-social-icons ul li.googleplus a {
      background-position: -118px -59px;
    }
    #jsn-social-icons ul li.pinterest:hover a {
      background-position: -472px 0;
    }
    #jsn-social-icons ul li.pinterest a {
      background-position: -472px -59px;
    }
    #jsn-social-icons ul li.myspace:hover a {
      background-position: -590px 0;
    }
    #jsn-social-icons ul li.myspace a {
      background-position: -590px -59px;
    }
    #jsn-social-icons ul li.flickr:hover a {
      background-position: -413px 0;
    }
    #jsn-social-icons ul li.flickr a {
      background-position: -413px -59px;
    }
    #jsn-social-icons ul li.dribble:hover a {
      background-position: -295px 0;
    }
    #jsn-social-icons ul li.dribble a {
      background-position: -295px -59px;
    }
    #jsn-social-icons ul li.stumbleupon:hover a {
      background-position: -649px 0;
    }
    #jsn-social-icons ul li.stumbleupon a {
      background-position: -649px -59px;
    }
    #jsn-social-icons ul li.yahoo:hover a {
      background-position: -354px 0;
    }
    #jsn-social-icons ul li.yahoo a {
      background-position: -354px -59px;
    }
    #jsn-social-icons ul li.skype:hover a {
      background-position: -531px 0;
    }
    #jsn-social-icons ul li.skype a {
      background-position: -531px -59px;
    }
    #jsn-social-icons ul li.rss:hover a {
      background-position: -236px 0;
    }
    #jsn-social-icons ul li.rss a {
      background-position: -236px -59px;
    }
    #jsn-social-icons ul li.linkedin a:hover {
      background-position: -708px 0;
    }
    #jsn-social-icons ul li.linkedin a {
      background-position: -708px -59px;
    }

وضعي الكود التالي في المكان الذي تريدي ان تظهر فيه
الكود:
       <div class="clearbreak">
    </div>
    <div id="jsn-social-icons">
     
      <ul>
         
          <li class="facebook">
            <a href="رابط صفحتك على الفيس بوك" title="Facebook" target="_blank">Facebook</a>
          </li>
         
          <li class="twitter">
            <a href="رابط صفحتك على تويتر" title="Twitter" target="_blank">Twitter</a>
          </li>
         
          <li class="googleplus">
            <a href="رابط صفحتك على قوقل بلص" title="googleplus" target="_blank">googleplus</a>
          </li>
         
          <li class="youtube">
            <a href="رابط قناتك على اليوتيوب" title="YouTube" target="_blank">YouTube</a>
          </li>
         
      </ul>
    </div>
    <!--  inkor.yoo7.com -->



للتواصل مع الادارة تفضل اضغطط هناا
avatar
Mc Nabulsy

مؤسس انكور
مؤسس انكور

ذكر


عدد المساهمات : 3576

السٌّمعَة : 62

phpbb2

firefox

تاريخ التسجيل : 05/01/2016

العمر : 19

الموقع : https://www.inkkor.com/


https://www.inkkor.com

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

رد: كود تابعنا على فيسبوك و قوقل بليس

الإثنين يونيو 05, 2017 7:53 pm


عذرا أريد قوقل بليس و فيسبوك فقط

avatar
frozen

عضو مميز
عضو مميز

انثى


عدد المساهمات : 382

السٌّمعَة : 0

other

chrome

تاريخ التسجيل : 04/06/2017

العمر : 14


http://rim-com.ahlamontada.com

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

رد: كود تابعنا على فيسبوك و قوقل بليس

الإثنين يونيو 05, 2017 10:52 pm


تفضلي اختي

ضعي هذا الكود في ورقه css
الكود:


    #jsn-social-icons {
      text-align: center;
    }

    #jsn-social-icons ul {
      display: inline-block;
      margin: 0 auto;
    }
    #jsn-social-icons ul li {
      display: inline-block;
      list-style: none;
      margin-left: 3px;
      background-color: #fff;
      padding: 3px;
      border: 3px solid #dadada;
      border-radius: 100%;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
    }
    #jsn-social-icons ul li:first-child {
      margin-left: 0;
    }
    #jsn-social-icons ul li:hover {
      border-color: #aaa;
    }
    #jsn-social-icons ul li a {
      display: block;
      text-indent: -999em;
      background-image: url(https://i.servimg.com/u/f58/19/23/13/06/icons-10.png);
      background-repeat: no-repeat;
      width: 59px;
      height: 59px;
      transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      opacity: 0.4;
      border-radius: 100%;
      -moz-border-radius: 100%;
      -webkit-border-radius: 100%;
    }
    #jsn-social-icons ul li:hover a,
    #jsn-social-icons ul li a:hover {
      opacity: 1;
      background-color: transparent;

    }
    #jsn-social-icons ul li.facebook:hover a {
      background-position: 0 0;
    }
    #jsn-social-icons ul li.facebook a {
      background-position: 0 -59px;
    }
    #jsn-social-icons ul li.googleplus:hover a {
      background-position: -118px 0;
    }
    #jsn-social-icons ul li.googleplus a {
      background-position: -118px -59px;
    }

ضعي هذا الكود في المكان الذي تريدي ان يظهر فيه
الكود:
      
<div class="clearbreak">
      
</div>
    
<div id="jsn-social-icons">
              
 <ul>
                      
 <li class="facebook">
             <a href="رابط صفحتك على الفيس بوك" title="Facebook" target="_blank">Facebook</a>          
 </li>
                                          
 <li class="googleplus">
             <a href="رابط صفحتك على قوقل بلص" title="googleplus" target="_blank">googleplus</a>          
 </li>
                                      
 </ul>
      
</div>
    
<!--    inkkor.com   -->



 للتواصل مع الإداره اضغط هنا
 للشكايا والاقتراحات اضغط هنا
 لطلبات الإنضمام للفريق اضغط هنا
avatar
طائر الغرام

إدارة انكور
إدارة انكور

ذكر


عدد المساهمات : 878

السٌّمعَة : 4

other

firefox

تاريخ التسجيل : 12/05/2017

الموقع : ۰۪۫E۪۫۰۰۪۫G۪۫۰۰۪۫Y۪۫۰۰۪۫P۪۫۰۰۪۫T۪۫۰


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

رد: كود تابعنا على فيسبوك و قوقل بليس

الإثنين يونيو 05, 2017 10:58 pm


شكرا لكم على المساعدة

avatar
frozen

عضو مميز
عضو مميز

انثى


عدد المساهمات : 382

السٌّمعَة : 0

other

chrome

تاريخ التسجيل : 04/06/2017

العمر : 14


http://rim-com.ahlamontada.com

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

رد: كود تابعنا على فيسبوك و قوقل بليس

الإثنين يونيو 05, 2017 11:02 pm


العفو اختي
هل لديكي استفسار اخر؟



 للتواصل مع الإداره اضغط هنا
 للشكايا والاقتراحات اضغط هنا
 لطلبات الإنضمام للفريق اضغط هنا
avatar
طائر الغرام

إدارة انكور
إدارة انكور

ذكر


عدد المساهمات : 878

السٌّمعَة : 4

other

firefox

تاريخ التسجيل : 12/05/2017

الموقع : ۰۪۫E۪۫۰۰۪۫G۪۫۰۰۪۫Y۪۫۰۰۪۫P۪۫۰۰۪۫T۪۫۰


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

رد: كود تابعنا على فيسبوك و قوقل بليس

الإثنين يونيو 05, 2017 11:47 pm


نعم أخي سيكون في موضوع آخر

avatar
frozen

عضو مميز
عضو مميز

انثى


عدد المساهمات : 382

السٌّمعَة : 0

other

chrome

تاريخ التسجيل : 04/06/2017

العمر : 14


http://rim-com.ahlamontada.com

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

رد: كود تابعنا على فيسبوك و قوقل بليس

الثلاثاء يونيو 06, 2017 12:59 am


يغلق للإنتهاء منه
+
ينقل للارشيف



 للتواصل مع الإداره اضغط هنا
 للشكايا والاقتراحات اضغط هنا
 لطلبات الإنضمام للفريق اضغط هنا
avatar
طائر الغرام

إدارة انكور
إدارة انكور

ذكر


عدد المساهمات : 878

السٌّمعَة : 4

other

firefox

تاريخ التسجيل : 12/05/2017

الموقع : ۰۪۫E۪۫۰۰۪۫G۪۫۰۰۪۫Y۪۫۰۰۪۫P۪۫۰۰۪۫T۪۫۰


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

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

عليك اولا بالاطلاع على قوانين شركة انكور التطويرية قبل المشاركة


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

  • © phpBB | Ahlamontada.com | منتدى مجاني للدعم و المساعدة | إتصل بنا | التبليغ عن محتوى مخالف | انشئ مدونة مجانيا
  • من نحن؟

    شركة انكور التطويرية لدعم ومساعدة وتطوير جميع المواقع والمنتديات من جميع الشكليات والنواحي من خلال عمل الشروحات المصورة سواء فيديوهات او صور لمختلف انواع المواقع والمنتديات و المدونات ودعم واشهار وتلبية تصاميم ما يحتاجه اصحاب المواقع ليطورو من انفسهم ومواقعهم بصورة مجانية

    ادارة شركة انكور التطويرية غير مسؤولة عن اي اتفاق يتم بين الاعضاء