• Страница 1 из 1
  • 1
Модератор форума: Yuri_G  
Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как адаптировать шаблон под все размеры экрана?
Как адаптировать шаблон под все размеры экрана?
Chesterfield5017
Сообщений: 243
Репутация: 10

Сообщение # 1 | 20:23:33

Есть стандартный шаблон #1703
Немного отредактировав его, получилось так что у меня ноуте всё ок показывает, а на компе с другим монитором криво, как это дело исправить?
Также стоит подложка на сайте!

hikornienko
Сообщений: 134
Репутация: 11

Сообщение # 2 | 23:45:13
Chesterfield5017, Шаблон адаптивный, вы что-то напартачили с кодом, сайт в студию)
Как вариант можете восстановить шаблон, и без ошибок сделать правки.
Chesterfield5017
Сообщений: 243
Репутация: 10

Сообщение # 3 | 00:47:25

hikornienko
Сообщений: 134
Репутация: 11

Сообщение # 4 | 10:13:56
Посмотрел, вам нужно настроить 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;
}
Chesterfield5017
Сообщений: 243
Репутация: 10

Сообщение # 5 | 12:04:01
Есть предложение,если сможете настроить, сколько возьмёте за это, всё что мне нужно это что бы было всё как у меня сейчас по виду это меню фиксированное и брендированная реклама с кодом.

Код
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>
ну и конечно всё это адаптировать

Chesterfield5017
Сообщений: 243
Репутация: 10

Сообщение # 6 | 12:04:11
Есть 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>

Этот скрипт нужен для брендированной подложки на сайте, то есть что бы на фоне сайта была реклама.
Подскажите как сделать что бы при обновление страницы менялся фон сайта?

Likbezz_Flesh
Сообщений: 282
Репутация: 47

Сообщение # 7 | 14:00:35
Цитата Chesterfield5017 ()
Подскажите как сделать что бы при обновление страницы менялся фон сайта?

Код
<script type="text/javascript">
branding("body", "#", "http://islovefilms.ucoz.com/brend/fon"+Math.floor(Math.random()*7)+".png");
</script>

и залить картинки: fon0.png - fon6.png

Сообщество uCoz » Мастерская uCoz » Дизайн: управление шаблонами » Как адаптировать шаблон под все размеры экрана?
  • Страница 1 из 1
  • 1
Поиск: