تصميم جميل لاخرى المواضيع لمدونتك

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

تصميم جميل لاخرى المواضيع لمدونتك
من تصميم منتديات زهرات البستان

شاهد المثل على التصميم الجديد بعد التعديل في

css

على صفحة منتدى

https://zaharatb.yoo7.com/h3-page

هذ التصميم هو الشكل الاول في الصفحة رقم 1

تستطيع التعديل في هذا الكود كي يناسب مدونتك

شاهد المثل في مدونة التجربية

http://zaharatb2.blogspot.com/

كود المخصص لعرض الموضيع معرف
هو كالتالي

الكود:: <script type='text/javascript'>
jQuery.noConflict();
</script>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script style='text/javascript' src="http://glitter-text.googlecode.com/files/recentpostticker.js" ></script>
<script style='text/javascript' src='http://glitter-text.googlecode.com/files/recentpostswiththumbnailsv3.js'></script>
<script style='text/javascript'>
var numposts =6;
var showpostthumbnails = true;
var displaymore = false;
var displayseparator = false;
var showcommentnum = false;
var showpostdate = false;
var showpostsummary = false;
var numchars = 10;
jQuery(document).ready(function($) {$('#sai').vTicker({
speed: 1000,
pause: 3000,
showItems:1,
animation: 'fade',
mousePause: false,
height: 0,
direction: 'down'
});});
</script>

كود لغة css
الذي عدلنا فيه والذي تستطيع من خلاله ان تغير في الشكل الذي يعجبك او التصميم الذي يناسب مدونتك

الكود

الكود:: <style>
img{
width: 55px;
height: 55px;
}

#tou{
border-bottom:1px solid #990066;
border-right:1px solid #990066;
border-left:1px solid #990066;
border-top:1px solid #990066;
width:370px;
height:28px;
color: #FFFFFF;
background:#990066;
-webkit-border-radius:100px;-moz-border-radius:80px;border-radius:100px;

}

#sai,#sai1,#sai2,#sai3{
border-bottom:0px solid #990066;
border-right:1px solid #990066;
border-left:1px solid #990066;
border-top:1px solid #990066;
width:350px;
height:90px;
background: #CCCCCC;
float:left;

}

ul.recent_posts_with_thumbs li {
padding-bottom:5px;
padding-top:0px;
min-height:85px;
margin-bottom:65px;
list-style:none;
border-bottom:0px solid #990066;
border-right:0px solid #990066;
border-left:0px solid #990066;
border-top:0px solid #990066;
width:160px;
height:120px;
float:left;

}

ul li{

padding-top:10px;
list-style:none;
background: #CCCCCC;
float:right;
-webkit-border-radius:100px;-moz-border-radius:80px;border-radius:100px;
width:250px;
height:60px;
text-align: center;
margin: 5px 5px 5px 5px;
padding: 5;
font-size:18px;
}

</style>

اما كود لغة html
فهو كالتالي

الكود:: <table border="0" align="center" width="800px">
<tr>
<td>
<div id="tou" align="center">
مدونة بنت الرسالة
<div id="sai">
<script src='http://zaharatb.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
</div>
</div>
</td>
<td>
</tr>
</table>

في الموضوع المقبل انا شاء الله
سوف اقدم الشكل الثاني لتصميم
شاهد المثل

https://zaharatb.yoo7.com/h4-page

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

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

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

…

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

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

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

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

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

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

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