#1
Отправлено 29 Декабрь 2013 - 10:06
1). Сместить верхнюю часть и разместить там 3). кнопки вход | регистрация.
2). Сузить шапку от верхнего меню.
4). Убрать полоску.
5). Сместить счётчик по центру.
#2
Отправлено 29 Декабрь 2013 - 11:35
huligann (29 Декабрь 2013 - 10:06) писал:
1). Сместить верхнюю часть и разместить там 3). кнопки вход | регистрация.
2). Сузить шапку от верхнего меню.
4). Убрать полоску.
5). Сместить счётчик по центру.
2) В main.css замените:
#header .blocks .logotype { margin: -75px 0 0 20px; float: left; }на
#header .blocks .logotype { margin: -75px 0 0 20px; float: left; height: 80px; }и
#header .blocks .rght { float: left; margin: 0 0 0 0; background: url(http://shop57.storeland.net/haeder-bg.png) top right no-repeat; width: 358px; height: 110px; }на
#header .blocks .rght { float: left; margin: 0 0 0 0; background: url(http://shop57.storeland.net/haeder-bg.png) top right no-repeat; width: 358px; height: 80px; }4) Замените:
#content #mainindex .headline { background: url(http://shop57.storeland.net/headline-index-bg.jpg) top center no-repeat; width: 492px; }на
#content #mainindex .headline { display: none; background: url(http://shop57.storeland.net/headline-index-bg.jpg) top center no-repeat; width: 492px; }5) Замените:
a img { border: none; }на
a img { float: right; border: none; }
#3
Отправлено 29 Декабрь 2013 - 12:24
<body> <div id="backtop"> <div id="container">добавляем:
<div class="menuheader1"> <ul> <li style= "float:left;"><a href="http://xn--80akocfkodu7l.xn--p1ai/user/register" title="Регистрация в личном кабинете покупателя">Регистрация</a></li> <li><a href="http://xn--80akocfkodu7l.xn--p1ai/user/login " title="Вход в личный кабинет">Вход</a></li> </ul> </div>В main.css добавляем:
.menuheader1 { float: left; background: url(http://shop57.storeland.net/panel-bgx.png) repeat-x; width: 1000px; } .menuheader1 ul li { float: left; } a { padding: 10px 15px; display: block; font-size: medium; font: normal 14px Tahoma, Geneva,sans-serif; color: #646464; text-decoration: none; }
#5
Отправлено 29 Декабрь 2013 - 12:54
huligann (29 Декабрь 2013 - 12:51) писал:
1) вход и рег. сделать горизонтально с белым фоном как изначально шаблон был.
2) Метрику по середине сделать, командой center не вышло.
[font=Consolas, 'Lucida Console', monospace][size=3] [color=#888888][color=#222222].menuheader1[/color][/color] {[/size][/font][list] [*][color=#C80000]float[/color]: left; [*][color=#C80000]background[/color]: url([url="http://shop57.storeland.net/panel-bgx.png"]http://shop57.storeland.net/panel-bgx.png[/url]) repeat-x; [*][color=#C80000]width[/color]: 1000px; [/list][font=Consolas, 'Lucida Console', monospace][size=3] }[/size][/font] a { padding: 10px 15px; display: block; font-size: medium; font: normal 14px Tahoma, Geneva,sans-serif; color: #646464; text-decoration: none; }Добавьте:
.menuheader1 { float: left; background: url(http://shop57.storeland.net/panel-bgx.png) repeat-x; width: 1000px; } .menuheader1 ul li { float: left; } a { padding: 10px 15px; display: block; font-size: medium; font: normal 14px Tahoma, Geneva,sans-serif; color: #646464; text-decoration: none; }
#6
Отправлено 29 Декабрь 2013 - 13:00
@lina_va (29 Декабрь 2013 - 12:54) писал:
[font=Consolas, 'Lucida Console', monospace][size=3] [color=#888888][color=#222222].menuheader1[/color][/color] {[/size][/font][list] [*][color=#C80000]float[/color]: left; [*][color=#C80000]background[/color]: url([url="http://shop57.storeland.net/panel-bgx.png"]http://shop57.storeland.net/panel-bgx.png[/url]) repeat-x; [*][color=#C80000]width[/color]: 1000px; [/list][font=Consolas, 'Lucida Console', monospace][size=3] }[/size][/font] a { padding: 10px 15px; display: block; font-size: medium; font: normal 14px Tahoma, Geneva,sans-serif; color: #646464; text-decoration: none; }Добавьте:
.menuheader1 { float: left; background: url(http://shop57.storeland.net/panel-bgx.png) repeat-x; width: 1000px; } .menuheader1 ul li { float: left; } a { padding: 10px 15px; display: block; font-size: medium; font: normal 14px Tahoma, Geneva,sans-serif; color: #646464; text-decoration: none; }
Контакты теперь вниз убежали.
#7
Отправлено 29 Декабрь 2013 - 13:47
huligann (29 Декабрь 2013 - 13:00) писал:
Найдите код в main.css -
#header .blocks ul.telephone23 li { float: left; margin-left: 10px; }и замените на -
#header .blocks ul.telephone23 li { float: left; margin-left: 10px; margin-top: -33px; }
Далее найдите код в шаблоне HTML -
<div class="rght"> <ul style="height:60px;">и замените на -
<div class="rght"> <ul style="height:60px;position: absolute;top: 0;">
Далее найдите код в main.css -
#header .blocks .rght ul li.timework { font: bold 14px Verdana, Geneva, sans-serif; color: #f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width: 225px; padding-left: 0; margin-top: 19px; }и замените на -
#header .blocks .rght ul li.timework { font: bold 14px Verdana, Geneva, sans-serif; color: #f7f9fa; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3); width: 225px; padding-left: 0; margin-top: 90px; }
Результат на скриншоте
#9
Отправлено 29 Декабрь 2013 - 14:15
huligann (29 Декабрь 2013 - 13:59) писал:
Найдите код в 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; }и замените на -
#footer #main .menufooter { float: left; background: url({ASSETS_IMAGES_PATH}menufooter-bg.jpg) repeat-x; width: 627px; height: 39px; overflow: hidden; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
Далее в конец main.css добавьте код -
.schetchiki {float:left;}
Результат на скриншоте.
#10
Отправлено 29 Декабрь 2013 - 14:30
#12
Отправлено 31 Декабрь 2013 - 00:41
Количество пользователей, читающих эту тему: 0
0 пользователей, 0 гостей, 0 анонимных