Помогите с CSS под WordPress

12
S3
На сайте с 07.02.2014
Offline
1
1114

Добрый вечер! Ребят очень извиняюсь за нубо-вопрос, но кто поможет с адаптацией style.css под WP.

Сверстал HTML сайт, адаптировал его под WP, а CSS файл не работает:(

Изучил CSS стандартных тем, понял что нужно закомментировать некоторые строки.. Пробовал не чего не вышло...

Вот CSS файл -

/*
Theme Name: Autor
Theme URI: http://wordpress.org/themes/twentyeleven
Author: the WordPress team
Author URI: http://wordpress.org/
Description: Авторская тема для Novoselska.com.ua.
Version: 1.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: dark, light, white, black, gray, one-column, two-columns, left-sidebar, right-sidebar, fixed-width, flexible-width, custom-background, custom-colors, custom-header, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentyeleven
*/

/* =Reset default browser CSS.
-------------------------------------------------------------- */


html, body, div, blockquote, p, ul, ol, li, h1, h2, h3, h4, h5, h6, th, td {margin: 0;padding: 0; text-decoration:none;}
blockquote, ul, ol, dl {margin: 0;}
ol,ul,dl {margin-left: 0;}
div {
display: block;
}
th,td {padding: 0;}
p {margin: 0;}

img {border:none}
header,section,footer,aside,nav,article,figure{display:block;}
label {font-weight: 700;}
input {-webkit-appearance: none; -moz-appearance:none; border-radius:0; -webkit-border-radius:0; border: 1px solid #ddd;}
input, textarea {outline:none;}
textarea {resize:vertical;}
html { overflow-x: hidden; -webkit-appearance: none; -moz-appearance:none;}

input[type=text]:focus, textarea:focus{
border:#35a5e5 1px solid;
box-shadow: inset 0px 1px 5px rgba(62,61,61, 0.75), 0 0 3px rgba(81, 203, 238, 0.50);
-webkit-box-shadow: inset 0px 1px 5px rgba(62,61,61, 0.75), 0 0 3px rgba(81, 203, 238, 0.50);
-moz-box-shadow: inset 0px 1px 5px rgba(62,61,61, 0.75), 0 0 3px rgba(81, 203, 238, 0.50);
}
::-moz-selection {
background: #434343;
color: #ff0;
}

::selection {
background: #434343;
color: #ff0;
}

a, a:visited {
color:#272727;
}

a:active {color:#DB2B2B;}

.headC {
width: 100%;
height: 36px;
background: #3E3D3D url(images/headC.jpg) repeat-x left;
}
.headCC {
margin: 0 auto 0 auto;
text-align: center;
font-size: 14px;
color: #2da3ee;
line-height:34px;
}
.headCC a {
color:#ff0;
text-decoration:none;
}
.head {
height:87px;
--background:url(images/head_bg.jpg) repeat-x;
background-color:#37A0E3;

}
.head_con {
width: 910px;
margin:0 auto;
overflow:hidden;
}
.logo {
float:left;
}
.menu {
list-style:none;
float:right;
letter-spacing:0.3px;
}
.menu li {
float:left;
padding:35px 29px 0 0;
}
.menu li a{
font: 16px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none;
}
.menu li a:hover{
font: 16px Arial, Helvetica, sans-serif; color:#FFF; text-decoration:underline;
}
.heady {
width:920px;
margin:0 auto 0 auto;
}
.nadejda {
background: url(images/bg_form.jpg);
margin-bottom: 40px;
height: 465px;
}
.form {
position:relative;
top: 412px;
margin:0 auto 0 auto;
width: 755px;
height: 47px;
padding:8px 17px 0px 96px;
background: #3E3D3D url(images/strela.jpg) left top no-repeat;
border-radius:5px;
-moz-border-radius:5px;
-webkit-border-radius:5px;
box-shadow: 0px 5px 6px rgba(131,131,131, 1);
-moz-box-shadow: 0px 5px 6px rgba(131,131,131, 1);
-webkit-box-shadow: 0px 5px 6px rgba(131,131,131, 1);
}
.form input[type=text] {
background: #fff;
padding: 0 20px;
font-size:16px;
color:#000;
}

.main_form input[type=submit]:hover {
background-position: bottom;
}
.wf-input {
height:35px;
width:193px;
margin-right:21px;
border: 1px solid #dedcdc;
color: #37A0E3;
}
.wf-button {
height:37px;
width:232px;
background: #37A0E3 url(images/button_top.jpg) left top;
border:0;
font-size:18px;
color:#FFF;
cursor:pointer;
font-family:"PT Sans",sans-serif;
font-weight:bold;
letter-spacing:1px;
}
.wf-button:hover {
background:#4ABAFF url(images/button_top.jpg) left bottom;
}
.otzivy {
width: 917px;
height: 380px;
margin-top: 20px;
margin-bottom: 40px;
background: #F3F3F3;
border: 1px solid #dfdfdf;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
overflow: hidden;
}
.events_widget {
width:380px;
float:left;
margin:25px 30px;
border-left:1px solid #3D3D3D;
}
.event {
margin: -10px 0 10px 15px;
border-bottom-width: 2px;
border-bottom-style: solid;
border-bottom-color: #D8D8D8;
padding-bottom: 8px;
}

.events_widget h2{
font-size:20px;
font-family:"PT Sans",sans-serif;
font-weight:normal;
text-align:left;
padding:5px 13px;
background: #3D3D3D;
color:#FFF;
width:215px;
}
.feed_widget h2{
font-size:20px;
font-family:"PT Sans",sans-serif;
font-weight:normal;
text-align:left;
padding:5px 13px;
background: #3D3D3D;
color:#FFF;
width:80px;
}
.wrapper {
width: 920px;
margin: 0 auto 30px auto;
overflow: hidden;
}
.h2h {
font-size:20px;
font-family:"PT Sans",sans-serif;
font-weight:normal;
color:#FFF;
background: #37A0E3;
padding:5px 25px;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
width:602px;
margin-left:-17px;
}
.content_l {
width: 566px;
float: left;
padding: 0px 18px 20px 16px;
border: 1px solid #dfdfdf;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
overflow: hidden;
}
.index_post {
margin-bottom: 0px;
border-bottom: 1px dotted #CCC;
padding-bottom: 30px;
margin-top: 20px;
}
.index_post:last-child {
border-bottom: 0px dotted #CCC;
padding-bottom:10px;
}
.index_post_img {
float:left;
width:166px;
}
.index_post_info {
float:right;
width:385px;
text-align:justify;
}
.index_post_info h1 {
font-size:26px;
font-family:"PT Sans",sans-serif;
color: #282727;
font-weight:bold;

}
.index_post_info a {
text-decoration:none;
}
.index_post_info h2 {
font-size:14px;
font-family:"PT Sans",sans-serif;
color: #828282;
text-decoration:none;
margin:10px 0;
text-transform:none;
font-weight:normal;
}
.index_post_info h1:hover {
font-size:26px;
font-family:"PT Sans",sans-serif;
color: #2E9EE4;
font-weight:bold;
text-decoration:underline;
}
.index_post_info p {
font-size:14px;
line-height:22px;
margin-bottom:15px;
color: #404040;
font-family:"PT Sans",sans-serif;
}
.index_post_content {
margin: 0 0 0px 0;
}
.read_full {
background-color:#37a0e3;
font-family:"PT Sans",sans-serif;
font-weight:bold;
text-decoration:none;
padding:5px 7px;
}
.read_full:hover {
background-color:#4ABAFF;
}
.sidebar {
width: 285px;
float: right;
-padding: 0px 18px 20px 16px;
}
.search_main {
overflow:hidden;
margin:8px;
height:38px;

}
.search_txt {
width:204px;
height:34px;
border:1px solid #DFDFDF;
font-family:Verdana;
font-size:16px;
margin:0 2px 0 0;
padding:0 0 0 12px;
position:relative;
top:-12px;
}
.search_btn {
border:none;
}

.vidget {
border: 1px solid #dfdfdf;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
width: 99%;
}
.vidget h2 {
font-size:20px;
font-family:"PT Sans",sans-serif;
font-weight:normal;
color:#FFF;
background: #37A0E3;
padding:5px 30px;
text-align:left;
border-radius: 5px 5px 0 0;
-moz-border-radius: 5px 5px 0 0;
-webkit-border-radius: 5px 5px 0 0;
}
.vidget ul {
list-style:none;
padding:15px 25px;
margin-bottom:
}
.vidget ul li {
border-top:1px solid #d9dada;
padding:10px 0;
font-family:"PT Sans",sans-serif;
}
.vidget ul li a {
text-decoration:none;
}
.vidget ul li a:hover {
text-decoration:underline;
color:#37A0E3;
}
.vidget ul li:first-child {
border-top:none;
padding:0 0 10px 0;
}
.vidget ul li:last-child {
padding:10px 0 0 0;
}
.footer {
background: url(images/bg_fot.jpg) top center no-repeat;
overflow: hidden;
height: 538px;
margin-top: 80px;
}
.contentF {
width: 900px;
margin: 200px auto 0 auto;
float: right;
position: relative;
}
.forma-f {
width:249px;
margin:-25px 0 0 458px;
}
.fot-name {
width:229px;
height:44px;
margin-bottom:22px;
padding:0 0 0 20px;
border:none;
font-size:16px;
}
.fot-but {
border:none;
width:249px;
height:44px;
background:url(images/fot_but.jpg) top center no-repeat;
}
.fot-but:hover {
border:none;
width:249px;
height:44px;
background:url(images/fot_but.jpg) bottom center no-repeat;
}
.forma-f form input[type=text]:focus, textarea:focus{
border:#35a5e5 0px solid;
box-shadow: none;
-webkit-box-shadow: none;
-moz-box-shadow: none;
}
.footer_help {
width: 100%;
height: 60px;
background-color: #202020;
}

.footer_helpc {
text-align: center;
font-size: 14px;
font-family: Arial;
line-height:20px;
color: #FFF;
padding: 9px 0 0 0;
}
[Удален]
#1

Лучше приведи код из header.php темы, как подключается этот css

S3
На сайте с 07.02.2014
Offline
1
#2
ЭВТ-Юг:
Лучше приведи код из header.php темы, как подключается этот css

<link rel="stylesheet" href="<?php bloginfo('stylesheet_url'); ?>" type="text/css" media="screen" />

Файл style.css лежит в папке с header.php файлом

vlad00777
На сайте с 24.12.2009
Offline
119
#3

Убрать все из этого файла, потом вставить свои стили. Посмотреть все ли работает, если работает взять цсс файл из стандартной темы, открыть, найти куски которые отвечают за выравнивание, галерею и т.д (они выделены комментариями) и добавить в конец своего цсс.

Верстка. Качественно! Адаптивная, резиновая, с параллаксом и прочими плюшками. В ЛС.
[Удален]
#4

Как я понимаю, css вообще не подключается, а не конфликтует. В общем, два шага сделай:

1. В своей css для body пропиши background:#000;

2. В header.php явно задай путь к css (<link rel="stylesheet" href="http://www.САЙТ.ru/wp-content/themes/ТЕМА/style.css" type="text/css" media="screen" />

Станет весь сайт черным - css прицепилась. Если не получится, ICQ 8-178-914 ($)

S3
На сайте с 07.02.2014
Offline
1
#5
ЭВТ-Юг:
Как я понимаю, css вообще не подключается, а не конфликтует. В общем, два шага сделай:

1. В своей css для body пропиши background:#000;
2. В header.php явно задай путь к css (<link rel="stylesheet" href="http://www.САЙТ.ru/wp-content/themes/ТЕМА/style.css" type="text/css" media="screen" />

Станет весь сайт черным - css прицепилась. Если не получится, ICQ 8-178-914 ($)

Фон не изменился, но по коду на сайте пишет что CSS подключен, т.е. на файл CSS в исходном коде можно нажать и он открывается..

[Удален]
#6

Ссылку уже дай)

S3
На сайте с 07.02.2014
Offline
1
#7
ЭВТ-Юг:
Ссылку уже дай)

Вот блог, на данном этапе перевожу все под WP, но оформления все же нет.

http://novoselska.com.ua/blog/

S3
На сайте с 07.02.2014
Offline
1
#8
ЭВТ-Юг:
Ссылку уже дай)

Вот ссылка на блог http://novoselska.com.ua/blog/

Как видишь стили подключены, но не работают.

Мой скайп - Sahek32

Mad_Man
На сайте с 10.11.2008
Offline
162
#9
<meta name="generator" content="WordPress" 3.8.1"="" <link="" rel="stylesheet" href="http://novoselska.com.ua/blog/wp-content/themes/cool/style.css" type="text/css" media="screen">

Сам угадаешь или подсказать?

[Удален]
#10

Уже угадали, мистер бык.

12

Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий