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

[Сергей Наумчук]

Добрый день! Подскажите,пожалуйста,какая строка в редакторе стилей отвечает за дизайн футера? Хочется вместо обычной полосы вставить какую-нибудь картинку поинтереснее.Заранее спасибо.

[miyako]

Сергей Наумчук (23 Декабрь 2013 - 12:54) писал:

Добрый день! Подскажите,пожалуйста,какая строка в редакторе стилей отвечает за дизайн футера? Хочется вместо обычной полосы вставить какую-нибудь картинку поинтереснее.Заранее спасибо.

Ваш номер аккаунта - 242882 ?
Найдите код в main.css -

#footer {
clear: both;
width: 100%;
background: #485d63;
border-top: 4px solid #485d63;
margin: 20px 176px 17px 176px;
width: 1000px;
}

и замените на -

#footer {
clear: both;
width: 100%;
background: url(путь до изображения);
border-top: 4px solid #485d63;
margin: 20px 176px 17px 176px;
width: 1000px;
}

В коде измените путь до изображения. Само изображение добавьте в Сайт - Файлы, напротив изображения есть иконка "бесконечности", нажмите на нее и скопируйте путь до изображения.

[Сергей Наумчук]

Большое спасибо!

[Сергей Наумчук]

И еще один вопрос: никак не получается передвинуть контейнер для нижнего меню,как это можно сделать?
Пробовал задать положение с помощью функции margin во всех следующих строках:
/*Футер сайта*/
#footer #main { margin:0 auto ; width:1000px; margin-top:220px; height:71px; }      
  #footer #main .menufooter { ; float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x;  width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;   }
    #footer #main .menufooter ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:8px 10px 0 0px; padding-left:10px;  }
        #footer #main .menufooter ul li.main { background:none; }
          #footer #main .menufooter ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block;    }
          #footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
          #footer #main .menufooter ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
  #footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px; border-left:1px dashed #9ba6a9; width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }

Безрезультатно,в чем ошибаюсь?

Сергей Наумчук (23 Декабрь 2013 - 15:12) писал:

И еще один вопрос: никак не получается передвинуть контейнер для нижнего меню,как это можно сделать?
Пробовал задать положение с помощью функции margin во всех следующих строках:
/*Футер сайта*/
#footer #main { margin:0 auto ; width:1000px; margin-top:220px; height:71px; }   
  #footer #main .menufooter { ; float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x;  width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px;   }
#footer #main .menufooter ul li { float:left; background:url({ASSETS_IMAGES_PATH}menuheaderline.jpg) 0 1px no-repeat; margin:8px 10px 0 0px; padding-left:10px;  }
#footer #main .menufooter ul li.main { background:none; }
  #footer #main .menufooter ul li a { font:normal 12px Verdana, Geneva, sans-serif; color:#5d5c5c; text-decoration:none; padding:5px 13px; display:block; }
  #footer #main .menufooter ul li a:hover, #footer #main .menufooter ul li a.current { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 6px; background:#4799ba; color:#FFF; }
  #footer #main .menufooter ul li a:active { padding:5px 13px 4px 13px; border-bottom:1px solid #186584; }
  #footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px; border-left:1px dashed #9ba6a9; width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }

Безрезультатно,в чем ошибаюсь?

адрес сайта bizon76.ru

[Alexey11]

в main.css найдите данный блок кода

#footer #main .menufooter { ; float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }

и после последней точки с запятой добавьте тэг margin-top:1px; Если хотите опустить нижнее меню то 1 меняйте на большее число,
если вверх то замените на margin-bottom
вправо - margin-left
Влево - margin-right

[Сергей Наумчук]

С помощью указанного Вами способа двигается нижняя панель с изображениями способов оплаты (указано красной чертой на скрине1)

А хотелось бы передвинуть именно нижнее меню(нас скрине 2 красная черта и стрелка вверх),все мои самостоятельные попытки приводят к тому,что двигаются кнопки(доставка,корзина и т.д.),а белый фон остается на месте...

Прикрепленные изображения

• 
• 

[Сергей Наумчук]

Быть может,формулирую не верно.Возможно ли переместить меню относительно самого футера?

[Alexey11]

Работаем с main.css.
1.находим данный блок кода

#footer #main { margin:0 auto ; width:1000px; margin-top:220px; height:71px; }

меняем его на

#footer #main { margin:0 auto ; width:1000px; margin-top:220px; height:71px; position:relative }

2.далее находим данный блок кода

#footer #main .menufooter { ; float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; }

меняем его на

#footer #main .menufooter { ; float:left; background:url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width:750px; height:39px; overflow:hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius:4px; position:absolute; top:-90px; }

3.далее находим данный блок:

#footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px; border-left:1px dashed #9ba6a9; width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; }

меняем его на

#footer #main .copyring { float:left; font:normal 12px Verdana, Geneva, sans-serif; color:#FFF; margin:-8px 0 0 10px; border-left:1px dashed #9ba6a9; width:225px; height:50px; overflow:hidden; padding:4px 0 4px 10px; position:absolute; left:750px; bottom:100px; }

[Сергей Наумчук]

Огромное спасибо за помощь!!!

[SergA]

