Сообщений в теме: 50

[Smailer]

Актуально

[Vaccina]

Вариаций реализации спойлера очень много, сильно сайт они не загружают, в идеале самое легкое для загрузки сайта это реализация не с использованием JS, а через CSS стили.

Если необходимо, чтобы подчеркивание было по всей ширине контента, то замените:

.spoiler_link{
cursor: pointer;
border-bottom: 1px dotted #000;
}

на:

.spoiler_link{
cursor: pointer;
border-bottom: 1px dotted #000;
display:block;
width:100%;
padding-bottom:5px;
}

[Smailer]

Vaccina (25 Февраль 2016 - 02:28) писал:

Вариаций реализации спойлера очень много, сильно сайт они не загружают, в идеале самое легкое для загрузки сайта это реализация не с использованием JS, а через CSS стили.

Если необходимо, чтобы подчеркивание было по всей ширине контента, то замените:

.spoiler_link{
cursor: pointer;
border-bottom: 1px dotted #000;
}

на:

.spoiler_link{
cursor: pointer;
border-bottom: 1px dotted #000;
display:block;
width:100%;
padding-bottom:5px;
}

нет это не требуется до конца ширины.

все что я просил это  чуть ускорить загрузку, и чтобы при обновлении неыбло пустых полосок


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

[Vaccina]

Попробуйте через "Источник" убрать у данных заголовков h4 и проверить дальнейшую скорость загрузки текста при загрузке страницы.

[Smailer]

Vaccina (25 Февраль 2016 - 02:59) писал:

Попробуйте через "Источник" убрать у данных заголовков h4 и проверить дальнейшую скорость загрузки текста при загрузке страницы.

Действительно после того как убрал h4 подчеркивания стали подгружаться одновременно со всем текстом. про скорость не скажу. но в целом уже лучше.
единственное с чем я столкнулся это перенос формата h4 из css в обычный код форматирования текста. например я пробую все значения поставить в <font> но вот что получаеться я допустим хочу задать размер, цвет отступы.  (в коде пока непонял как сделать отступы но вот к примеру размер.




Внутри все хорошо..



тоесть вроде все в порядке но отображаеться на сайте вот так:





Тоесть единственное что поменялось это цвет.
Я понял что мне нужно убрать заголовки <h4> странно что они так все "загружают" но тем не менее хотелосьбы оставить все их ствойства.
А Именно: { font-size:18px; line-height:20px; margin-bottom:15px;  } только как это сделать для текста без отсылки css я пока не понял.
и размер шрифта желательно чтобы указывать всеже в пикселях а не как значение фонт от 1-7.

Тоесть вопрос в следующем как сделать такой текст

<font size="18px"; line-height:20px; margin-bottom:15px>текст</font>

только этот код ошибочен я понимаю.. как его сделать правильным?

[Smailer]

Начались первые сутки.. Запасов Еды и Воды пока хватает..

[Юля123]

Smailer (13 Март 2016 - 16:57) писал:

Действительно после того как убрал h4 подчеркивания стали подгружаться одновременно со всем текстом. про скорость не скажу. но в целом уже лучше.
единственное с чем я столкнулся это перенос формата h4 из css в обычный код форматирования текста. например я пробую все значения поставить в <font> но вот что получаеться я допустим хочу задать размер, цвет отступы.  (в коде пока непонял как сделать отступы но вот к примеру размер.




Внутри все хорошо..



тоесть вроде все в порядке но отображаеться на сайте вот так:





Тоесть единственное что поменялось это цвет.
Я понял что мне нужно убрать заголовки <h4> странно что они так все "загружают" но тем не менее хотелосьбы оставить все их ствойства.
А Именно: { font-size:18px; line-height:20px; margin-bottom:15px;  } только как это сделать для текста без отсылки css я пока не понял.
и размер шрифта желательно чтобы указывать всеже в пикселях а не как значение фонт от 1-7.

Тоесть вопрос в следующем как сделать такой текст

<font size="18px"; line-height:20px; margin-bottom:15px>текст</font>

только этот код ошибочен я понимаю.. как его сделать правильным?

Здравствуйте, для этого Вам нужно тег <h4> заменить на код:

<span style="font-size:18px; line-height:20px; margin-bottom:15px">

и закрывающийся тег </h4> на закрывающийся </span>

[Smailer]

Юля123 (14 Март 2016 - 13:52) писал:

Здравствуйте, для этого Вам нужно тег <h4> заменить на код:

<span style="font-size:18px; line-height:20px; margin-bottom:15px">

и закрывающийся тег </h4> на закрывающийся </span>

я Вот по заменял.. но вот что получилось..


А ещё я никак не могу понять что я удалил, но перестал работать спойлер.

[Юля123]

Smailer (17 Март 2016 - 09:44) писал:

я Вот по заменял.. но вот что получилось..


А ещё я никак не могу понять что я удалил, но перестал работать спойлер.

Здравствуйте, поправила Вам работу спойлеров, и заменила теги, посмотрите, пожалуйста.

[Smailer]

Юля123 (17 Март 2016 - 11:31) писал:

Здравствуйте, поправила Вам работу спойлеров, и заменила теги, посмотрите, пожалуйста.

Вы Сказка! )
Но Спойлеры не раскрываются )

[Юля123]

Smailer (17 Март 2016 - 14:55) писал:

Вы Сказка! )
Но Спойлеры не раскрываются )

Посмотрите сейчас, изменила немного код.