Добавить колонку в ВП?

F
На сайте с 12.12.2009
Offline
41
532

Здравствуйте. Вот появилась потребность в создании дополнительной колонки на движке вордпресс. Методом "тыка" не получается. Получилось правда добавить эту колонку в виджеты и вывести ее в уже существующей колонке, но как сделать, чтоб она была в виде самостоятельной колонки - не знаю.

Вот моя цсс, вернее ее часть, дальше идет подвал:

body {

background-color:#4e4e4e;

background-image:url(images/bg.jpg);

text-align:left;

font-family: Garamond, Georgia, 'Times New Roman', Arial, Tahoma;

margin:0;

}

a {

color:#444444;

font-weight:bold;

text-decoration:underline;

}

a:hover {

color:#444444;

font-weight:bold;

text-decoration:none;

}

blockquote {

margin:0;

background-image:url(images/blockimage.jpg);

background-repeat:no-repeat;

background-position:0px 0px;

color:#000000;

padding:2px 43px 2px 33px;

font-style:oblique;

font-size:11px;

}

img {border:0px;}

h1 {

font-family: 'Arial Black';

font-size: 16px;;

}

h2 {

font-size:14px;

}

input {

color:#000000;

border:1px solid #000000;

background:#EEEEEE;

padding:0 3px 0 3px;

font-family:Georgia, Arial, Tahoma;

font-size:11px;

}

textarea {

color:#000000;

border:1px solid #000000;

background:#EEEEEE;

font-family:Georgia, Arial, Tahoma;

font-size:11px;

}

#searchform {

padding:0 3px 0 3px;

text-align:left;

}

#searchform Input {

color:#000000;

background:#EEEEEE;

padding:0;

font-family:Georgia, Arial, Tahoma;

font-size:11px;

}

#overall {

width:924px;

margin-right:auto;

margin-left: auto;

text-align:center;

}

#header {

width:924px;

height:164px;

background-position:0px 0px;

background-image:url(images/banner.jpg);

background-repeat:no-repeat;}

.header-title, .header-title a, .header-title a:hover {

padding:48px 10px 0px 10px;

text-align:center;

font-size:60px;

color:#000000;

font-family:Garamond, Georgia, 'Times New Roman', Arial;

text-decoration:none;

}

.header-text {

padding:15px 38px 0 27px;

width:880px;

font-size:14px;

font-family: Garamond, Georgia, 'Times New Roman', Arial;

color:#000000;}

.main-area {

margin:0 0 0 0px;

padding:0 0 0 15px;

width: 924px;

float:left;

background-position:0px 0px;

text-align:center;

background-repeat:repeat-y;

background-position:0px 0px;

text-align:left;

background-image:url(images/mainbodyimage.jpg);

}

.main-area2 {

margin:0 0 0 0px;

padding:0 0 0 100px;

width: 924px;

float:left;

background-position:0px 0px;

text-align:left;

background-image:url(images/mainbodyimage.jpg);

}

.main-area3 {

margin:0 0 0 0px;

padding:0 0 0 29px;

width: 924px;

float:left;

background-position:0px 10px;

text-align:center;

background-image:url(images/mainbodyimage.jpg);

}

#sidebar-left-area {

float:left;

width:160px;

margin:0;

padding:1px;

text-align:left;

position:relative;

}

#sidebar-left {

float:left;

width:160px;

margin:0px;

padding:0px;

text-align:left;

background:none;

font-family:Georgia, 'Times New Roman', Arial, Tahoma;

font-size:11px;

text-align:left;

color:#000000;

}

#sidebar-left ul {

margin:0px;

padding:0px;

margin-left:3px;

}

#sidebar-left ul ul{

margin:0px;

padding:0px;

margin-left:5px;

}

#sidebar-left a{

font-family:Georgia, 'Times New Roman', Arial, Tahoma;

font-size:11px;

color:#444444;

text-decoration:underline;

font-weight:bold;

padding: 0 0 0 5px;

}

#sidebar-left a:hover{

text-decoration:none;

font-weight:bold;

}

#sidebar-left ul ul li {

padding: 0 0 2px 15px;

background: url(images/bullet2.jpg) no-repeat 0 0.3em;

list-style:none;

}

#sidebar-left ul {

margin: 0;

list-style-type: none;

}

#sidebar-left h2 {

background-color:#000000;

font-size:12px;

font-weight:bold;

font-family:Garamond, Georgia, 'Times New Roman', Arial, Tahoma;

color:#FFFFFF;

padding:2px 4px 2px 0;

text-align:center;

letter-spacing: 2pt;

list-style:none;}

#sidebar-area {

float: left;

width: 160px;

margin: 0;

padding: 1px;

text-align: left;

position: relative;

overflow: hidden;

}

#sidebar {

float:left;

width:160px;

margin:0px;

padding:0px;

text-align:left;

background:none;

font-family: Georgia, "Times New Roman", Times, serif;

font-size:11px;

text-align:left;

color:#000000;

}

#sidebar ul {

margin:0px;

padding:0px;

margin-left:3px;

}

#sidebar ul ul{

margin:0px;

padding:0px;

margin-left:5px;

}

#sidebar ul ul li {

padding: 0 0 2px 15px;

background: url(images/bullet2.jpg) no-repeat 0 0.3em;

list-style:none;

}

#sidebar ul {

margin: 0;

list-style-type: none;

}

#sidebar h2 {

background-color:#000000;

font-size:12px;

font-weight:bold;

font-family:Garamond, Georgia, 'Times New Roman', Arial, Tahoma;

color:#FFFFFF;

padding:2px 4px 3px 0;

text-align:center;

letter-spacing: 2pt;

list-style:none;}

#classifieds

{

font-size:12px;

font-family:Garamond, Georgia, 'Times New Roman', Arial, Tahoma;

}

.content-area {

float:left;

width:550px;

margin:0 6px 6px 6px;

padding:3px;

text-align:justify;

position:relative;

}

Насколько я понял, .main-area - это и есть колонки, но как создать еще одну - не знаю, пробывал добавить .main-area4, но ничего не произошло.

Помогите, кто в этом разбирается. Еще добавлю, в хедере, в самом низу стоит только .main-area, а .main-area2-3 я нигде не нашел. Может так и надо, незнаю.

Кофейник
На сайте с 11.07.2009
Offline
78
#1

В твоем коде за бесплатно никто копаться не будет, давай ссылку на сайт, посмотрим куда и что воткнуть, если шаблон адекватно наверстан, скорее всего это не будет сложно.

http://immater1um.livejournal.com/ (http://immater1um.livejournal.com/)
F
На сайте с 12.12.2009
Offline
41
#2

Вот ссылка: http://v-magik.ru

Fool добавил 21.03.2010 в 16:16

Только мне не нужно расширять там шаблон, колонку нужно вставить именно за ним.

vandamme
На сайте с 30.11.2008
Offline
675
#3

есть такой плагин для мозиллы firebug - так в нем можно изменять код CSS и реально видеть изменения прямо на странице.

F
На сайте с 12.12.2009
Offline
41
#4

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

Fool добавил 21.03.2010 в 17:31

Глянул - не помогло ((

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