» Комментарий сайта

Новые 100 комментариев на сайте



Аваратка
Kosten | Комментарий № 1 | Дата: 2019-12-08
Возможно по другому как то можно зазвать, на английском так написано - My New Favorite Technique For Hiding Overflowing Text, что половина не корректно переводит.


Аваратка
Kosten | Комментарий № 2 | Дата: 2019-12-07
Этот низ сайта по всем параметрам устарел, где лучше выбрать и использовать адаптивный низ или колонтитул, используя только логотипы и быстро контактной информацию. Так, что на форуме есть набор адаптивных футеров или низ для сайта для различных сайтов, что подборка только под адаптивные футеры создана. Обратите внимание на размер значков (каждый из которых легко увидеть и прочитать) и использование ползунка, чтобы большое количество элементов могло отображаться в небольшом пространстве.


Аваратка
Kosten | Комментарий № 3 | Дата: 2019-12-07
Вы также можете использовать небольшие пиктограммы для ссылок, таких как карты или номера телефонов, это делается для официального интернет ресурса. Где рекомендую набор адаптивных элементов на низ сайта, что отлично подойдут на все тематические направление.


Аваратка
Kosten | Комментарий № 4 | Дата: 2019-12-07
Слишком часто нижние колонтитулы являются просто блоком типа. Добавьте логотипы или графические элементы для дополнительного визуального интереса. Только будьте осторожны, чтобы не перегружать это маленькое пространство слишком большим количеством элементов. А лучше поставить отзывчивый низ сайта, который отлично адаптивен под все мобильные аппараты.


Аваратка
Kosten | Комментарий № 5 | Дата: 2019-12-07
Информация нижнего колонтитула обычно мала, это заставляет задуматься о цвете, весе и контрасте между текстовыми элементами и фоном. Каждое слово должно быть читабельным. Подумайте о простых шрифтах (без засечек со средним весом), а также о том, что вы больше похожи, чем обычно. Выберите адаптивный низ сайта под свой оттенок цвета с высокой контрастностью, такие как светлый фон с черным текстом или темный фон с белым текстом. Избегайте использования разных цветов или декоративных шрифтов.


Аваратка
Kosten | Комментарий № 6 | Дата: 2019-12-07
Такой стиль футера стал неактуален, так как его не как мне не сделать отзывчивым, где лучше перейти на тему адаптивная нижняя часть сайта, где отличная подборка красивый футеров в отзывчивом стиле дизайна.


Аваратка
Kosten | Комментарий № 7 | Дата: 2019-12-07
Размер нижнего колонтитула часто зависит от объема информации и количества страниц на вашем сайте. Где изначально можно подобрать адаптивный низ сайта, который станет соответствовать основному дизайну.


Аваратка
Kosten | Комментарий № 8 | Дата: 2019-12-07
На форуме создана тема на коллекцию низ сайтов, которые все идут в адаптивном формате. Поэтому жизненно важно, чтобы вы не пренебрегали этой областью при планировании проекта веб-дизайна, где футер занимает одну из главных аспектов.


Аваратка
Kosten | Комментарий № 9 | Дата: 2019-12-07
Если вы решили свой низ сайта поменять, и чтоб не создавать с нуля, то на форуме есть подборка на адаптивный низ сайта, где все элементы включены. Как вы можете сохранить нижний колонтитул организованным и соответствовать своей общей эстетике.


Аваратка
Kosten | Комментарий № 10 | Дата: 2019-12-03
Больше скажу, что где то на сайте есть оригинал, этот перекрашен. А на счет мобильности, то безусловно изначально сайт лучше делать адаптивным. Но есть такие форматы, но как не крути его не сделать адаптивным. И для этого есть мобильные версии, что указываю, в основном на футоре.


Аваратка
trem200 | Комментарий № 11 | Дата: 2019-12-03
Я выше написал, что данный шаблон жутко устарел. Да не спорю, что есть ещё куча сайтов с подобными шаблонами, и я могу Вас заверить, я знаю подобный сайт, с не адаптивным шаблонов, он про моды к играм. Только есть одна неувязочка, он существует с 2008 года, и тогда такие шаблоны были как раз, а сейчас извольте такие шаблоны мало ценятся как пользователями и поисковыми системами (насчёт систем уверять не буду), но вроде они попросту не индексируют подобные сайты.


Аваратка
Kosten | Комментарий № 12 | Дата: 2019-12-03
Если вас этот низ по каким то параметрам не устраивает, это просто по стилистике, то на форуме представлена подборка на низ для сайтов, что идут в адаптивной верстке.


Аваратка
Kosten | Комментарий № 13 | Дата: 2019-12-03
Аналогичный формат в адаптивном виде можно найти на форуме, так как на нем предоставлена тема низ сайта, где идет отличная подборка низ для сайта в различном дизайне.


Аваратка
Kosten | Комментарий № 14 | Дата: 2019-12-03
Также рекомендую пройти на форум, где представлена подборка на низ сайта, которые идут полностью в адаптивном виде.