Всем привет! Ёлки в смысле палки, при регистрации пришлось загадку отгадывать про горницу без окон и...., еле еле вспомнил, тут и так мосх на пределе.
Уважаемые знатоки хочу на пластике переделать футер (убрать телефон, время работы) корзину оставить и заменить логотип. Так вот, логотип пробный установил http://buyon.storeland.ru, но как и следовало ожидать, он растянут из-за того что размер в пикселях мне не известен и картинка моя не соответствует старому логотипу. Подскажите пожалуйста размеры для логотипа, а лучше  как вписать свой и соответственно, размер самого футера,а лучше как вписать свой. по высоте, наверное можно разный вставить, а по ширине он вроде как 1000рх должен быть? А то вот приготовил фотошоп, а задать размер какой незнаю. Спасибо.

[Vaccina]

Вы вероятно имели в виду хедер, так как футер это подвал сайта. По умолчанию в шаблоне "Пластик" изображение логотипа имеет размер 262x68px. Ваше изображение логотипа больше по высоте - 240x320px. Установленному логотипу можно задать принудительное изменение размера через стили, но данный вариант не оптимален, так как изображение по сути будет грузиться большое а отображаться будет маленькое. Лучше всего изменить и подобрать оптимальный размер логотипа в графическом редакторе.

[SergA]

Vaccina здр. это вы на моём сайте подкорректировали в хедере логотип? спасибо. да я просто пробную картинку закинул. А где можно посмотреть названия всех этих блоков хедер, футер и т.д. чтоб не путать дайте ссыль пож.
Пойду искать тогда форум по хедеру.
И ещё вопрос, я открыл сайт в BlueGriffon для наглядной коррекции html кода там надеюсь с блоками поиграть, так вот , могу ли я этот новый созданный код закачать и заменить старый на моём аккаунте?

[Alexey11]

на данном сайте вы сможете найти много информации про верстку сайтов.

[SergA]

Alexey11 спасибо посмотрю.
А BlueGriffon чёт не подходил для редактирования, точнее всё видит и внутри своей проги, редактирует, а вот сохранять не хочет, да и вид кода совсем другой, по числу строк разница. Ктонить знает подходящий визуальный редактор, подскажите пожалуйста.
В администрировании предложено скачать архив шаблона на комп, там два файла, может с ними надо работать в редакторе? А как? Может кто сказать?

[SergA]

Набросал хедер и залил его в редактор шаблонов по имени header_page.png. К стати до этого файла с таким названием небыло, почемуто. На BlueGriffon вставил всё установилось. Теперь как этот хедер поставить на мой шаблон у вас?
И всё таки убедительная просьба к знатокам, подскажите как правильно, код созданный с помощью визуальных редакторов, перенести на аккаунт и чтоб он корректно работал? У меня не получается.
продублировал сообщение здесь http://forum.storela...ие-изображения/

[ne_yana]

SergA (11 Январь 2014 - 17:02) писал:

Набросал хедер и залил его в редактор шаблонов по имени header_page.png. К стати до этого файла с таким названием небыло, почемуто. На BlueGriffon вставил всё установилось. Теперь как этот хедер поставить на мой шаблон у вас?
И всё таки убедительная просьба к знатокам, подскажите как правильно, код созданный с помощью визуальных редакторов, перенести на аккаунт и чтоб он корректно работал? У меня не получается.
продублировал сообщение здесь http://forum.storela...ие-изображения/

Здравствуйте, для смены шапки в файле main.css замените

#header { width:100%; height:120px; clear:both;  }

на

#header { width:100%; height:120px; clear:both; background:url({ASSETS_IMAGES_PATH}header_page.png); }

, загрузив предварительно это изображение в админку.

Код, созданный, в сторонних конструкторах будет довольно проблематично внедрить в магазин, т.к. в нашем коде помимо стандартных тегов html используются еще и наши переменные.

[SergA]

здр. заменил, но моему хедеру явно мешают, оставшиеся там элементы старого хедера - они его закрывают, что сделать?

[ne_yana]

SergA (13 Январь 2014 - 11:56) писал:

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

Здравствуйте, в файле main.css замените

#header .blocks .lft {
float: left;
background: url(http://buyon.storeland.net/backsprite.png) 0 0 no-repeat;
margin: 0 0 0 0;
width: 14px;
height: 11px;
}

на

#header .blocks .lft {
float: left;
margin: 0 0 0 0;
width: 14px;
height: 11px;
}

#header .blocks .cntr {
float: left;
background: url(http://buyon.storeland.net/haeder-bgx.png) repeat-x;
width: 628px;
height: 20px;
}

на

#header .blocks .cntr {
float: left;
width: 628px;
height: 20px;
}

#header .blocks .rght {
float: left;
margin: 0 0 0 0;
background: url(http://buyon.storeland.net/haeder-bg.png) top right no-repeat;
width: 358px;
height: 110px;
}

на

#header .blocks .rght {
float: left;
margin: 0 0 0 0;
width: 358px;
height: 110px;
}

#header .blocks .logotype {
margin: -75px 0 0 20px;
float: left;
}

на

#header .blocks .logotype {
margin: -75px 0 0 20px;
float: left;
display: none;
}

[SergA]

ne_yana спасибо лишнее убрал НО мой хедер попрежнему занижен(его нижняя часть невидна). его б вытянуть, у него размеры 1000*220 рх.

[ne_yana]

SergA (13 Январь 2014 - 15:25) писал:

ne_yana спасибо лишнее убрал НО мой хедер попрежнему занижен(его нижняя часть невидна). его б вытянуть, у него размеры 1000*220 рх.

Здравствуйте, в файле main.css замените

#header {
width: 100%;
height: 120px;
clear: both;
background: url(http://buyon.storeland.net/header_page.png);
}

на

#header {
width: 100%;
height: 222px;
clear: both;
background: url(http://buyon.storeland.net/header_page.png);
}