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

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

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


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

طريقة التركيب
  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(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1EWZPwWrL2DjYw6szOmLp3aA2FNBfjtWIulmnUxxKO9EEo5p3GNFJzZ7NyAULT2A1Og0Mj2y7Ys7XKdwhO0brgkOZaoR4NdgyNKGbTgrtAVp66oI9JEPpvE4saY249wd_o8ab7z4IFYxb/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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAUzBAFtIbxAohKPqtnaphuai5wrOofDRAqDIN1efL5FgTFmSN3IARI4Aorsi6-P0mVb1z8P_kNl8gWAfyCHwAPU6cndefjZnOafnPnbVhC_nFev2VoPZksnKypQ9CRTHovU2SzkH9NFva/s1600-r/users81.png" />
<a href="#">اسمك</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghJWdZrfol1YRAfZroNbphqw6ABhjElnbiZzQEJxo7aB9Nx7I6YMtiSeX3Fl5lLJE1Lb8N5yFwjVrT9Dmb5xlw2zz6CGHDhvsGNwxfBjgjnl0HFmriYBXTFTlsfIqC3gVYKhCuSc71SnEf/s1600-r/suitcase57.png" />
<a href="#">وصف</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggy4HpUdYLGiImS7d2dqmVMLuLx1RaIGI0CGN_-gs8n0Lwh0dF0Pxe-LAPv7hyphenhyphenjLNMP-zgrEoMgzmTwnT6gI3MHR89ewQjMwNeblC1xhaO50PdLo_4sSHfznt4hlP_K5Rle3JDpturG2Tn/s1600-r/pin71.png" /><a href="#">دولتك</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjXWYEaqGPUyD8wwQm78qxzloQn2aAtC5taIosZkh2P6xWQ6L3uNZrc_4cNhI-rCLUdlXlZInI3qtofZbFmTRJokTZecwtUE0d8763hG3PQ2apN7wk8Oos6BSQJq8MNgJScIxuzEOYvuGfJ/s1600-r/candles5.png" />
<a href="#">تاريخ الميلاد</a></li></ul></div><div class="form-contact">
<ul><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhmb85OTW4hFkO_L0gb7EfpJ5NbKS9qCHIigR_16ieTmirpKJ75u4GQTzvaB-pzeXM5zcoE9ZYFHpY1OfCOEmGsoG7gAxwTjpeu1LZDCgz29x4qK0I8q5js1xGLNAic9kWtY4eVV8oZBcEX/s1600-r/symbol20.png" />
<a href="gmail.com">gmail.com</a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgBFDxbn_0s2SH02IZKbWEdnvL6xdmbaZjn9OtKO7-k1PqZ3dH_cOns7oTcwf5qNhYFJKvPEN7c2OhPjdNqr2Rc9tU4LEzKbjihGVWSISsCKIdAYyYXtBsK_aB2wARP3sTK6LwVUN0DF9n-/s1600-r/connection27.png" />
<a href="#">اسم المدونة </a></li><li><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3374GLrjXtYuZC5wG_92ivmvcwEIS77JIWUQhWhyphenhyphen2ycYikQJY2qxCX-ENL00vXY1NdJmYjHXAUChaNiqC8NPOWlavKF1YTDI0jJo6qBLnzKCt3CQgbkd6Grq6BHG51wX0olaheg7jPXWa/s1600-r/black218.png" />
<a href="#">راسلني</a></li><li style="border-bottom:none;"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg62NphA-_FOZK1d5Nl4U_fc6GJNZh2tmN5H7SpIdlZfRMK2mZHEPYaW85t4exD0O1chp1rm15wgkunRbM5epc7hRsX9X8gS6S9pLG1RgKV8U0Gd25Jbdh4WEbke-iTaqnxB3-SPzzH5bHF/s1600-r/phone+call41.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>


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

الكاتب

رَدد دَائِمَا "سبْحَانَك مَا أَحْلَمَك،، وْبِحَالِي مَا أَعْلَمَك،، وَعَلَى تَفْرِيْج هَمِّي مَا أُقَدَّرْك،، أنْت ثِقَتِي وَرَجَائِي،، فَاجْعَل حُسْن ظَنّي فِيْك جَزَائِي " سُبْحَان الْلَّه وَبِحَمْدِه سُبْحَان الْلَّه الْعَظِيْم

شكرا لك ولمرورك
الاشتراك في: تعليقات الرسالة (Atom)