Аваратка
Kosten | Комментарий № 15 | Дата: 2019-12-03
Если этот низ сайт не подходит по своему дизайну, то на форуме находится набор адаптивных низ сайта, которые выполнены в разной дизайне.


Аваратка
Kosten | Комментарий № 16 | Дата: 2019-12-03
Как вариант, это поставить мобильный шаблон, который на мобильный аппаратах автоматически переключается.


Аваратка
trem200 | Комментарий № 17 | Дата: 2019-12-03
А зачем выкладывать не адаптированые шаблоны? Время подобных шаблонов прошло, и даже поисковики плохо воспринимают сайты с не адаптированным шаблонами, под мобильные устройства. Так что не вижу смысла в выкладывать подобных шаблонов.


Аваратка
Kosten | Комментарий № 18 | Дата: 2019-12-02
Напишите в личное сообщение, вероятно ответит, так как ранее у него домен на сайт совершенно другой установлен, если не ошибаюсь, то ufive.ru - попробуйте пройти по этому линку.


Аваратка
Kosten | Комментарий № 19 | Дата: 2019-12-02
Это прекрасный пример нижнего колонтитула, где низ является дополнительным методом, что также идет под навигацию. Где предлагаю пройти в раздел на форуме, где представлена подборка низ сайта на разные тематики.


Аваратка
Kosten | Комментарий № 20 | Дата: 2019-12-02
Также можете посмотреть материал, виде адаптивного футера, что подойдет на различные ресурсы. Ведь идет набор адаптивного низа сайта в небольшом наборе по разным функциям.


Аваратка
Kosten | Комментарий № 21 | Дата: 2019-12-02
Это классический пример нижнего колонтитула, используемого на сайте.Где на форуме есть тема по тематическому направлению, как низ сайта в адаптивном виде, что можно подобрать по цветовой гамме и стилистике на свой сайт.


Аваратка
Kosten | Комментарий № 22 | Дата: 2019-12-02
Это отличный пример нижнего колонтитула, где футер является дополнительным методом навигации для веб-сайтов. На форуме вы найдете адаптивные материалы на низ сайта, где идет отличная коллекция этого элемента.


Аваратка
Kosten | Комментарий № 23 | Дата: 2019-12-02
Также рекомендую посетить форум, а точнее тему на подборку низ сайтов, где находятся несколько вариаций футера. Что безусловно подберете на свой тематический сайт адаптивный низ сайта с большой функциональностью.


Аваратка
Kosten | Комментарий № 24 | Дата: 2019-12-02
Прекрасный низ сайта с использованием чистого стиля CSS, теперь не сложно найти, где на форуме создана полная тема, где предоставлено несколько вариантов под футер.


Аваратка
Kosten | Комментарий № 25 | Дата: 2019-12-02
Если вам нужен современный и также простой нижний колонтитул, но на форуме есть теме Нижняя часть сайта "Футер" на HTML и CSS, где стразу представлено несколько материалов.


Аваратка
Kosten | Комментарий № 26 | Дата: 2019-12-02
Также можете на форуме посмотреть отличную подборку на низ сайта, которые представлены в адаптивном стиле.


Аваратка
xDesu | Комментарий № 27 | Дата: 2019-12-02
ссылка на другой сайт ведет, есть рабочая ссылка?


Аваратка
Kosten | Комментарий № 28 | Дата: 2019-12-01
Материал на увеличение изображение, что представил выше, то он к основному материалу не идет, это простое дополнение, которое обнаружил в сети, и закинул по близкой теме.

Увеличение изображения по клику

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


Аваратка
Kosten | Комментарий № 29 | Дата: 2019-12-01
Аваратка
Kosten | Комментарий № 30 | Дата: 2019-12-01
Аваратка
Kosten | Комментарий № 31 | Дата: 2019-12-01
Аваратка
Kosten | Комментарий № 32 | Дата: 2019-11-30
Также можете рассмотреть такой вариант увеличение изображений, что немного отличается от стандартного, но также на многих сайтах его можно наблюдать.

Увеличение изображения по клику



HTML

Код
<div class="image__wrapper">
  <img src="http://zornet.ru/_fr/84/5162401.jpg" class="minimized" alt="клик для увеличения" />
</div>

CSS

Код
/* картинка на странице */
.minimized {
  width: 300px;
  cursor: pointer;
  border: 1px solid #FFF;
}

.minimized:hover {
  border: 1px solid yellow;
}

/* увеличенная картинка */
#magnify {
  display: none;

  /* position: absolute; upd: 24.10.2016 */
  position: fixed;
  max-width: 600px;
  height: auto;
  z-index: 9999;
}

#magnify img {
  width: 100%;
}

/* затемняющий фон */
#overlay {
  display: none;

  background: #000;
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  opacity: 0.5;
  z-index: 9990;
}

