اضافة تعريف عن صاحب المدونة
طريقة التركيب
- لوحة التحكم
- تخطيط
- إضافة أداة-HTML/JavaScript
- اضف الكود التالي
- غير مايلزم
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css"/><style>/*-------------------- font --------------------*/@font-face {font-family: "Ta3alamFont";font-weight: normal;font-style: normal;src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot);src: url(https://dl.dropboxusercontent.com/s/l0mqm6g2vwflxp2/Ta3alamFont.eot?#iefix) format('embedded-opentype'),url(https://dl.dropboxusercontent.com/s/gjkkuvnfze5ii1l/Ta3alamFont.woff) format('woff'),url(https://dl.dropboxusercontent.com/s/mjj8mvkq7jgihhn/Ta3alamFont.ttf) format('truetype');}/*-------------------- #font# --------------------*/.admin{ width: 300px; height: 480px; background: #343434; border: 1px solid #131313; margin: -1px; border-radius: 4px;}.cover{ height: 120px; background: url(http://2.bp.blogspot.com/-eozlkqCkahk/VjPKdGZ00oI/AAAAAAAADXE/rXbds1JSaFE/s1600-r/Space-Desktop.jpg) no-repeat; border-bottom: 1px solid #868282; background-size: 300px; box-shadow: 0px -140px 310px -100px #000 inset;}
.profile{ width: 120px; height: 120px; background: url(http://cdn.top4top.net/i_4341d1237a1.jpg) no-repeat; border: 4px solid #fff; margin: -100px auto 0px; border-radius: 10px; box-shadow: 0px 0px 15px -5px #000,0px 0px 60px -10px #000 inset; background-size: 120px;}.form-info{ border-bottom: 1px solid #494949; border-top: 1px solid #494949; margin-top: 10px; background: #2A2A2A;}.form-info ul{ margin: 0; padding: 0px;}.form-info ul li{ display: block; padding: 0px 25px; margin: 2px 0px; border-bottom: 1px solid #343434; height: 30px;}.form-info ul li img{ display: block; float: right; padding: 5px; height: 18px; width: 18px;}.form-info ul li a{display: block; float: right; height: 20px; padding: 5px; color: #9E9E9E;font-family:Ta3alamFont;}.form-info ul li a:hover{color:#fff;}.form-contact{ border-bottom: 1px solid #494949; border-top: 1px solid #494949; margin-top: 10px; background: #2A2A2A;}.form-contact ul{ margin: 0; padding: 0px;}.form-contact ul li{ display: block; padding: 0px 25px; margin: 2px 0px; border-bottom: 1px solid #343434; height: 30px;}.form-contact ul li img{ display: block; float: left ; padding: 5px; height: 18px; width: 18px;}.form-contact ul li a{display: block; float: left ; height: 20px; padding: 5px; color: #9E9E9E;font-family:Ta3alamFont;}.form-contact ul li a:hover{color:#fff;}.form-socail{ text-align: center;}.form-socail i{color: #9E9E9E; font-size: 32px; padding: 5px;}.form-socail i:hover{color:#fff;}</style>
<div class="admin">
<div class="cover"></div><div class="profile"></div><div class="form-info">
<ul><li><img src="http://3.bp.blogspot.com/-Wb3WEcCg0mE/VjPQk-emmSI/AAAAAAAADXo/o7vKvwUWfVI/s1600-r/users81.png" />
<a href="#">اسمك</a></li><li><img src="http://4.bp.blogspot.com/-3JkACUeKXkM/VjPXMtfcxRI/AAAAAAAADX4/5jUsH_7nz0g/s1600-r/suitcase57.png" />
<a href="#">وصف</a></li><li><img src="http://2.bp.blogspot.com/-GUdJAF6SU1E/VjPXk331sBI/AAAAAAAADYE/LWeYrbsAKAI/s1600-r/pin71.png" /><a href="#">دولتك</a></li><li style="border-bottom:none;"><img src="http://1.bp.blogspot.com/-dT7rg3pCrwU/VjPXyAZL8nI/AAAAAAAADYQ/12klq7yMG8Q/s1600-r/candles5.png" />
<a href="#">تاريخ الميلاد</a></li></ul></div><div class="form-contact">
<ul><li><img src="http://2.bp.blogspot.com/-c9IJffTwgHw/VjPZpniyrwI/AAAAAAAADYo/UAunGvs5u2E/s1600-r/symbol20.png" />
<a href="gmail.com">gmail.com</a></li><li><img src="http://4.bp.blogspot.com/-ueNkhCrLfb8/VjPZ1K9WzmI/AAAAAAAADY0/qCxqirvtq9M/s1600-r/connection27.png" />
<a href="#">اسم المدونة </a></li><li><img src="http://2.bp.blogspot.com/-4mT_GEvj3Bo/VjPaMWg_B_I/AAAAAAAADZA/uTwHRWa82w0/s1600-r/black218.png" />
<a href="#">راسلني</a></li><li style="border-bottom:none;"><img src="http://4.bp.blogspot.com/-UF3cO6oH_SY/VjPagUZtSHI/AAAAAAAADZM/JH20gbywtLc/s1600-r/phone%2Bcall41.png" />
<a href="#">وسيلة اتصال</a></li></ul></div><div class="form-socail">
<a href="##"><i class="fa fa-google-plus-square"></i></a>
<a href="##"><i class="fa fa-youtube-square"></i></a>
<a href="##"><i class="fa fa-linkedin-square"></i></a>
<a href="##"><i class="fa fa-twitter-square"></i></a>
<a href="##"><i class="fa fa-facebook-square"></i></a>
</div></div>
اي استفسار لاتتردد بالكتابة بالاسفل
كيف اقدر اغير الصورة
ردحذفهذا رابط الصورة http://cdn.top4top.net/i_4341d1237a1.jpg
حذفولكي تستخرج الرابط بسرعة اضغط من لوحة المفاتيح CTRL+F
وهذه مواقع تحويل الصورة الى رابط
http://www.up-00.com
http://up.top4top.net
http://arabsh.com
أشكرك أخي على الدونة المتميزة والمواضيع الراقية
ردحذفأتشرف بزيارتك على
مدونة الأبجدية http://www.alabjadiah.net/
مدونة قوالب بلوجر العربة abt4u.blogspot.com
اشكرك على هذا الإطراء اخي الكريم
حذفبإذن الله انرت.
كيفية اضيف صورتي في التعريف من وين اجيب رابط الصوره
ردحذفمن هذا الموقع اخي https://up.top4top.net
حذفاو انشاء مشاركة جديدة ورفع الصورة ثم كلك يمين على الصورة
وانقر على فتح الصورة في علامة تبويب جديدة
ثم انس الرابط وضعه بدل رابط الصورة التالي http://cdn.top4top.net/i_4341d1237a1.jpg
حذف