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

لوحة تحكم بلوجر
إضافة أداة
HTML/Javascript
يمكنك المعاينه من هنا

.profile{
    width: 120px;
    height: 120px;
    background: url(http://lh3.googleusercontent.com/-UAKUI-c4w5Q/AAAAAAAAAAI/AAAAAAAAAws/FJ30_hddu5I/s150-c/photo.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: right;
    padding: 5px;
    height: 18px;
    width: 18px;
}
.form-contact ul li a{
display: block;
    float: right;
    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>

<a href="https://www.facebook.com/tuh930m">الطيب حسن</a>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgvHhvVj-Ee5l4rxIhCKJcz-iKy_E6llVnhtZynyGD60P9SLF82PWtPWZd8afeQ2ujYW87NoGn7kTNnGmj3fCVVS3fH34kyNtU8UVFUqszvcfL1ZGeglwLakuLh8vZWh0wXy_Iit9lHkOXD/s1600-r/suitcase57.png" />

<a href="tuhfawebserv.blogspot.com"> مدون بمدونة تحفه</a>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiaZqT_eOD9EYaWATgtKPnJSmS64Zz_ClS-Wq77PWntFQadklZLgwtCUenU0imn_kmPILk6Llg85EOtM1tsrNK9AoFgPF90swXGqBhUxhxpg292XCKR_RSC3_7hb6eaU1DCIXOy48_-Dc5m/s1600-r/pin71.png" />
<a href="https://ar.wikipedia.org/wiki/%D9%83%D9%88%D8%B3%D8%AA%D9%8A">كوستى- السودان</a>
</li>
<li style="border-bottom:none;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEimNfLxGME27d2ziBeSLk4xwev3mGK2cf7cz2S2sYr2KREBh5M7t5JaZsMi3UDlMMG9N8IcEO7Zi8WUSmNZzLpjse8SRpzuPxFXlaB01DoQCgK8oDfIUVnrM3eCP1XS68T7Or2-24_xJF31/s1600-r/candles5.png" />

<a href="#">05 سبتمبر 1994</a>
</li>
</ul>
</div>
<div class="form-contact">

<a href="#">ضع إيميلك هنا</a>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqv9yrCrDxduaA_0YJbXapDcevHrZR9rPqoU9UcAMSakXGffnhkBJC1bVhS1bPCaGkvjeju4DhHTcHQraLfGX5KnHhb2sVXfc7iWLvFzL0NvmkcPf0g5_bKTA6qh4ghI0gGrTxAkitF1fG/s1600-r/connection27.png" />

<a href="#">boite postal : 469 , 92000</a>
</li>
<li style="border-bottom:none;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW4Lvy9PuH1mwUFveS5KPyFjyfg3aP6qPmE_IFYf8rc2p_I4n47MtSKaVvEErgXynYPpep8e1xaXcnYxoh6ASHPOnF9YHVY7UiNbGskWQBNGXjxUIJlDTaJSYX5KWtlpzXEKwy7zHU3QrM/s1600-r/phone+call41.png" />

</div>
</div>

0 تعليقات