вопрос
Здраствуйте, помогите пожалуйста перенести доп поля, чтобы они находились правее картинки.(синее поле в красном)
Вот как оно выглядит сейчас.
Код стиля
Код шаблона
Оригиналы:
Стиль
Вот как оно выглядит сейчас.
Код стиля
.fullstory-info {float:left; margin-left:25px; width:465px;}
.fullstory-info h2 {font-weight:400; color:#182131; font-size:18px; text-transform:uppercase; padding:0 0 5px 0;}
.fullstory-info-fields {margin-top:15px;}
.fullstory-info-fields > div {border-bottom:1px solid #ddd; color:#2C2C2C; font-weight:bold; padding:10px; position:relative; width:427px;}
.fullstory-info-fields > div > div {display:block; float:left; width:120px;}
.fullstory-info-fields > div > span {display:inline-block; font-weight:normal; margin-left:20px; width:287px;}
Код шаблона
<div class="fullstory-info">
<h2><span id="news-title">{title}</span></h2>
<div class="fullstory-info-fields">
<div>
<div>Жанр:</div><span>[xfvalue_genre]</span>
</div>
<div>
<div>Режиссер:</div><span>[xfvalue_director]</span>
</div>
<div>
<div>Актеры:</div><span>[xfvalue_actors]</span>
</div>
<div>
<div>Производство:</div><span>[xfvalue_production]</span>
</div>
<div>
<div>Страна:</div><span>[xfvalue_country]</span>
</div>
<div>
<div>Год:</div><span>[xfvalue_year]</span>
</div>
<div>
<div>Длительность:</div><span>[xfvalue_duration]</span>
</div>
<div>
<div>Оценить этот фильм:</div>
[rating]<span class="fullstory-rating">{rating}</span>[/rating]
</div>
</div>
Оригиналы:
Стиль
/* Deadpool
dmitry.vasko@mail.ru
icq - 666373642
------------------
Главные стили. Внешний вид шаблона.
*/
body {
padding: 0;
margin: 0;
background: #0e0e0e url(../images/body.jpg) center top repeat-x;
text-align: center;
font: 12px Arial;
color: #373737;
}
h1, h2, h3, h4 {
padding: 0;
margin: 0;
font-size: 12px;
}
a {color: #fff;
text-decoration: none;
}
img {
border: none;
}
.main{
margin: 0 auto;
text-align: left;
width: 1000px;
}
.header{
position: relative;
margin: 0 auto;
text-align: left;
width: 1000px;
height: 200px;
padding: 0 0 20px 0;
}
.logo{
background: url(../images/logo.png) 0 0 no-repeat;
display: block;
width: 233px;
height: 69px;
position: absolute;
top: 50px;
left: 10px;
}
.thide { overflow: hidden; display: block; height: 0; line-height: normal; }
.login{
background: url(../images/login.png) 0 top no-repeat;
display: block;
width: 106px;
height: 34px;
position: absolute;
top: 69px;
right: 210px;
font: bolder 12px Arial;
color: #000;
text-align: center;
line-height: 28px;
cursor: pointer;
}
.login:hover{
background: url(../images/login.png) 0 bottom no-repeat;
}
.panel-avtoriz{
display: none;
background: url(../images/panel-avtoriz.png) center center no-repeat;
width: 301px;
height: 223px;
margin: -112px 0 0 -150px;
position: fixed;
top: 50%;
left: 50%;
z-index: 100;
}
.panel-block{
margin: 50px 0 0 0;
}
.close{
position: absolute;
top: -20px;
right: -20px;
background: url(../images/close.png) 0 0 no-repeat;
width: 40px;
height: 40px;
cursor: pointer;
}
.fon-login{
display: none;
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
background: url(../images/fon-login.png) 0 0 repeat;
}
.top-menu-block{
background: url(../images/menu-fon.png) 0 0 no-repeat;
position: absolute;
top: 180px;
left: 0px;
width: 1000px;
height: 36px;
list-style-type: none;
margin: 0px;
padding: 0px;
}
.top-menu-block li{
float: left;
height: 40px;
position: relative;
}
.top-menu-link{
display: block;
background: url(../images/line-menu.png) left center no-repeat;
font: bolder 12px Arial;
color: #000;
height: 37px;
line-height: 35px;
text-align: left;
padding: 0 15px;
}
.top-menu-block li:first-child a{
background: none;
border-radius: 4px 0 0 4px;
-mos-border-radius: 4px 0 0 4px;
-webkit-border-radius: 4px 0 0 4px;
}
.top-menu-link:hover{
background: url(../images/menu-activ.png) left 1px repeat-x !important;
color: #fff;
}
.activ{
background: url(../images/menu-activ.png) left 1px repeat-x !important;
color: #fff;
}
.hidden-menu-block{
display: none;
background: url(../images/fon-hidden-menu.png) 0 0 repeat;
position: absolute;
top: 39px;
left: 0px;
width: 200px;
z-index: 100;
padding: 10px 0 15px 0;
border-radius: 5px;
-mos-border-radius: 5px;
-webkit-border-radius: 5px;
}
.hidden-menu-link{
display: block;
background: url(../images/hidden-sprit.png) 0 top no-repeat !important;
width: 184px;
height: 27px;
font: 12px Arial;
color: #fff;
line-height: 27px;
margin: 5px 5px;
padding: 0 0 0 10px;
}
.hidden-menu-link:hover{
background: url(../images/hidden-sprit.png) 0 bottom no-repeat !important;
color: #03213d;
}
/* Slider */
#pichead { padding-top: 35px; height: 451px; background: url("../images/slidebg.png") repeat-x 50% 0; }
#externalcontrols { position: relative; }
#externalcontrols .thide { top: 194px; position: absolute; cursor: pointer; padding-top: 56px; width: 36px; background: url("../images/lr-slider.png") no-repeat; }
*html #externalcontrols .thide { background-image: url("../images/lr-slider_ie.png"); }
#externalcontrols .ext_prev { left: 0; background-position: 0 0; }
#externalcontrols .ext_next { right: 0; background-position: -36px 0; }
#externalcontrols .ext_prev:hover { background-position: 0 -56px; }
#externalcontrols .ext_next:hover { background-position: -36px -56px; }
body #boutique li { background: #fff url("../images/loading.gif") no-repeat 50% 50%; }
/* Headers of all frames */
#boutique h6 { margin: 0 0 2px 0; line-height: 130%; font-weight: normal; color: #232227; }
#boutique span { color: #848484; line-height: 120%; color: #444; background: #fff; margin: 0; padding: 15px; }
/* The most frontal item */
#boutique .front { margin-top: 0; }
#boutique .front h6 { font-size: 18px; }
#boutique .front span { font-size: 11px; }
/* The further back items */
#boutique .behind { margin-top: 35px; }
#boutique .behind h6 { font-size: 16px; }
#boutique .behind span { font-size: 10px; }
/* The furthest back items */
#boutique .back { padding-bottom: 5%; margin-top: 80px; }
#boutique .back h6 { font-size: 14px; }
#boutique .back span { font-size: 9px; }
/* That's it for the settings */
#boutique { margin: 0 auto; padding: 0; position: relative; z-index: 1; width: 820px; }
#boutique li { margin:0; padding: 0 0 6% 0; list-style:none; position:absolute; z-index:1; display:none; border-width:0; }
#boutique img { border: 0 none; vertical-align: bottom; width: 235px; height: 340px; margin: 0; }
#boutique span { color: #848484; display:block; position: absolute; left:0; right:0; bottom:0; text-align:left; cursor:default; opacity:1; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter:alpha(opacity=100) }
#boutique h6 { cursor: default }
#boutique a { cursor: default; text-decoration:none }
#boutique img, #boutique li, #boutique a{ -webkit-user-select:none; -khtml-user-select:none; -moz-user-select:none; -o-user-select:none; user-select:none; -webkit-user-drag:none; -moz-user-drag:none; user-drag:none }
.shadow { position: absolute; left:0; right:0; bottom: -30px; padding-top: 23px; background: url("../images/shadow.png") no-repeat 50% 50%; }
* html .shadow { display: none; }
.content{
background: #171717;
}
.left-col{
float: left;
width: 756px;
margin: 10px 10px 0 10px;
}
.music-news{
float: left;
width: 350px;
font: bolder 13px Arial;
color: #fff;
padding: 10px 10px 10px 0;
}
.main-title {
position: relative;
}
.main-title a {
position: absolute;
right: 5px;
top: 0px;
color: #ccc;
font-weight: normal;
font-size: 11px;
text-decoration: underline;
}
.main-title a:hover {
}
.music-news-item{
margin: 10px 0 0 0;
}
.music-news-main{
width: 328px;
height: 122px;
background: #101010;
border-bottom: 1px solid #373737;
padding: 10px;
margin: 0 0 10px 0;
}
.music-news-activ{
background: #353535;
}
.music-news-image{
position: relative;
left: 0px;
top: 0px;
width: 140px;
height: 115px;
overflow: hidden;
float: left;
margin: 0 10px 0 0;
}
.music-news-image img{
width: 140px;
min-height: 115px;
}
.music-news-right{
float: left;
width: 178px;
}
.music-news-right h2{
font: bold 12px Arial;
color: #fff;
display: block;
height: 34px;
overflow: hidden;
margin: 0 0 5px 0;
line-height: 17px;
}
.music-news-right a{
color: #fff;
}
.music-news-content{
font: 11px Arial;
color: #fff;
line-height: 15px;
display: block;
height: 75px;
overflow: hidden;
}
.new-clips{
float: left;
width: 386px;
background: #121212;
font: bolder 13px Arial;
color: #fff;
padding: 20px 0 0 10px;
margin: -10px 0 0 0;
}
.new-clips-item{
margin: 10px 0 0px 0;
}
.new-clips-main{
background: url(../images/fon-news-clips.png) 0 top no-repeat;
width: 164px;
height: 160px;
padding: 10px;
float: left;
margin: 0 9px 20px 0;
}
.new-clips-activ{
background: url(../images/fon-news-clips.png) 0 bottom no-repeat !important;
}
.news-clip-play-activ{
background: url(../images/news-clips-play.png) center bottom no-repeat;
}
.new-clips-image{
position: relative;
top: 0px;
left: 0px;
width: 165px;
height: 125px;
overflow: hidden;
margin: 0 0 5px 0;
}
.new-clips-image img{
position: absolute;
top: 0px;
left: 0px;
width: 165px;
min-height: 125px;
}
.news-clip-play{
background: url(../images/news-clips-play.png) center top no-repeat;
width: 165px;
height: 48px;
position: absolute;
top: 40px;
left: 0px;
display: block;
}
.new-clips-activ .news-clip-play {
background: url(../images/news-clips-play.png) center bottom no-repeat !important;
}
.new-clips-main h2{
display: block;
font: bolder 12px Arial;
color: #fff;
height: 32px;
overflow: hidden;
}
.new-clips-main h2 a{
color: #fff;
}
.custom-label{
position:absolute;
top:6px;
right:6px;
padding:5px;
min-height:15px;
background:#51ac00;
max-width:155px;
color:#fff;
text-align:right;
}
.custom-label a{
color:#fff;
}
.custom-label a:hover{
color:#000;
}
.custom-update{
position:absolute;
top:172px;
left:6px;
padding:6px;
height:15px;
background:#51ac00;
color:#fff;
max-width:155px;
}
.new-album{
background: #121212;
font: bolder 13px Arial;
color: #fff;
padding: 10px 0 10px 10px;
}
.new-album-main{
float: left;
background: #323232;
padding: 5px;
width: 170px;
height: 232px;
margin: 6px 6px 0 0;
position: relative;
}
.new-album-image{
position: relative;
width: 167px;
height: 217px;
overflow: hidden;
border: 1px solid #8b8b8b;
}
.new-album-image img{
width: 167px;
min-height: 167px;
position: absolute;
top: 0px;
left: 0px;
}
.new-album-title{
display: none;
background: url(../images/new-album-title.png) 0 0 repeat;
padding: 5px;
width: 157px;
position: absolute;
left: 6px;
bottom: 19px;
font: bold 12px Arial;
color: #fff;
line-height: 15px;
}
.new-album-content{
position: absolute;
}
.biography{
font: bold 13px Arial;
color: #fff;
padding: 10px 0 10px 10px;
}
.biography-item{
margin: 10px 0 0 0;
}
.biography-main{
margin: 0 5px 30px 0;
width: 241px;
height: 148px;
border-right: 1px solid #000;
float: left;
}
.biography-left{
width: 99px;
float: left;
background: #121212;
padding: 5px;
height: 139px;
margin: 0 10px 0 0;