- Поисковые системы
- Практика оптимизации
- Трафик для сайтов
- Монетизация сайтов
- Сайтостроение
- Социальный Маркетинг
- Общение профессионалов
- Биржа и продажа
- Финансовые объявления
- Работа на постоянной основе
- Сайты - покупка, продажа
- Соцсети: страницы, группы, приложения
- Сайты без доменов
- Трафик, тизерная и баннерная реклама
- Продажа, оценка, регистрация доменов
- Ссылки - обмен, покупка, продажа
- Программы и скрипты
- Размещение статей
- Инфопродукты
- Прочие цифровые товары
- Работа и услуги для вебмастера
- Оптимизация, продвижение и аудит
- Ведение рекламных кампаний
- Услуги в области SMM
- Программирование
- Администрирование серверов и сайтов
- Прокси, ВПН, анонимайзеры, IP
- Платное обучение, вебинары
- Регистрация в каталогах
- Копирайтинг, переводы
- Дизайн
- Usability: консультации и аудит
- Изготовление сайтов
- Наполнение сайтов
- Прочие услуги
- Не про работу
Авторизуйтесь или зарегистрируйтесь, чтобы оставить комментарий
Здравствуйте. Вот появилась потребность в создании дополнительной колонки на движке вордпресс. Методом "тыка" не получается. Получилось правда добавить эту колонку в виджеты и вывести ее в уже существующей колонке, но как сделать, чтоб она была в виде самостоятельной колонки - не знаю.
Вот моя цсс, вернее ее часть, дальше идет подвал:
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 я нигде не нашел. Может так и надо, незнаю.
В твоем коде за бесплатно никто копаться не будет, давай ссылку на сайт, посмотрим куда и что воткнуть, если шаблон адекватно наверстан, скорее всего это не будет сложно.
Вот ссылка: http://v-magik.ru
Fool добавил 21.03.2010 в 16:16
Только мне не нужно расширять там шаблон, колонку нужно вставить именно за ним.
есть такой плагин для мозиллы firebug - так в нем можно изменять код CSS и реально видеть изменения прямо на странице.
Сейчас гляну, но я совсем не разбираюсь в цсс, я лишь могу смотреть где какой класс вызывается и что-то делать по аналогии, но не более...
Fool добавил 21.03.2010 в 17:31
Глянул - не помогло ((