/* кнопка закрытия */
#close-popup {
  width: 30px;
  height: 30px;

  background: #FFFFFF;
  border: 1px solid #AFAFAF;
  border-radius: 15px;
  cursor: pointer;
  position: absolute;
  top: 15px;
  right: 15px;
}

#close-popup i {
  width: 30px;
  height: 30px;
  background: url(http://zornet.ru/CSS-ZORNET/Kodak_saita/Asvaged/dekulased/cross.png) no-repeat center center;
  background-size: 16px 16px;
  display: block;
}

@keyframes rota {
  25% { transform: rotate(360deg); }
}

#close-popup:hover {
  animation: rota 4s infinite normal;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

JS

Код
$(function(){
  $('.minimized').click(function(event) {
  var i_path = $(this).attr('src');
  $('body').append('<div id="overlay"></div><div id="magnify"><img src="'+i_path+'"><div id="close-popup"><i></i></div></div>');
  $('#magnify').css({
  left: ($(document).width() - $('#magnify').outerWidth())/2,
  // top: ($(document).height() - $('#magnify').outerHeight())/2 upd: 24.10.2016
  top: ($(window).height() - $('#magnify').outerHeight())/2
  });
  $('#overlay, #magnify').fadeIn('fast');
  });
  
  $('body').on('click', '#close-popup, #overlay', function(event) {
  event.preventDefault();
  
  $('#overlay, #magnify').fadeOut('fast', function() {
  $('#close-popup, #magnify, #overlay').remove();
  });
  });
});


Демонстрация


Аваратка
-SAM- | Комментарий № 33 | Дата: 2019-11-30
Если вы хотите закругленную рамку сделать только вокруг увеличенного изображения, то стили на неё нужно писать в img[tabindex="0"]:focus, а не в img[tabindex="0"]:focus ~ * (как и свойство border-radius у вас прописано не кроссбраузерно). Что касается остального - ниже ответил.

UPD.: смысла нет публиковать другие решения в комментариях к этому материалу (а тем более используя js - таких хватает как здесь на сайте, так и в сети), поскольку это решение изначально имеет недостаток (при клике на изображение для его увеличения, теги выше элемента остаются активными). А со своей же задачей оно справляется более чем хорошо (и на одних лишь css, в этом и суть). И отлично подходит для увеличения основного постера материала, как пример, а не для публикации множества картинок одна за другой (что после они неизбежно будут находиться под увеличенным изображением).
Вместе с этим решением на сайте shpargalkablog есть еще одно:
Код
<style>
img.zoom {
 -moz-user-select: none; user-select: none;
}
img.zoom:hover {
 display: block;
 position: fixed;
 z-index: 10;
 top: 50%;
 left: 50%;
 -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
 width: auto;
 height: auto;
 max-width: 99%;
 max-height: 99%;
 border: solid rgba(210,210,210,.4);
 border-width: 100vh 100vw;
 cursor: zoom-out;
}
:not(:active) > img.zoom:not(:hover), img.zoom:active {
 pointer-events: none;
}
/* не идеально: transition-property не поддерживает свойство position. В результате, если переключить вкладку браузера, то картинка становится вновь маленькой. */
</style>
<!-- размер фотографии, видимой на HTML-странице делается меньше, чем он есть на самом деле. При щелчке по картинке фото принимает свой настоящий вид -->
<img src="адрес" alt="" width="150" class="zoom"/>
<img src="адрес" alt="" width="400" class="zoom"/>
Можно и его протестировать. Если не устраивает и его работа - других хватает на js.

UPD.2:
Цитата Kosten ()
Материал на увеличение изображение, что представил выше, то он к основному материалу не идет, это простое дополнение, которое обнаружил в сети, и закинул по близкой теме.

Увеличение изображения по клику

Он идет как отдельный материал, что возможно кому пригодится.
И чем же этот особенный?



Аваратка
-SAM- | Комментарий № 34 | Дата: 2019-11-30
Не в этом случае, поскольку вопрос был как поставить значок уменьшения. Чтобы свойство cursor: zoom-out; действовало, то следует убрать pointer-events: none; (оно отменяет указатель, чтобы как раз и была возможность взаимодействовать с содержимым за приделами увеличенного изображения, но в случае такого расположения изображений - получается тот "баг").
Код
img[tabindex="0"]:not(:focus) {
 cursor: zoom-in; cursor: -moz-zoom-in; cursor: -webkit-zoom-in;
}

img[tabindex="0"]:focus {
 /*тут идут те же стили, что в шапке материала + ставим стиль на курсор сюда*/
 cursor: zoom-out; cursor: -moz-zoom-out; cursor: -webkit-zoom-out;
}

img[tabindex="0"]:focus, /* убрать строку, если не нужно, чтобы при клике на увеличенное фото, оно возвращалось в исходное состояние */
img[tabindex="0"]:focus ~ * {
 /*pointer-events: none;*/
}
Только теперь закрытие будет происходить при клике за областью увеличенного изображения, а не по нём. Но вместе с этим не будет значка увеличения на картинках других, что находятся под увеличенной - кликнуть на них не выйдет, пока не уберется увеличение (то есть сначала фокус отвести нужно). А значок уменьшения только будет сбивать с толку, как считаю (можно поставить там cursor: crosshair; или cursor: alias;).



