|
|
Модератор форума: Yuri_G |
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как адаптировать шаблон под все размеры экрана? |
Как адаптировать шаблон под все размеры экрана? |
Есть стандартный шаблон #1703 Немного отредактировав его, получилось так что у меня ноуте всё ок показывает, а на компе с другим монитором криво, как это дело исправить? Также стоит подложка на сайте! |
Chesterfield5017, Шаблон адаптивный, вы что-то напартачили с кодом, сайт в студию)
Как вариант можете восстановить шаблон, и без ошибок сделать правки. |
|
Посмотрел, вам нужно настроить margin и max-widht во всех нужных блоках. Можете погуглить что-это. Еще посмотрите что такое position и для чего он нужен. В данном случае вам его лучше отключить. А если по коду, для примера найдите id="casing"
Код position:relative;(убрать) margin:0 auto; max-width:нужная вам ширина блока; А вообще у вас много косяков. Лучше восстановите стандартный шаблон. Создайте div блок для для wrapper и sitebar Пример Код <div page_wrapper> <div id="casing">Тут контент и тд</div> <div id="sitebar">сайт бар</div> </div> И дайте ему ксс Код .page_wrapper{ margin:0 auto; max-width:1170px; можно padding:10px: по желанию border:5px solid #1695fb; border-radius:5px; } |
Есть предложение,если сможете настроить, сколько возьмёте за это, всё что мне нужно это что бы было всё как у меня сейчас по виду это меню фиксированное и брендированная реклама с кодом.
Код function branding(selector,href,image,background){var d=document;background||(background="#000 url("+image+") 50% 0 no-repeat");d.addEventListener("DOMContentLoaded",function(){function isDescendant(parent,child){var node=child.parentNode;while(node!=null){if(node==parent){return true}node=node.parentNode}return false}var el=d.querySelector(selector);var link=d.createElement("a");link.href=href;link.target="_blank";link.rel="nofollow";link.style.background=background;link.style.position="fixed";link.style.zIndex=0;link.style.left=0;link.style.right=0;link.style.bottom=0;link.style.top=0;el.innerHTML=link.outerHTML+el.innerHTML},false)} в html Код <script src="http://islovefilms.ucoz.com/brend/branding.js" type="text/javascript"></script> |
Есть js скрипт который состоит из данного кода
Код function branding(selector,href,image,background){var d=document;background||(background="#000 url("+image+") 50% 0 no-repeat");d.addEventListener("DOMContentLoaded",function(){function isDescendant(parent,child){var node=child.parentNode;while(node!=null){if(node==parent){return true}node=node.parentNode}return false}var el=d.querySelector(selector);var link=d.createElement("a");link.href=href;link.target="_blank";link.rel="nofollow";link.style.background=background;link.style.position="fixed";link.style.zIndex=0;link.style.left=0;link.style.right=0;link.style.bottom=0;link.style.top=0;el.innerHTML=link.outerHTML+el.innerHTML},false)} Подключается на сайте таким образом Код <script src="http://islovefilms.ucoz.com/brend/branding.js" type="text/javascript"></script> <script type="text/javascript"> branding("body", "#", "http://islovefilms.ucoz.com/brend/fon.png"); </script> Этот скрипт нужен для брендированной подложки на сайте, то есть что бы на фоне сайта была реклама. Подскажите как сделать что бы при обновление страницы менялся фон сайта? |
|
| |||
| |||