• Страница 1 из 1
  • 1
Шапка
Garik Оффлайн
Проверенный
0
Дата: Четверг, 2015-07-02, 23:22 | Сообщение # 1
Нужна шапка с шаблона №2001, только верхняя часть, которая черная. устанавливать буду за месть родной шаблона №1322.
Требуется инструкция.
+ Мне нужно что бы это меню было как на 4pda.ru то есть листая страницу было всегда вверху.


Сообщение отредактировал Garik - Четверг, 2015-07-02, 23:38
Профиль
Markella Оффлайн
Проверенный
38
Дата: Четверг, 2015-07-02, 23:27 | Сообщение # 2
В интернете есть куча видео-уроков. Расписывать не вижу смысла...

Смотришь сериалы? Заходи на Serials List!
Профиль
MSerega Оффлайн
Проверенный
92
Дата: Четверг, 2015-07-02, 23:44 | Сообщение # 3
Цитата Garik ()
Нужна шапка с шаблона №2001, только верхняя часть, которая черная. устанавливать буду за месть родной шаблона №1322.
Требуется инструкция.
+ Мне нужно что бы это меню было как на 4pda.ru то есть листая страницу было всегда вверху.

Присвойте блоку
Код
position: fixed;

и будет вам при пролистовании всегда сверху.


Помог? Ставь или поддержи проект.
Профиль
Markella Оффлайн
Проверенный
38
Дата: Четверг, 2015-07-02, 23:51 | Сообщение # 4
Вот так долбани:
Код
body { background-image: url('/fon.jpg');
background-attachment:fixed;  
background-repeat: no-repeat;
background-position: top center;  
background-size: cover;
}


Смотришь сериалы? Заходи на Serials List!
Профиль
Garik Оффлайн
Проверенный
0
Дата: Пятница, 2015-07-03, 00:24 | Сообщение # 5
Не совсем понял в какую строчку и это дописать? Понял что это в CSS а куда?

Добавлено (03.07.2015, 00:24)
---------------------------------------------
Вот мой код CSS верхушка
Код
@font-face {
font-family:'PT Sans';
src:url('/.s/t/1322/fonts/PTS55F_W.eot');
src:url('/.s/t/1322/fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'),
url('/.s/t/1322/fonts/PTS55F_W.woff') format('woff'),
url('/.s/t/1322/fonts/PTS55F_W.ttf') format('truetype'),
url('/.s/t/1322/fonts/PTS55F_W.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}
img,object,iframe,audio,video,table {max-width:100%;}
body {background:#eceff3;margin:0;padding:0!important;font-size:13px;font-family:Tahoma,Geneva,sans-serif;color:#5e6d81;}
img,form {border:0;margin:0;}
a,input {outline:none;}
a {color:#1abc9c;text-decoration:none;}
a:hover {text-decoration:underline;}
h1,h2, h3, h4, h5, h6 {font-weight:normal;margin:5px 0;padding:0;}
h1 {font-size:26px;}
h2 {font-size:21px;}
h3 {font-size:19px;}
h4 {font-size:17px;}
h5 {font-size:15px;}
h6 {font-size:13px;}
ul {list-style:square;}
hr {clear:both;border:none;border-bottom:1px solid #dbe1e8;padding:10px 0 0;margin:0 0 10px;}
iframe, object, embed {max-width: 100%;}
.clr {clear:both;}
.wrapper {margin:0 auto;padding:0 10px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.site-n a,#catmenu li a {-webkit-transition:all 0.15s ease-out;-moz-transition:all 0.15s ease-out;-ms-transition:all 0.15s ease-out;-o-transition:all 0.15s ease-out;transition:all 0.15s ease-out}

#header {padding:30px 0 0;}
.head-l {float:left; width:73%; padding:0 0 33px;}
.head-r {float:right; width:25%;}
.site-n {word-wrap: break-word;-ms-word-break: break-word;word-break: break-word;display: inline-block;}
.site-n,.site-n a {font-size:36px; text-transform:uppercase; color:#5e6d81;font-family:'PT Sans';}
.site-n a:hover {text-decoration:none;color:#f27935;}
#sch-box {padding:10px 0 0;}
#sch-box .search-box {position:relative;height:30px;overflow:hidden;padding:0 40px 0 10px;background:#ffffff;text-decoration:none;}
#sch-box .queryField {width:100%;background:none;border:none;padding:0;margin:0;height:30px;line-height:30px;color:#999;}
#sch-box .searchSbmFl {position:absolute;right:0;top:0;cursor:pointer;padding:0;margin:0;width:30px;height:30px;border:none;background:#f27935 url(/.s/t/1322/sch.png) 50% 50% no-repeat;white-space:nowrap;text-indent:150%;overflow:hidden;}
#sch-box .searchSbmFl:hover {background-color:#1abc9c;}
#catmenu,.sidetitle {background:#1abc9c; position:relative; width:100%; padding:0 10px; margin:0 0 0 -10px;}
#catmenu:before,#catmenu:after,.sidetitle:before,.sidetitle:after {content:'';width:0;display:block; position:absolute; bottom:-10px;height:0;border-top:10px solid #0c9076;border-left:10px solid transparent;}
#catmenu:before,.sidetitle:before {left:0;}
#catmenu:after,.sidetitle:after {right:0;}
#catmenu:after,.sidetitle:after {border-left:none;border-right:10px solid transparent;}
.marked .sidetitle:after,.marked .sidetitle:before {border-top-color:#bf602a;}
#catmenu ul,#catmenu li {padding:0;margin:0;list-style:none;}
#catmenu li {padding:0 1px 0 0;float:left;}
#catmenu li a {display:inline-block;height:50px;line-height:50px;padding:0 20px;text-transform:uppercase;font-size:13px;color:#fff;font-family:'PT Sans';}
#catmenu li a:hover,#catmenu li a.uMenuItemA,#catmenu li.uWithSubmenu:hover > a {color:#fff;background:#16a085;text-decoration:none;}
#catmenu li.uWithSubmenu {position:relative;}
#catmenu ul ul {display:none;}
#catmenu li.uWithSubmenu:hover > ul {display:block;}
#catmenu ul ul {position:absolute;z-index:10;width:220px;top:50px;left:0;padding:13px 0;background:#16a085;}
#catmenu ul ul ul {top:0;left:220px;border-top:none;}
#catmenu ul ul li {float:none;padding:0 10px;}
#catmenu ul ul li a,#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {display:block;padding:7px 10px;height:auto;line-height:normal; margin:0 0 1px;font-size:11px;color:#fff;}
#catmenu ul ul li a:hover,#catmenu li li a.uMenuItemA,#catmenu li li.uWithSubmenu:hover > a {background:#1abc9c;}
.nav-head,#catmenu li.uWithSubmenu em {display:none;}
.nav-head {padding:12px 20px;position:relative;font-size:25px;line-height:normal;text-transform:uppercase;color:#fff;cursor:pointer;background:#1abc9c;font-family:'PT Sans';}
.nav-head a {color:#fff;text-decoration:none;}
.nav-head .icon {position:absolute;width:40px;right:20px;top:14px;}
.nav-head .icon span {display:block;height:4px;background:#fff;margin:2px 0 0;}
#catmenu li.uWithSubmenu em {position:absolute;font-size:16px;width:24px;height:24px;line-height:24px;right:0;top:5px;font-style:normal;text-align:center;cursor:pointer;color:#fff;}
#catmenu li.uWithSubmenu ul em {display: inline-block;}


Сообщение отредактировал Garik - Пятница, 2015-07-03, 00:25
Профиль
Markella Оффлайн
Проверенный
38
Дата: Пятница, 2015-07-03, 08:24 | Сообщение # 6
Ну в body допиши, что ж тут не ясного. И картинку свою загрузи.

Смотришь сериалы? Заходи на Serials List!
Профиль
MSerega Оффлайн
Проверенный
92
Дата: Пятница, 2015-07-03, 12:32 | Сообщение # 7
Garik, вот так.
Код
@font-face {
font-family:'PT Sans';
src:url('/.s/t/1322/fonts/PTS55F_W.eot');
src:url('/.s/t/1322/fonts/PTS55F_W.eot?#iefix') format('embedded-opentype'),
url('/.s/t/1322/fonts/PTS55F_W.woff') format('woff'),
url('/.s/t/1322/fonts/PTS55F_W.ttf') format('truetype'),
url('/.s/t/1322/fonts/PTS55F_W.svg#webfont') format('svg');
font-weight: normal;
font-style: normal;
}

body { background-image: url('/fon.jpg');
background-attachment:fixed;   
background-repeat: no-repeat;
background-position: top center;   
background-size: cover;
}


Помог? Ставь или поддержи проект.
Профиль
Garik Оффлайн
Проверенный
0
Дата: Пятница, 2015-07-03, 14:32 | Сообщение # 8
Цитата MSerega ()
Garik, вот так.

Ничего не произошло
Профиль
  • Страница 1 из 1
  • 1
Поиск: