<div id='profile-wrapper'>
<p>هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعاَ طبيعياَ -إلى حد ما- للأحرف عوضاً عن استخدام "هنا يوجد محتوى نصي، هنا يوجد محتوى نصي" فتجعلها تبدو (أي الأحرف) وكأنها نص مقروء.</p>
<div id='social-wrapper'>
<div class='social-icons sticky-social'>
<a class='twitter' href='#'></a>
<a class='behance' href='#'></a>
<a class='skype' href='#'></a>
<a class='khamsat' href='#'></a>
</div>
</div>
</div>
<style>
#profile-wrapper {
text-align: center;
padding: 34px 20px;
background: #FFF;
border-top: 3px solid #E24300;
margin: 0 0 20px;
font-size: 12px;
font-weight: normal !important;
}
#profile-wrapper img {
border-radius: 100%;
margin: 0 0 10px;
}
#profile-wrapper h2 {
font: normal 20px tahoma;
color: #F34D4D;
}
#profile-wrapper p {
font: normal 12px ges,;
color: #888;
line-height: 2em;
}
#social-wrapper{padding:11px 0 0;overflow:hidden; margin-right: 30px;}
.social-icons a.facebook {
}
.social-icons a.facebook:hover {
background-color: #4265b9;
}
.social-icons a.twitter {
}
.social-icons a.twitter:hover {
background-color: #26d5ec;
}
.social-icons a.behance {
}
.social-icons a.behance:hover {
background-color: #444;
}
.social-icons a.skype {
}
.social-icons a.skype:hover {
background-color: #0bbff2;
}
.social-icons a.youtube {
}
.social-icons a.youtube:hover {
background-color: #df3333;
}
.social-icons a.google {
}
.social-icons a.google:hover {
background-color: #d62408;
}
.social-icons a.khamsat {
}
.social-icons a.khamsat:hover {
background-color: #F39C12;
}
.social-icons.sticky-social {
text-align: right;
float: right;
}
.social-icons {
float: right;
text-align: center;
}
.social-icons.sticky-social a {
margin-left: 10px;
margin-bottom: 10px;
float: right;
display: block;
}
.social-icons a {
background-color: #dadada;
}
.social-icons a {
width: 30px;
height: 30px;
margin: 0 3.5px !important;
}
.social-icons a {
width: 30px;
height: 30px;
display: block;
background-position: center center;
background-repeat: no-repeat;
border-radius: 3px;
display: inline-block;
position: relative;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s;
}
</style>
شكر لكم لقد أعجبتني الإضافة الخاصة بتسجيل الدخول رائعة
ردحذفواصلووووووووووو :)
لقد أعجبتني الإضافة الخاصة بتسجيل الدخول رائعة
ردحذفسوال اين يتم تسجيل الدخول لانى وضعت الاضافة فى بلوجر لم يحصل شى ؟
ردحذفاخي كما ذكرت في الموضوع أنا تلك الإضافة هي فقط لتزيين ٬ لأن بلوجر اصلا لا يحتوي على تلك الخاصية
حذفكيق سيقومون بتسجيل الدخول وتسجيل ليست موجود
ردحذفموضوع جميل هذا رابط موقع أختي :
ردحذفhttp://www.omsaad.com/
merci
لو سمحت عايز كود التواصل الاجتماعي
ردحذفتم التعديل يمكنك نسخ الكود الآن
حذفشكرا جزيلا
حذفأيهم؟
حذفعند إضافة أحد هده الإضافات لمدنتي أصبحت موقع مدونتى يتوجه دائما إلى مدونتكم مادا سأفعل ؟؟
ردحذفممكن تعبتلي قالب مدونتك
ردحذفmohamedgfx29@gmail.com
اخي الغالي كيف افعل خاصية تسجيل الدخول و الباسوورد ؟
ردحذفهي إضافة لتزيين فقط
حذفشرح اكثرمن رااائع لكن قل لي اخي كيف يمكن جعل اول اضافة تظهر في المواضيع فقط
ردحذف