Аваратка
Kosten | Комментарий № 35 | Дата: 2019-11-29
Есть много вариаций, где применяется прозрачный текст, и это один из многих вариантов, где можете посмотреть другой формат вывода прозрачного текста на изображение.


Аваратка
Kosten | Комментарий № 36 | Дата: 2019-11-29
Чтоб стрелки не было, то просто добавляем при закрытие в стили элемент курсора cursor: pointer; - что будет выводится вместо стрелки.


Аваратка
adf7977575 | Комментарий № 37 | Дата: 2019-11-29
Извиняюсь за написание, пока учусь, но как то так.




Аваратка
adf7977575 | Комментарий № 38 | Дата: 2019-11-29
Во первых: не показывает курсор zoom-out, просто стрелка;
во вторых: водя курсором по увеличенной картинке, попадая курсором на миниатюры под ней, появляется курсор zoom-in и если в этот момент кликнуть, то вместо того, чтобы большая картинка закрылась, появляется увеличиная картинка которая находится под ней.


Аваратка
waak | Комментарий № 39 | Дата: 2019-11-29
тогда могу предложить вам следующее позвоните мне в скайп и покажите демонстрацию экрана и я постораюсь вам помочь мой скайп tolik-waak


Аваратка
adf7977575 | Комментарий № 40 | Дата: 2019-11-29
Сайт пока еще не заливал, пока верстаю так. Это так пробник. Пока учусь. Скопировал все в точности как здесь написано, все работает. Вот только такой БАГ присутствует. Судя по чату не у меня одного такая проблемма.


Аваратка
waak | Комментарий № 41 | Дата: 2019-11-29
Ссылку на сайт дайте где используете данный пример что бы можно было вам помочь


Аваратка
adf7977575 | Комментарий № 42 | Дата: 2019-11-29
Подскажите, как устранить такой баг:
Картинка не перекрывает контент за ней, увеличивается на весь экран, но можно нажать на другие элементы которые под ней (например на другую картинку)
как сделать чтобы нельзя было ничего нажимать пока картинку не закроешь?


Аваратка
Kosten | Комментарий № 43 | Дата: 2019-11-29
Видео не приходилось устанавливать в чат, но там есть BB коды, что думаю на простом стандартном должно по идее выводить ролики. Что по модальному окну, то нужно модал задействовать.


kravcov_stanislav | Комментарий № 44 | Дата: 2019-11-28
На том же сайте чат, подскажите пож-та как можно реализовать чтобы при добавлении видео или картинки отображалось превью, а при клике - всплывающее окно. В блоке "видеоновости" что-то подобное есть...


kravcov_stanislav | Комментарий № 45 | Дата: 2019-11-28
-SAM- Спасибо, получилось! 11a




Аваратка
vasilatiysergo | Комментарий № 46 | Дата: 2019-11-27
та я уже переписал и взял с других стилей спасибо.


Аваратка
Kosten | Комментарий № 47 | Дата: 2019-11-27
Посмотрите на сайте адаптивные вкладки, возможно найдете подходящее, так как не одни на сайте размещал.


Аваратка
vasilatiysergo | Комментарий № 48 | Дата: 2019-11-26
То есть обычные вкладки без переходов? Одним словом кроме текста или изображения ничего не произойдет? возможно ли переделать что бы информеры работали? потому что я не понимаю. Один из них работает нормально показывает материалы и переходит на них. Остальные не хотят. В ксс коде я не вижу разницы между этими контентами1 и остальными 3. В чем же может быть проблема?


Аваратка
Kosten | Комментарий № 49 | Дата: 2019-11-26
По идее это простые вкладки, которые можно увидеть на кино сайтах, что выставляют под каждую плеер.


Аваратка
vasilatiysergo | Комментарий № 50 | Дата: 2019-11-26
Одним словом для текста он подходит отлично. Показать и прочее но при входе в материал перелинковывается на ссылки что есть в 4 вкладке.


Аваратка
vasilatiysergo | Комментарий № 51 | Дата: 2019-11-26
У меня возникли проблемы с ними. я в каждую вкладку добавил по одному информеру. Все они показывают только 4 информер. То есть вся информация которая есть в первых трех вкладках показывает одно, но при перехода на материал они переходят во все материалы что есть в 4 вкладке. Одним словом все три первых работают по одной ссылке четвертого. Что делать нужна помощь.


Аваратка
-SAM- | Комментарий № 52 | Дата: 2019-11-26
Можно там поставить, просто нужно стили переписывать. Там идёт знак "+" и "-" чисто через css, без использования графики (растровой или векторной). Чтобы было яснее: прописано перекрестие с использованием позиционирования и псевдоселекторов ::before и ::after, как и в стилях там идёт #ddd - цвет фона этих значков (к примеру, так можете найти эти стили, а после прописать там картинку растровую через свойства фона).


