Не дадим вытечь читательским глазам! - 2 — @дневники: асоциальная сеть

воскресенье, 28 октября 2018

11:09

Не дадим вытечь читательским глазам! - 2

все записи пользователя в сообществе WTF Inside

Тред 1, Тред 2 (этот), Тред 3 (следующий)

Ранее

Пишет Гость:

27.10.2018 в 10:18

Пока ЗФБ не началась, дорогие команды, просьба ко всем. Пожалуйста, проверяйте, как ваша вёрстка и ваши выкладки будут смотреться с мобильных устройств! Сейчас почти никто не читает ЗФБ из дома, а читают по дороге или ещё где-то, где есть возможность только со своего телефона выйти в интернет. И иногда с мобильных просто невозможно читать ваш контент. У меня, например, из-за этого ещё с прошлой зимы пара крутых команд не дочитана.

И ещё просьба: ставьте нормальные ссылки на скачивание текстов (не архивом и т.д.). Заливайте удобные для чтения форматы, опять-таки чтобы мобильным читателям можно было без проблем скачать и чтобы сделанные вами архивы с мобильных вменяемо читались. Неужели это так трудно?

У меня всё. Всем добра и удач на ЗФБ!

URL комментария

Треды реков и антиреков дизайна: 1, 2, 3

запись создана: 11.10.2017 в 11:01

@темы: Визуал, Советы, Верстка и оформление

URL

Поделиться

Комментарии

11.11.2018 в 17:49

Мне нравится текст шириной пикселей 800-900.

URL

11.11.2018 в 23:48

аноны, памагити. я говноверстальщик, но других в нашу команду не завезли, пытаюсь сваять дизайн по стандартному образцу: "картинка в заголовке" + "табличка с текстом внизу". задал ширину таблички, соответствующую картинке, но все равно с монитора упорно вылезает вот такой косяк:
читать дальше
как думаете, в чем может быть дело? проверил - везде ширина задана в пикселях, везде одно и то же. откуда оно берется? причем на предпросмотре все ок, вылезает только в публикации

URL

11.11.2018 в 23:49

Неси код, анончик.

URL

11.11.2018 в 23:55

Неси код, анончик.

<div align="center"><img src="*картинка в заголовке*" alt="Пост"><div style="width:600px; margin-right:0px; background: url('*бэкграунд_адрес*'); width:600px;"><table width="600px;"><tbody><tr><td align="justify" style="text-align: justify"> 
<div align="center"><img src="*мелкошапка"></div>
<div style="border: #FDF5E6; border-top-left-radius: 0px; padding: 25px; padding-top: 0px; border-top-right-radius: 0px; border-bottom-right-radius: 0px; border-bottom-left-radius: 0px;"> <div style="background-color: #FFFAF0" align="center"> <div align="justify" style="padding-left: 20px; padding-right: 20px; color:#3e3e46; font-size:14px; line-height:20px;"><div style='"font-family:'>

*текст_поста*

</div></div></div></div></td></tr></tbody></table></div></div>

URL

12.11.2018 в 00:00

кстати, с телефонов все норм смотрится в выкладке, но ленту кривит ужасно.
говноверстальщик

URL

12.11.2018 в 00:46

аноны, а научите меня в див вставлять фоновое изображение. ибо вот так

<div style="background: url(' ');">

у меня не работает. Вставлял спереди цвет, менял кавычки, писал background-image но ничего не получается.

URL

12.11.2018 в 00:47

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

URL

12.11.2018 в 00:48

у меня не работает. Вставлял спереди цвет, менял кавычки, писал background-image но ничего не получается.
ты из БИ вставлял? начинал с /userdir?

URL

12.11.2018 в 00:53

ты из БИ вставлял? начинал с /userdir?
ага, но все равно не отображает картинку

URL

12.11.2018 в 00:55

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

URL

13.11.2018 в 22:53

а на дайрах можно как-то сделать кнопку, которая будет закрывать море обратно?

URL

13.11.2018 в 22:57

Можно
Конкретизируй, какой именно принцип действия хочешь, код будет от этого зависеть

URL

13.11.2018 в 23:08

нужно так:
есть картинка, на нее нажимаешь — появляется другая картинка. снова нажимаешь — возвращаешься к исходному изображению

