Прочитал FAQ.
Но так и не смог решить свою проблему.
Стоит тема Vistered Little http://themes.mywordpress.ru/view/Vistered+Little
2 Проблемы которые не смог решить.
1Head
Шапку заполняет файл который 1×127 . Он черного цвета и заполняет шапку .
Но мне нужно вставить целое изображение которое будет 1024×127 и которое будет отоброжаться на всех разрешениях монитора (Не будет ломаться, обрезаться) а будет под разрешение монитора и которое не будет заполняться как файл 1×127 а будет такое какое я поставил.
Сам файл Style.css
Theme Name: Vistered Little
Theme URI: http://vistered.scarylittlemonkey.com/
Description: A glass-like interface with drag and drop "wallpaper" support.<br /> Drag a JPG file into the wallpapers folder and a thumbnail is generated for you.<br />Multiple user selectable "skins" and support for ALL major browsers.
Version: 1.6
Author: Nik Iliadis
Author URI: http://scarylittlemonkey.com/
*/
/* Begin Generic and body styles. */
* {
margin: 0px;
padding: 0px;
font-family: "verdana", sans-serif;
}
body {
font-size: 16px;
margin: 0px;
padding: 0px;
}
a:link, a:active, a:visited {
text-decoration: none;
}
a:hover {
}
a img {
border: 0px;
}
#header {
width: 100%;
height: 107px;
padding: 0px 0px;
}
h1>a {
margin-left: 10px;
font-size: 1em;
font-weight: normal;
font-family: "Trebuchet MS", sans-serif;
letter-spacing: -.1em;
}
h1 a:link, h1 a:active, h1 a:visited, h1 a:hover {
}
.left {
float: left;
font-size: 1.1em;
}
.right {
float: right;
font-size: 1.1em;
}
.clear {
clear: both;
height: 0px;
overflow: hidden;
}
label {
font-size: .8em;
}
#browserwarning {
width: 400px;
padding: 10px;
font-size: .6em;
background: #000;
margin: -35px auto 0px auto;
border: 1px dashed #ff0000;
text-align: justify;
display: none;
}
.wallpaper {
width: 20px;
height: 20px;
display : block;
float: left;
margin: 10px 0px 0px 20px;
}
#bodyowner {
width: 740px;
margin: 0px auto;
}
#search {
width: 110px;
padding: 0px;
margin-right: 15px;
}
#search label {
font-size: .6em;
}
#s {
width: 110px;
background: transparent;
padding: 2px;
font-size: .6em;
}
code {
margin: 5px;
overflow: auto;
padding: 3px;
font-size: .9em;
display: block;
}
#topmenu {
position: absolute;
text-align: right;
top: 63px;
right: 10px;
font-size: .8em;
}
#topmenu a {
background: url('images/star.png') left center no-repeat;
padding-left: 13px;
margin-left: 10px;
}
#topment a:after {
content: " ";
}
/* END */
/* Begin Blog and comment styles. */
#contentcontainer {
font-size: .7em;
width: 432px;
float: left;
}
.blog {
margin: 0px;
padding: 0px 35px;
width: 422px;
overflow: hidden;
}
.blogbefore {
height: 32px;
width: 492px;
margin: 10px 0px 0px 0px;
overflow: hidden;
}
.blogafter {
height: 32px;
width: 492px;
margin: 0px 0px 10px 0px;
overflow: hidden;
}
#contentcontainer p {
text-align: justify;
padding: 5px;
}
#contentcontainer p.headertext {
text-align: left;
font-size: .9em;
}
#contentcontainer p.footertext {
text-align: right;
font-size: .9em;
}
#contentcontainer h3 {
font-size: 1.6em;
text-align: left;
font-weight: normal;
}
#contentcontainer ol {
margin: 5px 30px;
}
#contentcontainer ul {
margin: 5px 15px;
}
#contentcontainer ul li {
list-style-type: none;
background: url('images/star.png') 0px 2px no-repeat;
padding-left: 13px;
}
#contentcontainer h3>a {
display: block;
width: 100%;
}
.blog blockquote {
margin: 5px 15px;
padding: 3px;
font-size: .9em;
}
#comment {
display: block;
width: 360px;
background: transparent;
padding: 5px;
margin: 10px auto;
font-size: .9em;
}
#inputcontainer {
width: 366px;
margin: 10px auto;
}
#namefield {
display: block;
float: left;
width: 110px;
margin-right: 15px;
}
#emailfield {
display: block;
float: left;
width: 110px;
margin-right: 15px;
}
#urlfield {
display: block;
float: left;
width: 110px;
}
#namefield input, #emailfield input, #urlfield input {
width: 110px;
background: transparent;
padding: 2px;
font-size: .8em;
}
#submitter {
clear: both;
text-align: center;
}
#submitter input {
display: block;
width: 150px;
margin: 10px auto;
}
.blog img {
max-width: 362px;
}
/* END */
/* Begin Menu styles */
#menucontainer {
width: 233px;
float: right;
font-size: .6em;
}
.menu {
margin: 0px;
padding: 0px 35px;
width: 163px;
}
.menubefore {
height: 32px;
width: 233px;
margin: 10px 0px 0px 0px;
overflow: hidden;
}
.menuafter {
height: 32px;
width: 233px;
margin: 0px 0px 10px 0px;
overflow: hidden;
}
#menucontainer p, #menucontainer ul {
text-align: justify;
padding: 3px;
list-style-type: none;
}
#menucontainer ul#links {
padding: 0px;
}
#menucontainer ul ul {
padding: 0px 10px;
}
#menucontainer ul#links ul {
padding: 3px;
}
#menucontainer h3, #wp-calendar caption, #menucontainer h2 {
font-size: 1.6em;
text-align: left;
font-weight: normal;
background: url('images/bigstar.png') left center no-repeat;
padding-left: 16px;
}
#wp-calendar {
width: 90%;
margin: 0px auto;
text-align: center;
}
.menu p.links>a, .menu ul li {
background: url('images/star.png') 0px 2px no-repeat;
padding-left: 12px;
line-height: 12px;
}
ul#links>li {
list-style-type: none;
margin: 0px;
padding: 0px;
}
.feedicon {
margin-top: 4px;
}
/* END */Здесь шапка
#header {
width: 100%;
height: 107px;
padding: 0px 0px;
}
Делал все что написано в FAQ не помогло 🙁 Помогло токо если поставить изображение 1280×127 То шапка на весь монитор(учитывая что на мониторе 1280×1024) Если поставить разрешение 1024×768 то шапка обрезается по краям.
Как сделать что бы изображение было 1280×127 И подходило под все остальные разрешения мониторов И не заполнялось как файл 1×127?
2Wallpaper
Это то же относиться к файлу Style.css Это квадратики которые находятся с лево они меняют фон сайта,
вот он сам
.wallpaper {
width: 20px;
height: 20px;
display : block;
float: left;
margin: 10px 0px 0px 20px;
}
поменять их расположение размер можно но как их закрепить в определеном месте что бы при любом изменении разрещения монитора они не сдвигались а остовались в определенном месте?
