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


Ранее

Пишет Гость:
27.10.2018 в 10:18

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

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

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

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



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

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

Комментарии
31.10.2017 в 07:14

верхняя полоса - одна ссылка, а нижняя - другая? и вся эта конструкция должна стоять по центру и занимать всю ширину родительского дива?
31.10.2017 в 07:16

верхняя полоса - одна ссылка, а нижняя - другая? и вся эта конструкция должна стоять по центру и занимать всю ширину родительского дива?
Да.
31.10.2017 в 07:18

оке. обожди, щас принесу.
31.10.2017 в 07:21

оке. обожди, щас принесу.
Ыыы, спасибо :white: Помогаешь воплощать мечты!
31.10.2017 в 07:30



полоску поставил фоном, такшта прежде чем смотреть, залей эту пикчу к себе в БИ и поменяй адреса в коде, иначе не увидишь фон.
31.10.2017 в 07:40

полоску поставил фоном, такшта прежде чем смотреть, залей эту пикчу к себе в БИ и поменяй адреса в коде, иначе не увидишь фон.
Как упорото х) Спасибо :inlove:

А если я, скажем, захочу поставить на эти кнопки какое-то неповторяющееся изображение, то мне его никак не сделать масштабируемым по ширине? Я вроде попробовал, но оно обрезает, если родительский див сжимается.
31.10.2017 в 07:46

Или ниже поставить море и прикрыть его той же ширины картинкой
31.10.2017 в 07:51

почему никак? поставишь. только имей в виду, что оно будет масштабироваться и в ширь, и высь. т.е. если оно у тебя изначально будет меньше 888, то его расидарасит при большой ширине экрана и оно будет выглядеть как говно. ну и если это просто картинка, а не бесшовный фончег, то фон из кода выбрасывай, ставь img внутрь тега < a > и прописывай ему опять-таки ширину 100%.
ну и приходи снова, если че-то не срастется :gigi:
31.10.2017 в 07:53

Или ниже поставить море и прикрыть его той же ширины картинкой
в общем-то все то же самое, там вместо "читать дальше" вставляешь ссылку с пикчей внутри. вроде не должно быть там каких-то сложностей.
31.10.2017 в 08:08

Кажется, начинает проясняться +_+
в общем-то все то же самое, там вместо "читать дальше" вставляешь ссылку с пикчей внутри. вроде не должно быть там каких-то сложностей.
А оно должно так работать? Оо Прям

У меня оно куда-то нафиг выкидывается, но мне кажется, что я опять чего-то важного не знаю...
31.10.2017 в 08:14

а, ой, сорян, это я загнался. :facepalm3: выкинь оттуда тег а. просто кортинку оставь.
31.10.2017 в 08:17

а, ой, сорян, это я загнался. :facepalm3: выкинь оттуда тег а. просто кортинку оставь.
Неа, так тоже не работает х) Так картинка, открывающая море, опять куда-то сбегает как до этого исчезали ссылки-кнопки
31.10.2017 в 08:22

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


31.10.2017 в 08:27

она и должна исчезать, это же море. чтоб там и оставалась, надо ее еще раз вставить уже внутрь моря.
Не, сверху моря исчезает. У меня написано ровно так, как у тебя, но цветочков не видно ни над морем, ни под морем.
31.10.2017 в 08:27

В смысле, я не могу море открыть, чтобы проверить, есть ли под ним цветочки, потому что открывающие море цветочки исчезают
31.10.2017 в 08:32

нифига не понел. можешь скрин запилить?
31.10.2017 в 08:52

нифига не понел. можешь скрин запилить?
Я переписал код, и оно исчезло, анон... Я тоже нифига не понял... Наверное, забыл там где-нибудь что-нибудь закрыть опять =_\\ Если еще вылезет, принесу скрин х))
Еще раз спасибо тебе за помощь :hlop:
31.10.2017 в 09:06

Наверное, забыл там где-нибудь что-нибудь закрыть опять
скорей всего, угу. :yes:
и незашта )))))
31.10.2017 в 09:16

О, нашел! Море убегает, когда я весь пост заворачиваю в море. Вот так:

31.10.2017 в 09:41

вот это у тебя там зачем?



оно тебе и ломает весь ништяк? как же у тебя будет на всю ширину, если только на тридцать процентов? какой вообще смысл в этом диве, нафига он тебе?
и еще убери к чертовой матери align="center". вместо него допиши первому диву margin: auto. он делает то же самое, что align, только грамотней.
попробуй, должно сработать.
31.10.2017 в 09:49

оно тебе и ломает весь ништяк? как же у тебя будет на всю ширину, если только на тридцать процентов? какой вообще смысл в этом диве, нафига он тебе?
Мне не надо на всю ширину, мне надо, чтобы див с текстом и кнопки были все в 30% от общей ширины, и я подумал, что так облегчу себе задачу, но ок, могу просто всему прописывать сразу 30%, а не 100% х__х Есть шанс сделать это одним дивом или не?
и еще убери к чертовой матери align="center". вместо него допиши первому диву margin: auto. он делает то же самое, что align, только грамотней.
О, спасибо!
31.10.2017 в 10:03

нет, всему сразу не получится. тогда у тебя все сразу будет 30% от ширины поста.
в общем смотри. оберточный див с align="center" я убрал, прописал главному диву марджин. его же прописал 30-процентному диву, чтобы он вставал по центру. убрал из него позишн релейтив, он там не нужен. и вернул высоту картинкам, чтобы не было пробелов между ними и текстом. когда вставишь рабочие картинки, пропишешь высоту, равную высоте картинок.



как-то так?
31.10.2017 в 10:12

как-то так?
По коду выглядит как будто бы да, но на выходе получаю вот что:

Просто скопировал твой код и вставил в пустое поле сообщения Оо
31.10.2017 в 10:32

ебанина задошная...
у меня все норм работает.
попробуй вот это море с картинкой обернуть в див. сначала можно вообще в пустой, если не сработает, то пропиши ему в стили какой-нить отступ сверху...
или даже просто отбивку сделай перед морем, может оно покажется? если да, будем думать, как его поставить туда, куда надо.
31.10.2017 в 10:47

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

Неа, ничего не помогает =_=
31.10.2017 в 10:52

лаааааадно. а браузер у тебя какой?
31.10.2017 в 10:53

лаааааадно. а браузер у тебя какой?
Firefox 56
31.10.2017 в 11:14

а другого браузера нет под рукой?
31.10.2017 в 11:27

а другого браузера нет под рукой?
С хрома, внезапно, сработало...
Там еще параллельно вылезла другая проблема - содержимое этой узенькой полоски теперь вылезло за край поста внизу (слишком длинное) и некрасиво торчит. И я такой "да блииин"
31.10.2017 в 11:34

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