12/09/2015

settings_overscan print announcement
اضافة تعريف عن صاحب المدونة


اضافة تعريف عن صاحب المدونة  

طريقة التركيب
  1. لوحة التحكم
  2. تخطيط
  3. إضافة أداة-HTML/JavaScript
  4. اضف الكود التالي
  5. غير مايلزم


<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>


 اي استفسار لاتتردد بالكتابة بالاسفل 

add_comment هناك 7 تعليقات:

  1. كيف اقدر اغير الصورة

    ردحذف
    الردود
    1. هذا رابط الصورة http://cdn.top4top.net/i_4341d1237a1.jpg
      ولكي تستخرج الرابط بسرعة اضغط من لوحة المفاتيح CTRL+F
      وهذه مواقع تحويل الصورة الى رابط
      http://www.up-00.com
      http://up.top4top.net
      http://arabsh.com

      حذف
  2. أشكرك أخي على الدونة المتميزة والمواضيع الراقية

    أتشرف بزيارتك على
    مدونة الأبجدية http://www.alabjadiah.net/
    مدونة قوالب بلوجر العربة abt4u.blogspot.com

    ردحذف
    الردود
    1. اشكرك على هذا الإطراء اخي الكريم

      بإذن الله انرت.

      حذف
  3. غير معرف7/30/2017 12:40:00 ص

    كيفية اضيف صورتي في التعريف من وين اجيب رابط الصوره

    ردحذف
    الردود
    1. من هذا الموقع اخي https://up.top4top.net
      او انشاء مشاركة جديدة ورفع الصورة ثم كلك يمين على الصورة
      وانقر على فتح الصورة في علامة تبويب جديدة

      حذف
    2. ثم انس الرابط وضعه بدل رابط الصورة التالي http://cdn.top4top.net/i_4341d1237a1.jpg

      حذف