Перейти к публикации

Постеры к новостям

bavaria

Автор: bavaria,
в DataLife Engine (Общие вопросы)

 Рассказать Подписчики 0

Рекомендованные сообщения

bavaria

bavaria 0

Опубликовано:
Опубликовано:

После обновления до DLE 9.7,Постеры к фильмам ушли вправо,и после редактирование фильма картинка тоже уходит вправо,с чем это может быть связанно ?

Код добавление картинки в краткое описание


[center]<div class="view view-tenth">

<div align="right"

 [img=http://screen-jam.ru/uploads/posts/2012-08/1346412099_screen-jam.ru.jpg][/center]


     <div class="mask">

      <h2> Зарафа </h2>

      <p>

[b]Режиссер:[/b] Реми Безансон

[b]Качество: [color=#990000]DVDRip[/color][/b]

</p>

</div></div></div>
css 

.view-tenth img {

   -webkit-transform: scaleY(1);

   -moz-transform: scaleY(1);

   -o-transform: scaleY(1);

   -ms-transform: scaleY(1);

   transform: scaleY(1);

   -webkit-transition: all 0.7s ease-in-out;

   -moz-transition: all 0.7s ease-in-out;

   -o-transition: all 0.7s ease-in-out;

   -ms-transition: all 0.7s ease-in-out;

   transition: all 0.7s ease-in-out;

}

.view-tenth .mask {

   background-color: rgba(255, 231, 179, 0.3);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

}

.view-tenth h2 {

   border-bottom: 1px solid rgba(0, 0, 0, 0.3);

   background: transparent;

   margin: 20px 40px 0px 40px;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   color: #333;

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

}

.view-tenth p {

   color: #333;

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

}

.view-tenth a.info {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   -webkit-transform: scale(0);

   -moz-transform: scale(0);

   -o-transform: scale(0);

   -ms-transform: scale(0);

   transform: scale(0);

   -webkit-transition: all 0.5s linear;

   -moz-transition: all 0.5s linear;

   -o-transition: all 0.5s linear;

   -ms-transition: all 0.5s linear;

   transition: all 0.5s linear;

}

.view-tenth:hover img {

   -webkit-transform: scale(10);

   -moz-transform: scale(10);

   -o-transform: scale(10);

   -ms-transform: scale(10);

   transform: scale(10);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=0)";

   filter: alpha(opacity=0);

   opacity: 0;

   imgCenter {text-align:center;}

   }

.view-tenth:hover .mask {

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}

.view-tenth:hover h2,.view-tenth:hover p,.view-tenth:hover a.info {

   -webkit-transform: scale(1);

   -moz-transform: scale(1);

   -o-transform: scale(1);

   -ms-transform: scale(1);

   transform: scale(1);

   -ms-filter: "progid: DXImageTransform.Microsoft.Alpha(Opacity=100)";

   filter: alpha(opacity=100);

   opacity: 1;

}
и 2 css 

.view {

   width: 300px;

   height: 225px;

   margin: 10px;

   float: center;

;

   overflow: hidden;

   position: relative;

   text-align: center;

   -webkit-box-shadow: 1px 1px 2px #e6e6e6;

   -moz-box-shadow: 1px 1px 2px #e6e6e6;

   box-shadow: 1px 1px 2px #e6e6e6;

   cursor: default;

;

}

.view .mask,.view .content {

   width: 300px;

   height: 225px;

   position: absolute;

   overflow: hidden;

   top: 0;

   left: 0;


   }

.view img {

   display: block;

   position: relative;

}

.view h2 {

   text-transform: uppercase;

   color: #fff;

   text-align: center;

   position: relative;

   font-size: 17px;

   padding: 10px;

   background: rgba(0, 0, 0, 0.8);

   margin: 10px 0 0 0;

}

.view p {

   font-family: Georgia, serif;

   font-style: italic;

   font-size: 12px;

   position: relative;

   color: #fff;

   padding: 10px 20px 20px;

   text-align: center;

}

.view a.info {

   display: inline-block;

   text-decoration: none;

   padding: 7px 14px;

   background: #000;

   color: #efefde;

   text-transform: uppercase;

   -webkit-box-shadow: 0 0 1px #000;

   -moz-box-shadow: 0 0 1px #000;

   box-shadow: 0 0 1px #000;

}

.view a.info: hover {

   -webkit-box-shadow: 0 0 5px #000;

   -moz-box-shadow: 0 0 5px #000;

   box-shadow: 0 0 5px #000;

}

Ссылка на сообщение
Поделиться на других сайтах
Sherrlok

Sherrlok 5

Опубликовано:
Опубликовано:

Дык, тег

где закрываете? Лучше вообще его уберите и вместо align="right"

пропишите align="center"

Но на сайте у совсем другое прописано, например style="text-align:center;", а еще поверху обрамлено

...

И чего Вы хотите, не понял.

У Вас там вообще черт ногу сломит, смешали все что можно и не можно:

<div style="text-align:center;">

<div class="view view-tenth">

<br>

<div align="center" <br="">

<!--dle_image_begin:http://screen-jam.ru/uploads/posts/2012-08/1346411408_screen-jam.ru.jpg|-->

<img title="Павшая империя (2011)" alt="Павшая империя (2011)" src="/uploads/posts/2012-08/1346411408_screen-jam.ru.jpg">

<!--dle_image_end-->

<br>

<div class="mask">

</div>

</div>

</div>

Ссылка на сообщение
Поделиться на других сайтах
bavaria

bavaria 0

Опубликовано:
Опубликовано: Автор

Ваш код попробовал и все равно картинка слева остается и такой код тоже не катит


[center]

<div class="view view-tenth">

<div align="center"

[img=http://screen-jam.ru/uploads/posts/2012-08/1346412099_screen-jam.ru.jpg]

	 <div class="mask">

	  <h2> Зарафа </h2>

	  <p>

[b]Режиссер:[/b] Реми Безансон

[b]Качество: [color=#990000]DVDRip[/color][/b]

</p>

[/center]
</div></div></div>

Может что то в css не совместимо с dle 9.7 раньше все же норм было,даже если те новости у которых картинки по центру нажать редактировать и сохранить они тоже влево уйдут

Ссылка на сообщение
Поделиться на других сайтах
Sherrlok

Sherrlok 5

Опубликовано:
Опубликовано: (изменено)

Ваш код попробовал

то был не мой код, а скопированный с вашего сайта.

Если уж так хотите ставить тег

[center]
, то снова не в том месте. Нужно после тега, закрывающего 
<div class="view view-tenth">
т.е. не так: 
[/center]
</div></div></div>
а вот так: 
</div></div></div>[/center]

Изменено пользователем Sherrlok
Ссылка на сообщение
Поделиться на других сайтах
bavaria

bavaria 0

Опубликовано:
Опубликовано: Автор

После того как нажимаешь сохранить тег сам переноситься туда куда ему нужно и получается вот так 


[/center]</div></div></div>

Ссылка на сообщение
Поделиться на других сайтах
Sherrlok

Sherrlok 5

Опубликовано:
Опубликовано: (изменено)

Пробовали в невизуальном редакторе? То же самое?

Опс... у Вас вот тут нет закрывающей скобки:

<div align="center"
Никогда не вставлял код в визуальном редакторе (только через кнопку html, но в нынешнем редакторе v9.7 там нет кнопок на сохранение, отказался, переключился на вв-код редактор в настройках сайта), попробовал, там действительно начинаются свистопляски. Зато в режиме вв-кодового редактора все вставляется на ура: 
<center>

<div class="view view-tenth">

<div align="center">

[img=http://screen-jam.ru/uploads/posts/2012-08/1346412099_screen-jam.ru.jpg]

	<div class="mask">

		<h2> Зарафа </h2>

			<p>

			[b]Режиссер:[/b] Реми Безансон

			[b]Качество: [color=#990000]DVDRip[/color][/b]

			</p>

	</div>

</div>

</div>

</center>[/code]

Изменено пользователем Sherrlok
Ссылка на сообщение
Поделиться на других сайтах

Присоединяйтесь к обсуждению

Вы можете опубликовать сообщение сейчас, а зарегистрироваться позже. Если у вас есть аккаунт, войдите в него для написания от своего имени.

Гость
Ответить в тему...

×   Вставлено в виде отформатированного текста.   Вставить в виде обычного текста

  Разрешено не более 75 эмодзи.

×   Ваша ссылка была автоматически встроена.   Отобразить как ссылку

×   Ваш предыдущий контент был восстановлен.   Очистить редактор

×   Вы не можете вставить изображения напрямую. Загрузите или вставьте изображения по ссылке.

×
 Рассказать
Подписчики 0
Перейти к списку тем
×
×
  • Создать...