سلام به همه دوستان من با کلاس item دور مطالب کادر ایجاد کردم واسه مطلب ویژه شده اول مشکلی نیست اما از مطلب دوم به بعد هرچی مطلب اضافه میشه همش داخل یه کادر قرار میگیره چطور می تونم کادر مطالبو جدا کنم ؟یه مشکل دیگه هم دارم این که وقتی وارد ادامه مطلب میشی مطالب کادر ندارن و همچنین چطور میشه کاری کرد که واسه هر مطلب جدید یه کادر شبیه قبلیا تعریف بشه .
این آدرس سایت parsvajheh.com
اینم کد های css
/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework
# ---------------------------------------------------------------
# Author - JoomShaper High Quality Premium Responsive Joomla Templates and Free Joomla Modules
# Copyright © 2010 - 2011 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under GNU/GPL V2
# license - CSS - JS - IMAGE files are Copyrighted material
# Websites: High Quality Premium Responsive Joomla Templates and Free Joomla Modules - http://www.joomxpert.com
-----------------------------------------------------------------*/
a{color:#9D227C}
a:hover,a:active,a:focus{color:#333}
#sp-bottom{background:#400842;color:#fff;font-size:11px;}
#sp-bottom .mod-wrapper-flat li{border-bottom:1px solid #A15484;color:#fee8e8}
#sp-bottom a{color:#fee8e8}
.mod-wrapper h3.header,.mod-wrapper-flat h3.header{color: #A50983!important;}
/*Menu*/
#hornav{background:#fff;border-top:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5}
#sublevel{background:#A50983}
#hornav ul.level-0 > li.menu-item{border-right:1px solid #e5e5e5}
#sublevel ul.level-1 > li.menu-item{}
#hornav ul.level-0 > li.menu-item > a.menu-item{color:#333}
#sublevel ul.level-1 > li.menu-item > a.menu-item{color:#fff}
#hornav ul.level-0 > li.menu-item span.menu-desc,
#sublevel ul.level-1 > li.menu-item span.menu-desc{color:#888}
#hornav ul.level-0 > li.menu-item:hover,#hornav ul.level-0 > li.menu-item.active{background: url(../../images/styles/style2/nav-active-l.png) no-repeat 0 100%}
#hornav ul.level-0 > li.menu-item:hover > a,#hornav ul.level-0 > li.menu-item.active > a{background: url(../../images/styles/style2/nav-active-r.png) no-repeat 100% 100%;color: #fff;}
#hornav ul.level-0 > li.menu-item:hover span.menu-desc,#hornav ul.level-0 > li.menu-item.active span.menu-desc,
#sublevel ul.level-1 > li.menu-item:hover span.menu-desc,#sublevel ul.level-1 > li.menu-item.active span.menu-desc{color:#fff}
#sublevel ul.level-1 > li:hover,#sublevel ul.level-1 > li.menu-item.active{background:#A50983!important}
#sublevel ul.level-1 > li.menu-item.active > a.menu-item,#sublevel ul.level-1 > li.menu-item:hover > a.menu-item
{}
/*Sub Items*/
#hornav ul li .submenu-inner,#sublevel ul li .submenu-inner {background:#AE659A;color:#fff}
#hornav li.menu-item li.menu-item,
#sublevel li.menu-item li.menu-item {background: url(../../images/styles/style2/nav-border.png) repeat-x 0 0!important}
#hornav li.menu-item li:hover,#hornav li.menu-item li.active > a,
#sublevel li.menu-item li:hover,#sublevel li.menu-item li.active > a{background: #000!important}
#hornav li.menu-item li.menu-item a.menu-item,
#sublevel li.menu-item li.menu-item a.menu-item{color:#333}
#hornav li.menu-item li.menu-item span.menu-desc,
#sublevel li.menu-item li.menu-item span.menu-desc{color:#888}
#hornav .group-title{border-bottom:5px solid #8c0202}