اخترت لكم قائمة لمدونتك او لموقعك

السلام عليكم ورحمة الله

في الحقيقة كنت معجب كثيرا بهذ الاسلوب في التصميم لكن مع البحث استطعت ان اجد ما ابحث عليه ومع بعض التعديد القليل
حصلت على هته القائمة او ان صح التعبير تصميم للعنوان من اردت ان تضعها في مدونته او في موقعك بطريقة التي صممتها عليه
مع بعض الصور لاجل ذالك لا اطيل عليكم

اليكم الصور المستخدمة في التصميم

اخترت لكم قائمة لمدونتك او لموقعك H2

اخترت لكم قائمة لمدونتك او لموقعك T3lek1

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

نسخ الكود التالي

الكود:: <html>

<head>
<title></title>
</head>
<style id='page-skin-1' type='text/css'><!--
/* Footer */
#footer-wrapper {
background: #111111;
width: 10%;
border-top: 1px solid #F1F0E9;
font-family: Helvetica;
}
#footer {
width:60px;
background: #111111;
clear:both;
margin:0 auto;
padding: 15px 0 25px 0;
line-height: 1.6em;
}
.footer-col {
background: #191919;
width: 70px;
border: 1px solid #272C0D;
color: #FFFFFF;
font-family: tahoma;
font-size: 13px;
padding: 10px 14px;
width: 270px;
margin-top: 10px;
}
.footer-col a {
color: #CCFF00;
}
.footer-col a:hover {
color: #fff;
text-decoration: none;
}
.footer-col h2 {
background: url("http://i12.servimg.com/u/f12/17/99/16/42/s110.png") repeat scroll 0 0 transparent;
font-weight: normal;
height: 14px;
margin: -22px -11px 16px;
padding: 20px 25px 22px 10px;
color: #000;
text-transform: uppercase;
font-size: 18px;
font-family: arial;
}
.footer-col ul {
list-style:none;
margin:0 0 0;
padding:0 0 0;
}
.footer-col li {
margin:0;
padding-top:0;
padding-left:0;
padding-bottom:.25em;
line-height:1.5em;
border-bottom: 1px dotted #333333;
}

#footer-col1 {
margin-left:30px;
float: right;
}
#footer-col2 {
margin-left:30px;
float: right;
}
#footer-col3 {
float: right;
}
#credit-wrapper{
background: #191919;
border-top: 1px solid #212121;
height: 45px;
padding: 10px;
}
#credit {
width: 960px;
margin: 0 auto;
color: #ffffff;
text-align: right;
font-size: 18px;
}
#credit a {
color: #CCFF00;
}
</style>
<body>
<div class='footer-col section' id='footer-col1'>
<div class='widget VideoBar' id='VideoBar1'>
<h2 align="center" class='title'><a href="http://zaharatb.yoo7.com/">زهرات البستان</a></h2>
<div align="center" class='widget-content'>
<a href="http://zaharatb.yoo7.com/"><img src="http://hitskin.com/themes/18/84/31/i_icon_mini_index.png" alt="" /></a>
<br />
<a href="http://zaharatb.yoo7.com/portal"><img src="http://hitskin.com/themes/18/84/31/i_icon_mini_portal.png" alt="" /></a>
<br />
<a href="http://zaharatb.yoo7.com/h2-page_html"><img src="http://i32.servimg.com/u/f32/17/82/24/96/button10.gif" alt="" /></a>
</div>
<div align="center" class='clear'>
</div>
</div>

</body>

</html>

» تحميل اقونات لموقعك
» مكتبة لمدونتك او موقعك
» تصميم جميل لاخرى المواضيع لمدونتك
» طريقة اضافة ازرار للمتابعة على المواقع الاجتماعية لمدونتك
» طريقة (2) اضافة ازرار للمتابعة على المواقع الاجتماعية لمدونتك

مكتب ديكور و تشطيب (شركه عقاري للتشطيبات والديكور)

تقدم احدث الموديلات

…

[ قراءة كاملة ]

شركات ديكور في المهندسين ( عقاري للاسكان 01020115119)

تقدم شركة عقاري للاسكان …

[ قراءة كاملة ]

سأتحدث عن الإيمان الكامل بان
ما يحرمه الله عن البشر ..

فهو بالتأكيد لمصلحة البشر …

[ قراءة كاملة ]