Как сделать чтобы шапка отображалась на всех страницах

голоса: 0

Как сделать чтобы шапка отображалась на всех страницах

 
Адрес сайта https://slidsvetlana.ucoz.net/
| Автор: | Категория: Дизайн сайта

Ответов: 1

голоса: 0

Перейдите в блок промо http://slidsvetlana.ucoz.net/panel/?a=tmpl;m=1;t=PROMO и удалите такой код:

<?if($PAGE_ID$='sitePage1')?><?endif?>

после шапка сайта будет на всех страницах.

| Автор:

https://yadi.sk/d/CY7WLTgZVporEg

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

имя имя,

Код у вас в данном файле должен быть таким https://drive.google.com/file/d/1teVZsrNrrmhOaVb5Pe32Z-x8fFd74W49/view?usp=sharing все лишнее удалить. Далее предоставьте код с страницы https://slidsvetlana.ucoz.net/panel/?a=tmpl;m=2;t=0

у меня она не отображалась правильно и мне с потдержки помогли и я поставила этот код в стили - #s3gt_translate_tooltip_mini { display: none !important; } все заработало. но я хочу чтобы эта картинка отображалась на всех страницах где есть пробел под нее и ее не видно
этот код вставила что дали на промо. съехала картинка
код предоставить какой?
имя имя,
Если сломалось, тогда верните код какой был до этого. Я выше предоставил ссылку на страницу, вот туда перейдите и весь код который там будет скопировать и показать здесь.
открылось где код страницы сайта или какой?
имя имя,

Вы читали мой ответ выше? Я вроде запросил код:

Далее предоставьте код с страницы https://slidsvetlana.ucoz.net/panel/?a=tmpl;m=2;t=0

там другого кода нет или выбора из 100-ни разных.

имя имя,
Ясно.  Чтобы шапка отображалась на других страницах, замените текущий код шапки на код с файла https://drive.google.com/file/d/1ZUlBCWZEdbl8OgbyQ-lYgIJAbkBxvR9I/view?usp=sharing
сейчас отображается на всех, но вот так вот криво
имя имя,

я вам отвечал выше, чтобы код свой вернули как ранее было в шапке сайта, только в коде ссылок на урл у вас прописаны картинки вот так:

<img src="images/

а должно быть так:

<img src="/images/

то есть перед images должна быть косая черта, у вас ее не было потому и фото не подгружались на других страницах.

хорошо, спасибо
спасибо огромное, все получилось как надо. А можно в этотом коде сделать чтобы текст при наведении подсвечивался. как в меню у меня на сайте
имя имя,
Нельзя, я вам уже второй раз об том говорю (выше уже отвечал почему).
Это ладно, а можно эту картинку оптимизировать под мобильные устройства, чтоб она была под экран мобильника, да и вообще все фото чтоб под экран мобилы любой были и видео.
имя имя,
Чтобы оптимизировать для мобильных, это фото должно быть одним целостным, а оно у вас с разных частей, в итоге это сейчас невозможно. Нарисуйте одно целостное фото и тогда проблем не будет с адаптацией.
с этим фото понятно состовным. для всех других фото и видео, как сделать чтоб в мобиле было как надо?
имя имя,

В стили попробуйте прописать:

img,object,embed,video {max-width:100%!important;height:auto!important;}

картинки оптимизировались, а вот видео на страницах не захотело
имя имя,

Для видео строку выше чуть поправьте на:

img,object,embed,video,iframe {max-width:100%!important;height:auto!important;}

стало вся страница растянутая и весь контент
имя имя,
Какая страница, ссылку уточните. Перед тем как проверять, кеш в браузере чистите.
я с мобилы смотрю, было нормально по тому коду, только что видео не по размеру, потом стало как на браузере компа плюс еще и все растянутое видео стало и фото
имя имя,

В общем, финальная строка стилей должна быть примерно такой:

#content img,#content object,#content embed,#content video,#content iframe,.eMessage object,.eMessage embed,.eMessage video,.eMessage iframe,.eText img,.eText iframe,.eText object,.eText video {max-width:100%;height:auto!important;}

Пользуйтесь, если что-то еще будет не так отображаться, удаляйте все и оставляйте как есть.

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

я убрала все коды, потому что они нарушали работу еартинки под меню. для нее у меня был код - #s3gt_translate_tooltip_mini { display: none !important; }

как ставлю ниже эти коды что мне давали, картинка загружается не полность, или не дозагружается, не знаю как правильно сказать. могу скриншот дать.https://yadi.sk/i/lAnMWWTK8fM87w

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

С помощью position: absolute; можно наложить ссылку поверх рисунка. Форма ссылки ограничена возможностями свойств border-radius и transform.

Раз так можно, значит текст тот что мне надо на картинке чтобы был кликеабельным нужно задать позиции и прописать ссылки. Я сейчас выведу изображение это, - поможете мне с реализацией

 

и нет не вижу и да не вижу
имя имя,
Вы все правильно нашли, с помощью position можете наложить, а с помощью top регулировать отступы вниз или вверх и с помощью значений right или left двигать вправо или влево.
я сейчас установила эту фотку так как она будет у меня. вы бы не могли мне помочь, хоть бы иконку одноклассники заделать дать ей ссылку. а там я по шаблону остальное сделаю
имя имя,

За вас не сделаю, но вот даю пример как это делается http://htmlbook.ru/html/area/coords на общем фото задаются координаты которым вы присваиваете ссылки и в итоге их можно сделать кликабельными как вам нужно.

спасибо, буду пробовать
Все оказывается элементарно делается. Но остался вопросик. На компе все четко, но на мобиле оно не срабатывает, не кликабельно. Вот код - https://docs.google.com/document/d/19pdt46kh2HR04juXt58SbdSaegwtGlyL_kYrye7N5yw/edit?usp=sharing
имя имя,
Для мобильной версии это не адаптируется, только для полной.
ну понятно, спасибо!
...