متاسفانه الان 5 صبح و من دارم ميرم سركار .كدهاي زير را جايگزين كدهاي سي اس اس ماژول تب ساز كنيد تا حدود زيادي مشكل رفع ميشود.هدر به سمت راست مياد و تراز متن هم راست چين ميشود! البته در اين انجمن از افزونه هاي تجاري پشتيباني نميشود.
.roktabs-wrapper
{
padding
:
0
;
}
.roktabs-wrapper .light
{
border
:
1px solid #DCDCDC
;
position
:
relative
;
}
.roktabs-wrapper .light .roktabs-container-inner
{
overflow
:
hidden
;
position
:
relative
;
}
.roktabs-wrapper .light .roktabs-container-wrapper
{
clear
:
both
;
overflow
:
hidden
;
position
:
relative
;
width
:
30000px
;
}
.roktabs-wrapper .light .roktabs-container-wrapper div
{
float
:
right
;
}
.roktabs-wrapper .light .roktabs-container-wrapper div.wrapper
{
padding
:
14px
;
width
:
auto
;
}
.roktabs-wrapper .light .roktabs-links
{
margin
:
0
;
overflow
:
hidden
;
}
.roktabs-wrapper .light .active-arrows .roktabs-links
{
margin
:
0 21px
;
}
.roktabs-wrapper .light .roktabs-links ul
{
font-weight
:
bold
;
list-style-type
:
none
;
overflow
:
hidden
;
padding
:
0
;
text-align
:
right
;
}
.roktabs-wrapper .light .roktabs-links ul.roktabs-top
{
background
:
url("tabbg-light.png") repeat-x scroll 0 0 transparent
;
height
:
32px
;
margin
:
0
;
}
.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom
{
background
:
url("tabbg-bottom-light.png") repeat-x scroll 0 0 transparent
;
height
:
32px
;
margin
:
0
;
}
.roktabs-wrapper .light .roktabs-links ul li
{
border-bottom
:
medium none
;
border-right
:
1px solid #DCDCDC
;
color
:
#666666
;
float
:
right
;
height
:
31px
;
line-height
:
31px
;
margin
:
0
;
padding
:
0
;
position
:
relative
;
text-decoration
:
none
;
}
.roktabs-wrapper .light .roktabs-links ul li span
{
padding
:
0 10px
;
}
.roktabs-wrapper .light .roktabs-links ul li.first
{
border-left
:
0 none
;
}
.roktabs-wrapper .light .roktabs-links ul li.active.last
{
border-right
:
1px solid #DCDCDC
;
}
.roktabs-wrapper .light .roktabs-links ul li.last
{
border-right
:
0 none
;
}
.roktabs-wrapper .light .roktabs-links ul li.hover
{
color
:
#000000
;
}
.roktabs-wrapper .light .roktabs-links ul.roktabs-top li.active
{
background
:
url("tabbg-active-light.png") repeat-x scroll 0 0 transparent
;
border-bottom
:
1px solid #FFFFFF
;
color
:
#000000
;
height
:
31px
;
}
.roktabs-wrapper .light .roktabs-links ul.roktabs-bottom li.active
{
background
:
url("tabbg-active-bottom-light.png") repeat-x scroll 0 0 transparent
;
border-top
:
1px solid #FFFFFF
;
color
:
#000000
;
height
:
31px
;
margin-top
:
-1px
;
}
.roktabs-wrapper .light .roktabs-links ul li.active.first
{
border-left
:
0 none
;
}
.roktabs-wrapper .light .roktabs-scroller
{
bottom
:
0
;
height
:
32px
;
position
:
absolute
;
right
:
0
;
}
.roktabs-wrapper .light .arrow-next, .roktabs-wrapper .light .arrow-prev
{
border
:
1px solid #DCDCDC
;
cursor
:
pointer
;
float
:
left
;
height
:
29px
;
line-height
:
29px
;
margin
:
1px
;
position
:
absolute
;
text-align
:
center
;
top
:
0
;
width
:
17px
;
z-index
:
2
;
}
.roktabs-wrapper .light .arrow-next
{
background
:
url("next-light.png") no-repeat scroll 50% 0 transparent
;
right
:
0
;
}
.roktabs-wrapper .light .arrow-prev
{
background
:
url("prev-light.png") no-repeat scroll 50% 0 transparent
;
left
:
0
;
}
.roktabs-wrapper .light .arrow-next-hover
{
background-position
:
50% -29px
;
}
.roktabs-wrapper .light .arrow-prev-hover
{
background-position
:
50% -29px
;
}
.roktabs-wrapper .light .arrow-prev span, .roktabs-wrapper .light .arrow-next span
{
display
:
none
;
}
.roktabs-wrapper .light .roktabs-container-tr, .roktabs-wrapper .light .roktabs-container-inner, .roktabs-wrapper .light .active-arrows
{
background
:
none repeat scroll 0 0 #FFFFFF
;
}
.clear
{
clear
:
both
;
}
.roktabs-wrapper .icon-left .tab-icon
{
margin-right
:
5px
;
vertical-align
:
middle
;
}
.roktabs-wrapper .icon-right .tab-icon
{
margin-left
:
5px
;
vertical-align
:
middle
;
}
بقيه هم خودتون تست كنيد تا نتيجه بهتري بگيريد.
