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

السلام عليكم ورحمة الله تعالى وبركاته:

في هذه التدوينة الجديدة على مدونة عالم المحترف سوف أقدم لكم إضافة للتعريف بصاحب المدونة بشكل إحترافي فيمكنكم وضعها اسفل المدونة أو في اي مكان اردته إلخ...

للمعاينة :

طريقة التركيب:

1- قم بنسخ هذا الكود وتوجه إلى التخطيط واختر اداة HTML وقم بلصقه.

.profile{
    width: 120px;
    height: 120px;
    background: url(http://www.mrkzgulf.com/do.php?img=386997) 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>

<a href="https://www.facebook.com/abdlwafitahiri">عبد الوافي الطاهري</a>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjviltpBJ17mfAc8NPl2NT98x07TDYO8gFrrb-0I4kJK-DZKrrZK4RJLVxHEVACruvvodcrrrlnfl-RLHdpU7kFTq9CcEQUJTtFd4ZHAUIXyQiTB7jueJE1pyrAzfJj4mVXNwF6p7AZAJ27/s1600-r/suitcase57.png" />

<a href="http://allampro16.blogspot.com//">مؤسس مدونة عالم المحترف</a>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGdC-QmZ7UBeziSU3htKjcWEnbKniIwlagRyO5J4ukDcisM569HJ20z0EhMYYSOcWxlPRt1V5dl3041gJgzv78mxOOTOGoGra0BdbmwoLIrGzI3nUw8EgWMCo6pEbEL_BSXtDc-UyUTCLm/s1600-r/pin71.png" />
<a href="www.allampro16.blogspot.com">زايو- المغرب</a>
</li>
<li style="border-bottom:none;">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEstJoRzSDFvypBO3AWpu2lAMxA7GBVcUB6r2bhro5FbOJg77KNFI8mdfRoJofHLgs-paL1pGnRd0ubaVtowqZyT24lnmhKEJIBr3e0qb73EqmtWrQDF63Oij9pbndaWkz0wLuNPDcKkDr/s1600-r/candles5.png" />

<a href="www.allampro16.blogspot.com">ضع إيميلك هنا</a>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhdiUOKbWR_FEVgE0ClcdNup7XzKkh8TCQS7CfQtIAOs-rKQRZosvR7Ayhwv-jWquxhVyTvTrhkRO6L81Ah1zFn-h_YNoYc3huSbU1KWhV-MAFnE62DNRHZg8HmNM1N8vbjcZwfUWZKBHwB/s1600-r/connection27.png" />

<a href="www.allampro16.blogspot.com">www.allampro16.blogspot.com</a>
</li>
<li>
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiRikRXmHgt1qfcZPYGOefQsawtv1xyLt2p_Ytbsr3ILFK2zqqO-8f_JXc-Q0EFKdTseN2uLW8uCTVQuWkGzeWVIpD9vley_XwdVptun0EQL3nCNpXnvcC5glO4SRet_bP0lLwUxO0UZN9g/s1600-r/black218.png" />

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

</div>
</div>

2- قم بتغيير رابط الخلفية عن طريق البحث على هذا الرابط : "http://goo.gl/kjKpOg"

3- لتغيير الصورة الشخصية : " http://www.mrkzgulf.com/do.php?img=386997 "

4- لتغيير الإسم الكامل إبحث عن : "عبد الوافي الطاهري"

شارك المقالة عبر:

اترك تعليقا:

عالم المحترف | allampro16

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

المشاركات الشائعة

التسميات

المشاركات الشائعة

المشاركات الشائعة

المشاركات الشائعة