Аваратка
Kosten | Комментарий № 53 | Дата: 2019-11-26
Но эти корректно смотрятся, и все правильно выводят. Как понимаю, вы хотели выставить шрифтовые кнопки.


Аваратка
toowin1986 | Комментарий № 54 | Дата: 2019-11-26
минус, что нельзя поставить свои значки вместо + и -


Аваратка
Kosten | Комментарий № 55 | Дата: 2019-11-25
Ранее как то не серьезно по жалобам относились, но серьезно банили, без пояснений, хотя по кино сайту помню за 3 дня приходили жалобы, на этом сайте, 2 таких незабываемых вспоминаеться, чисто по материалу.


Аваратка
Kosten | Комментарий № 56 | Дата: 2019-11-25
По чему то так кажется, что пользователи в таком материале не нуждаются, как это было ранее. Что не новый стиль дизайна, жди рап на его, да, что там, шаблонами воротили, тп от того, от этого, вот где жара было, сейчас болото, это про конструктор.


Аваратка
-SAM- | Комментарий № 57 | Дата: 2019-11-24
Сперва меняют названия те, что себе ставят шаблон на сайт - делают название под свой сайт (и правки под себя, что понятно). Еще умудряются рипать и не знать чего за шаблон, что после меняют название тоже. Как и при перепечатке меняют название в материалах вебмастеры, ага, по несколько раз одно и то же - вот тут расписал (уникальности и пиара ради, а также, как вы правильно подметили - "шифруются", чтобы избежать возможных жалоб от правообладателей).


Аваратка
-SAM- | Комментарий № 58 | Дата: 2019-11-24
Всё верно. В оригинале название у него Red Machine. Но вопрос почему именно Red - не ясно, кому нужен в красном цвете - вот переделка такая есть.


Аваратка
-SAM- | Комментарий № 59 | Дата: 2019-11-24
Не их шаблон, как и на сайте, где вы брали - тупо поменяли там название (как было в этом случае). Шаблон публиковался на сайте Precode (если нет, то значит "потянули" себе рип - делал его na3uTuB4uk и выложено на Nk-CS), настоящее название WebStart (также как демо можно на сайте you-rip .3dn.ru посмотреть - не рекламы ради написал).


Аваратка
-SAM- | Комментарий № 60 | Дата: 2019-11-24
Вот еще похожий шаблон, что для клана игрового делался. А этот называется nWo-team.


Аваратка
-SAM- | Комментарий № 61 | Дата: 2019-11-24
На сколько я знаю, то шаблон не делался для uCoz изначально, а это адаптация шаблона GamesEfir с DLE под uCoz (тематика torrent).


Аваратка
-SAM- | Комментарий № 62 | Дата: 2019-11-24
Вот на этот шаблон похож (вид материалов), но уж больно темный он, как мне кажется - только глаза садить себе. В идеале бы, чтобы был переключатель стилей с темного на светлый.


Аваратка
-SAM- | Комментарий № 63 | Дата: 2019-11-24
Кому понравился шаблон, то можете посмотреть и этот (с двумя контейнерами).


Аваратка
-SAM- | Комментарий № 64 | Дата: 2019-11-24
Вот еще такой шаблон нашёл, что один контейнер (возможно, что с него и переделан, сходство есть; вот еще залит).


Аваратка
-SAM- | Комментарий № 65 | Дата: 2019-11-24
Шаблон называется Zone99, как понял. Кому понравился, можете посмотреть и этот, тоже похожий.


Аваратка
-SAM- | Комментарий № 66 | Дата: 2019-11-24
По факту ставят другое название, а после шаблоны расходятся и изначальное теряется. Как и тупо рипают шаблоны с сайтов, куда их ставят. Это я к тому, что шаблон этот не такое заглавие имеет. Есть давно оригинал шаблона этого, называется NK-Gam1ng (GameBlack, DIZ-HL - с переделками, исходя от сайтов куда ставят). Вот еще демо, куда поставлен был: tactics .my1.ru . Также кому понравился, то можете посмотреть вот этот шаблон, а там еще давал ссылки.


Аваратка
-SAM- | Комментарий № 67 | Дата: 2019-11-24
Меню не их, а принадлежит сайту Diz-CS, вот материал (это и объясняет почему на многих шаблонах стоит, так как рипают себе). Название: "Шаблон tactics (С двумя блоками)". Кому нужно, то здесь с одним контейнером еще. Есть еще "обнова", так сказать - название "Шаблон Tactics на тему Counter-Strike" (меню уже там другое, но тоже с Diz-CS), а после на тот сайт такой шаблон поставили.


Аваратка
-SAM- | Комментарий № 68 | Дата: 2019-11-24
Название "Шаблон Blaster (+ PSD логотипа) [оригинал]" адаптация под uCoz - есть давно в сети он. А то почитал материал - не понятно чего за шаблон (что фиг найдут те, кто по названию ищет его здесь, а также если есть дубли - сложность потом на него выйти, надо хотя бы в теги это указывать, если не в заглавии). Тематика сайта, куда его ставят - может быть самой разной (заточен под варез изначально).


Аваратка
-SAM- | Комментарий № 69 | Дата: 2019-11-24
Не редкость, поскольку шаблон сделан из рипа одного из предыдущих шаблонов сайта Diz-CS (убрали левый контейнер).
P.S.: не жалоба, если что, а просто констатация факта нарушения авторских прав (плагиата)... шаблон раздаётся давно и повлиять на это не в силах уже (значит пусть раздается, но хотя бы знать будут чего оно).


Аваратка
-SAM- | Комментарий № 70 | Дата: 2019-11-24
В своё время задавали вопрос стоит ли ставить на "Каталог файлов" его - на ZorNet просто тот вид, что есть - более подходит для чтения (разбивка на колонки - потом "глаза разбегаются"). И по сути публиковалось не раз, только варьируются слегка, как пример, вот (такой вид давно стоит в модуле "Новости" на ZorNet - считай как демо посмотреть; там еще есть ссылка в материале, что пользователям будет из чего выбрать).


Аваратка
-SAM- | Комментарий № 71 | Дата: 2019-11-24
Надеюсь, что не делали в информере ограничение по длине сообщения? Если делали, то как уже говорил в комментариях к материалам таким - после подрезка может попасть на незакрытый тег html, соответственно нарушается структура разметки, отсюда может быть и смещение содержимого (как внутри контейнера, так и самого каркаса шаблона).

И посмотреть как внешне блок выглядит, если в него поставить содержимое, которое по ширине больше, чем сам блок. Можно попробовать сделать ограничения, прописав там стили:
Код
.web_now_body_comment img {max-width:200px;max-height:200px} .web_now_body_comment blockquote, .web_now_body_comment iframe, .web_now_body_comment object, .web_now_body_comment embed {width:auto}
Если же конфликт какой есть, то это уже смотреть ваш шаблон нужно, куда ставите (есть ли другие ошибки).
UPD.: пожалуйста. Тот код, что скинули - тут не нужен (довеском идёт). Далее уже пошёл оффтоп, который не касается этого материала (и ваш сайт не видел никто, тему на форуме делайте и подобные вопросы задавайте там - будем вам после ответ).


Аваратка
Kosten | Комментарий № 72 | Дата: 2019-11-23
Здесь представлена первая часть кнопок с оригинальными эффектами при наведение, что по своему дизайну они не похоже. Также можете перейти на вторую часть красивых кнопок на чистом CSS, где аналогично выставлено 5 вариантов.


Аваратка
Kosten | Комментарий № 73 | Дата: 2019-11-22
Скрин можно посмотреть или также можно разместить все на форуме, где по теме для этого создать тему и все подробно описать.


kravcov_stanislav | Комментарий № 74 | Дата: 2019-11-22
При размещении в комменте картинки или видео - смещение всего блока комментария


Аваратка
-SAM- | Комментарий № 75 | Дата: 2019-11-22
Так сразу и не поймешь почему такое название, пока не увидешь с какого сайта взято. То есть шаблон вряд ли название такое имеет, вернее там стоял ранее шаблон в зеленом оттенке (а сейчас с "green" не имеет ничего общего).


Аваратка
-SAM- | Комментарий № 76 | Дата: 2019-11-22
Шаблон называется X-Gaming. Встречалась мне перекраска этого шаблона в голубой и зеленый цвета.


Аваратка
-SAM- | Комментарий № 77 | Дата: 2019-11-22
Этот шаблон, как понял, является переделкой шаблона As-Game. Кому понравился, то можете проверить еще и этот шаблон.

UPD.: здесь вот еще выложено (не понял, это дубль или разная комплектация там). Вот еще такой нашёл материал. И нет ли полного шаблона этого, что As-Game? А то по сети какие-то рипы только, видимо.


Аваратка
-SAM- | Комментарий № 78 | Дата: 2019-11-22
Чтобы не думать про это, то проще сделать сразу через шаблон - уже давно такая возможность существует (подробно расписал здесь).


Аваратка
-SAM- | Комментарий № 79 | Дата: 2019-11-22
Заливалось неоднократно (вот пример), но такой скрипт уже устарел (как выше здесь написал - не скриптом прописывать нужно, а сразу необходимые правки делать через шаблон для этого отдельно отведенный).




Аваратка
-SAM- | Комментарий № 80 | Дата: 2019-11-22
Этот скрипт является адаптацией под uCoz того вида, что на IPB (под него закос). Но его ставить уже не нужно, поскольку давно как неактуально - был up. 10-2015 (от 2015-07-15) в системе, что в модуле "Форум" появился отдельный шаблон "Вид темы/опроса".

Теперь достаточно открыть этот шаблон и переписать его. Можно поставить переменную $THREAD_AUTHOR$ в нужно место, в нашем случае после:
Код
$THREAD_TITLE$</a> <span style="color:#aaa; margin-left:5px;">От <a style="color:#929292;" <?substr($THREAD_AUTHOR$,strpos($THREAD_AUTHOR$,'href'))?>


Скриптом там еще колонка "Автор темы" скрывается, но можно сделать такое скрытием с помощью CSS, как и слово "От" там поставить перед ником можно просто через стиль (пример тут вот обсуждения, что тоже скрипт неактуальный).


Аваратка
-SAM- | Комментарий № 81 | Дата: 2019-11-22
Если ставить этот скрипт, то после $BODY$ в шаблон "Общий вид страниц форума" лучше подключать под условные операторы. Вот здесь всё расписал (а тут - просто дубль очередной, только без правильных условных операторов и в ненадлежащей категории).


Аваратка
-SAM- | Комментарий № 82 | Дата: 2019-11-22
Кто отсюда берет, то проверяйте лучше еще и вот этот шаблон (ибо это адаптация с другой площадки для uCoz, что там стоял на том сайте и порипали - ничего не значит... лишь то, что может быть еще больше ошибок).


Аваратка
-SAM- | Комментарий № 83 | Дата: 2019-11-22
На сколько я помню, то в uCoz вывод такой делается через информер. А что касается сортировки - тот код не годиться, пропишите в шаблоне через $SORTING_MENU$, а уже после посмотрите исходный код отдаваемый этим оператором (от него отталкиваться, делать внешне блок похожим на тот, который там на версии DLE). Есть еще операторы для вывода "ссылка на ТОП материалов, отсортированных по" разным параметрам.


Аваратка
Pasan | Комментарий № 84 | Дата: 2019-11-20
Может кто знает $КОД$ где новинки 31 показывалось скок ты добавил за сегодня. B ещё нашёл сайт с таким шаблоном взял код с сайта сортировки но хз как настроить помогите.



Аваратка
Kosten | Комментарий № 85 | Дата: 2019-11-17
Либо неизвестные присылают платные шаблоны на личные сообщение.


Аваратка
-SAM- | Комментарий № 86 | Дата: 2019-11-17
Если уж там в футере теги ставить, то можно вообще не через переменную информера теги вывести, а вручную прописать свои (самые востребованные), а теги вывести все на отдельную страницу, чтобы смотрели те, кому действительно нужно (а для поисковика - они не нужны, не ходит по ним).
P.S.: этот шаблон вообще-то платный, продает Guru на uTemplate. Но, как видим, слит в паблик давно (к примеру, "шифруется" здесь и здесь), как и другой его шаблон - Puzzle (можно было не удалять тогда, так как жалобы не было). В обоих случаях есть демо-сайты (что либо слили оттуда с продажи, либо порипали).

UPD.: Kosten, так может быть либо рип, либо купленный шаблон.


Аваратка
-SAM- | Комментарий № 87 | Дата: 2019-11-14
Значит нужно делать абс. позиционирование не картинки, а блока, в котором находиться ваш текст. Делать типо так:
<div><img….>
<span>много букв</span></div>
(в стилях менять img на div, потом делать еще абс. позиционирование для span, а относительное - для img; span - это не суть, можно div или p, главное чтобы его наложить потом поверх картинки).
Как понял, вы хотите каждой картинке присвоить текст, чтобы поверх нее был - про это есть отдельные материалы на сайте, ищите (здесь один из примеров).

Цитата Kosten ()
Автор: workman
Не он статью писал изначально (а тем более не автор кода или метода), просто он её опубликовал был здесь вам.
#Simplest CSS Slideshow


Аваратка
Kosten | Комментарий № 88 | Дата: 2019-11-13
Так работать будет в любом месте, вот как пример, где добавлена высота, чтоб все изображение были идентичны по размеру.

Смотреть

А если делать по вверх описание, то наверно нужно не через дивы, а через p, где в нем класс задаем, и ставим background: rgb(0, 0, 0).


Аваратка
vaskovvaleriy | Комментарий № 89 | Дата: 2019-11-13
И как это сделать чтобы работало в любом месте?
<div><img….></div>
<div>много букв</div>

И при абсолютном позиционировании текст попадает под картинку


Harek88 | Комментарий № 90 | Дата: 2019-11-12
Щас заценим)


Аваратка
-SAM- | Комментарий № 91 | Дата: 2019-11-12
По сути профиль не привязан к стилям, следовательно когда ставиться на сайт с темным шаблоном, то фон задний будет темный у блока. Вот тут еще был мной код исправленный профиля этого.