URL

13.11.2018 в 23:17

у Готэма вроде летом такое было, пойди спизди.

URL

13.11.2018 в 23:18

еще это было у тлена (TLEN) с этой фб и вейлов с зфб (night veil)

URL

13.11.2018 в 23:20

diary-tips.diary.ru/p164304303.htm

URL

13.11.2018 в 23:27

Аноны, спасибо большое!

URL

14.11.2018 в 15:11

Аноны, подскажите пожалуйста. Вот у меня есть картинка-хедер, плавно переходящая в фон. Мне нужно, чтобы текст и прочие элементы верстки шли поверх этой картинки. Как это лучше сделать. Пробовала грузить картинку как background image, но это нужны танцы с бубном, чтобы она нормально встала, и то, отображается с какими-то глюками, и я не уверена, что в итоге не слетит. А если при помощи position, то снизу остается конский отступ. Как лучше сделать?

URL

14.11.2018 в 15:37

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

URL

14.11.2018 в 15:40

Аноны, подскажите пожалуйста. Вот у меня есть картинка-хедер, плавно переходящая в фон. Мне нужно, чтобы текст и прочие элементы верстки шли поверх этой картинки. Как это лучше сделать. Пробовала грузить картинку как background image, но это нужны танцы с бубном, чтобы она нормально встала, и то, отображается с какими-то глюками, и я не уверена, что в итоге не слетит. А если при помощи position, то снизу остается конский отступ. Как лучше сделать?
анон, я не верстальщик, но у нас была такая же дилемма и мы не смогли никак
вышло что 2 варианта - или нерезиновый дизайн, или не делать поверх. пример нерезинового у оздз можешь глянуть с летней, они делали

URL

14.11.2018 в 15:57

Можешь попробовать текст и прочие элементы вёрстки сделать с отрицательным отступом, сместив наверх на картинку
отступ — это который margin? спасибо за совет, попробую так сделать

URL

14.11.2018 в 16:57

конский отступ из-за переводов строки в посте. попробуй поставить галку не добавлять br - ты удивишься результату

URL

14.11.2018 в 17:02

попробуй поставить галку не добавлять br - ты удивишься результату
А оно разве перестало слетать при редактировании поста? У меня раньше слетало, я поэтому и не пользовался. Поставишь галку, сохранишь пост, все хорошо. Заходишь в редактирование, а там дайри тебе br'ов напихали.
другой анон

URL

14.11.2018 в 17:15

ну так еще раз ставишь галку и сохраняешь.

URL

14.11.2018 в 17:20

ну так еще раз ставишь галку и сохраняешь.
Анон, оно добавляло переводы строки при редактировании, даже поставь я галку, эти переводы бы остались.
Например, было так:
Строка
Строка2
Строка3

Поставил галку, сохранил, в посте все хорошо. Открываю на редактирование, а там такое:
Строка

Строка2

Строка3

Я и спрашиваю, изменилось ли это)

URL

14.11.2018 в 17:32

и какая разница, сколько он там добавил, если все равно галку ставить? ну или верстай тогда вообще без перевода строки, без пробелов, тоже вариант. в конце концов тебе шашечки или ехать? я объясняю, откуда берутся отступы и как их побороть, ты мне рассказываешь о своих половых трудностях в общении с дайри.

URL

14.11.2018 в 17:33

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

URL

14.11.2018 в 17:38

я объясняю, откуда берутся отступы и как их побороть
Как раз твой метод и приводит ко всякой хуйне, зачем это надо, когда всё намного проще. Тем более, ему надо, чтобы текст заходил на картинку, а не просто был прямо под ней без отступа, это разные вещи совершенно.

URL

14.11.2018 в 17:46

и какая разница, сколько он там добавил, если все равно галку ставить?
А если я несколько раз редактирую? У меня короткий пост на целую простыню с этими отступами разрастется в окне редактирования. Это, как минимум, неудобно :-D

:-D

URL

14.11.2018 в 17:49

Анон с вопросом про br'ы сходил сам проверил. Починили, больше лишних отступов не появляется.

URL

← Предыдущая Первая ... 18 19 20 21 22 23 24 ... Следующая → Последняя