Аваратка
-SAM- | Комментарий № 92 | Дата: 2019-11-12
Таких профилей хватает на сайте (можете посмотреть в категории материалы), что код практически один и тот же, только ставят свои картинки и еще прописаны есть строки с данными после аватарки (ну, а в этом данный профиль сокращен, отсюда и мини-профиль). Там еще отличительной особенностью есть то, что аватарка окружена полосками (вбить поисковый запрос grin.png). В общем, хватает дублей, как и исходный код таких профилей оставляет желать лучшего. А в этом я переписал его (от табличной верстки избавился, исправил и сократил код, а также были перезалиты все картинки с сайта-источника, поскольку удалены были с него - через веб-архив интернета брал; сам профиль старый, еще с 2009-2010 года, а то и раньше). Здесь вот еще, к примеру, тоже тот же профиль, но картинки другие (то есть код лучше брать мной переписанный отсюда, а после уже под себя менять - свои картинки там или еще чего).
P.S.: вот почему я так не люблю дубли - расходится практически одно и то же, что в случае исправления - потом сложно ходить, да и каждый материал такой "фиксить" (а оно еще и по другим сайтам тиражируется).


Аваратка
Kosten | Комментарий № 93 | Дата: 2019-11-11
С большой вероятностью, что эта фича было создана с яндекс, только немного по направлению другому, ближе к теме, что обратите внимание.


ДабстэпшникZVT | Комментарий № 94 | Дата: 2019-11-11
У Яндекса в футере такая фича используется 47a


Аваратка
-SAM- | Комментарий № 95 | Дата: 2019-11-11
Обычно - взять да и поставить переменную в первый, а второй убрать. Там скрипт скрывает столбик следующий за "Темы" и данные из него копирует в столбик "Темы". Вот приблизительно то, что скрипт делает:
P.S.: лучше задавайте такие вопросы в той теме форума, чтобы материал не забивать комментами такими (и цитаты лучше не закидывать сюда).


oleg37646 | Комментарий № 96 | Дата: 2019-11-11
Да, я действительно немного или много не разбираюсь в этих кодах, пожалуй стоит подучить.

Шаблон есть, но что в нем править и как это править - не знаю. Намекните немного!
Скрин - https://prnt.sc/pv4d26

Ясно, что forumThreadTd и forumPostTd относятся к этим столбцам, но как соединить в один?


Аваратка
-SAM- | Комментарий № 97 | Дата: 2019-11-11
Я ниже ответ дал. Видимо, вы не видите, что есть там отдельный шаблон для правки в модуле форум, где и выводятся те данные, которые скриптом обрабатывается (собственно, на форуме тему сделали вот эту - суть почти та же). Он еще Kosten дал скрипт - тоже не нужно ставить уже, ведь есть шаблон для правки и сразу можно сделать таким внешне, как делает скрипт.
У waak там просто убрано оглавление таблицы (как и писал, что после нельзя сортировку проводить по столбцам... допустим, тот скрипт можно прикрутить и к форумам, а не только к категориям)... вот в этом, пожалуй, и разные мнения. Правки шаблона делайте, а не подключайте скрипт. Если не знаете как - здесь я уже не помощник. Можете значит к waak обратиться, чтобы вам готовый код скинул или переписал (думаю, не бесплатно).
P.S.: когда ответ делаете, то на кнопку "Ответить" нажимайте.


oleg37646 | Комментарий № 98 | Дата: 2019-11-10
Цитата -SAM- ()
Так и должно быть, поскольку до момента обработки документа скриптом, происходит обработка браузером того содержимого, которое подгружается изначально.

Чисто теоретически: можно ли сделать так, чтобы не ставить скрипт, а с нуля написать код для сайта, который и будет изначально подгружать информацию по темам и ответам в одном столбце?
Цитата -SAM- ()
Можно взять и сразу написать такой вид, как хотите чтобы был - статически,

Если я правильно понял, получается, это и есть ответ на мой вопрос выше? Естественно, не очень хочется ставить скрипты, но знать бы, как без них это делать, было бы вообще супер.
Цитата -SAM- ()
(собственно, про это же и был разговор здесь).

Все подробно прочитал в этой теме. Хотя у вас с "waak", разные мнения, толком не понял как сделать все без скрипта, как вы и описывали вместе с waak. Он там оставил ссылку на свой сайт, там действительно все четко подгружается как нужно. Даже на странице с темами, показывает, просмотры и ответы в одном столбце. Но как он так сделал, он так и не написал. Может вы знаете или это нужно только у него уточнять?


ygovno35 | Комментарий № 99 | Дата: 2019-11-10
Кто сможет помочь с сайтом, а то полная лажа получается.


Аваратка
-SAM- | Комментарий № 100 | Дата: 2019-11-10

Если у вас после прочтения моего сообщения не отпало желание свой сайт нагружать скриптами (или вы просто не поняли сути написанного), то вы можете стилем скрыть ту колонку, которая не нужна - там по коду видно, что скрытие скриптом происходит колонки после "Темы"... просто перед $BODY$ прописать там стиль (под те же условные операторы):
Код
<?if($PAGE_ID$='main' || $PAGE_ID$='category')?><style type="text/css">td.gTableSubTop:nth-child(4),td.forumPostTd{display:none}</style><?endif?>
Если что, то я не проверял будут ли какие-то конфликты (вроде, не должно).