WEBLEDI.RUВебледи Форум успешных женщин-вебмастеров
26 Май 2017, 10:32:04 *
Добро пожаловать, Гость. Пожалуйста, войдите или зарегистрируйтесь.

Войти
Правила Реклама
 
5
10
15
Свежие ответы
от vsemaykiadmin (CPA-сети)
от Shrem (Раскрутка сайтов в поисковиках)
от KeyAssort (Сервисы и SEO программы)
от lyalechka (Контент, копирайтинг, переводы)
от DreamSupport (Реклама и доход)
от lx19912411 (Платное размещение статей и ссылок)
от Kludge (Работа и услуги)
от PeterS (Особенности работы с разными CMS)
от HostiMan (Хостинг)
от vkoksmm1 (SMM для сайта)
от Athina (Продвижение, SEO)
от SvetikUA (Сайты)
от Loria (Google AdSENSE)
от fler (Дизайн)
от polyakovka (Новичку)
Свежие темы
Показать ещё
  Печать  
Страниц: 1
Автор

Тема: Как расширить сайдбары?  (Прочитано 2160 раз)

0 Пользователей и 1 Гость смотрят эту тему.
jess
Offline Offline

Пол: Женский
Сообщений: 440



Просмотр профиля
« : 17 Август 2010, 17:48:22 »

Девочки и мальчики,
кто знает, где и что именно нужно прописать в коде, чтобы расширить боковые сайдбары и тем самым сузить body?

Заранее спасибо! Целующий
Записан

Территория успешных женщин - узнай все секреты успеха.
craft
Offline Offline

Пол: Женский
Сообщений: 1972


Мясоооо!


Просмотр профиля WWW
« Ответ #1 : 17 Август 2010, 17:59:48 »

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

jess
Offline Offline

Пол: Женский
Сообщений: 440



Просмотр профиля
« Ответ #2 : 17 Август 2010, 18:56:05 »

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

Отправила в личку Улыбка
Записан

Территория успешных женщин - узнай все секреты успеха.
craft
Offline Offline

Пол: Женский
Сообщений: 1972


Мясоооо!


Просмотр профиля WWW
« Ответ #3 : 17 Август 2010, 21:40:46 »

Поищи либо в самом теле шаблона, либо в template.ccs следующие строки, там после них идет процентное соотношение 31% на пустоту, 69% на сайдбар, плюс позиции выравнивания слева-справа. Поиграйте с этими данными, но на всякий случай сделайте копию. (у меня тут куча непонятного кода вписалась почему то, но в принципе по названию картинок тоже можно поискать)

Цитировать
<td width="261" valign="top" bgcolor="#ffffff" background="http://www.ladyexpo.ru/templates/iv/t.jpg" align="right" rowspan="2">
<table height="71" width="100%" cellspacing="0" cellpadding="0" border="0" id="table34">
<tbody><tr>
<td valign="top" background="http://www.ladyexpo.ru/templates/iv/images/m-p.jpg" align="right"><table width="100%" cellspacing="0" cellpadding="0" border="0" id="table34">
<tbody><tr>
<td height="50" colspan="2">
<table width="100%" cellspacing="0" cellpadding="0" border="0" id="table35">
<tbody><tr>
<td>
<img height="69" width="261" border="0" src="http://www.ladyexpo.ru/templates/iv/r-3.jpg"></td>
</tr>
</tbody></table>
</td>
</tr>
<tr>
<td width="31%">
<table width="80" border="0" id="table36">
<tbody><tr>
<td>&nbsp;</td>
</tr>
</tbody></table>
</td>
<td width="69%" valign="top" bgcolor="#f8dcf3" align="left">      
<!-- BEGIN: RIGHT COLUMN -->
      <div id="ja-col2">
      
</tbody></table>

<table width="100%" cellspacing="0" cellpadding="0" border="0" id="table32">
<tbody><tr>
<td width="31%" rowspan="2">&nbsp;<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p>
<p>&nbsp;</p></td>
<td width="179" bgcolor="#f8dcf3">

      
<p>                           </p><div id="Mod29" class="jamod module">
         <div>
            <div>
               <div>
                                                      <h3 class="show"><span>Случайная новость</span></h3>
                                    <div class="jamod-content">


<table class="contentpaneopen">
   <tbody><tr>
      <td valign="top"><p style="margin: 0cm 0cm 0pt;" class="MsoNormal"><span style="color: rgb(0, 0, 0);"><span style="font-family: Verdana; font-size: 9pt;"></span></span></p>
<p style="text-align: justify;">На сегодняшний день, когда в мире&nbsp;происходит массовое сокращение рабочих мест, очень легко оказаться уволенным. Такое неожиданное решение начальника может легко загнать в угол даже самого перспективного работника. Но что же делать, если вы оказались в числе уволенных сотрудников? Прежде всего, не впадайте в панику и депрессию, так как вы не первая и не последняя, с кем это случается.</p>
<p>&nbsp;</p>
</td>
   </tr>
   <tr>
        <td valign="top">

       <a href="/naemnaja-rabota/58-chto-delat-esli-vy-poterjali-rabotu-v-krizis" class="readmore">Подробнее ...</a>      </td>
     </tr>
</tbody></table>
</div>
               </div>
            </div>
         </div>
      </div>
   

<td width="179" bgcolor="#f8dcf3" align="left">
<img border="0" src="http://www.ladyexpo.ru/templates/iv/U1.jpg"></td>
</tr>
</tbody></table>
<p>&nbsp;</p>
Записан

jess
Offline Offline

Пол: Женский
Сообщений: 440



Просмотр профиля
« Ответ #4 : 18 Август 2010, 23:48:07 »

Спасибо, попробую! Улыбка
Записан

Территория успешных женщин - узнай все секреты успеха.
koshka1928
Всё в моих руках...а что не в моих руках, то у моих ног.
Offline Offline

Пол: Женский
Сообщений: 579



Просмотр профиля WWW
« Ответ #5 : 11 Сентябрь 2010, 12:15:59 »

У меня такая же проблема - не могу расширить сайдбары. может не там исправляла? Вообще ничего не меняется на сайте, после исправления CSS. Craft помоги и мне.
Записан

craft
Offline Offline

Пол: Женский
Сообщений: 1972


Мясоооо!


Просмотр профиля WWW
« Ответ #6 : 11 Сентябрь 2010, 13:07:47 »

ссылочку дай, посмотрю
Записан

koshka1928
Всё в моих руках...а что не в моих руках, то у моих ног.
Offline Offline

Пол: Женский
Сообщений: 579



Просмотр профиля WWW
« Ответ #7 : 11 Сентябрь 2010, 13:43:18 »

У меня пока на локальном сервере. Вот код:
/*****************************/
/*** Core html setup stuff ***/
/*****************************/

html {
  height: 100%;
  margin-bottom: 1px;
}

form {
  display:inline;
}

body {
   margin: 0px 0px 0px 0px;
   width: 100%;
   display: table;
   background:url(../images/bg_page.png) top repeat-x #FFE382;
}

body, td{
   font-family: "Trebuchet MS";
   font-size: 13px;
   color: #333;
   line-height: 1.3em;
}

a:link, a:visited {
   text-decoration: none;
   font-weight: normal;
}

a:hover {
   text-decoration: underline;
   font-weight: normal;
}

input.button { cursor: pointer; }

p { margin-top: 0; margin-bottom: 5px; }

img { border: 0 none; margin:0px; }

/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
#page_bg {
   padding: 0px;
   margin: 0px;
   margin-bottom: 0px;
}

div#top_menu{
   height:54px;
   margin:0px auto;
   width: 980px;
}

#topnav{ height: 54px; width:980px; margin: 0px; padding:0px; font-weight: bold; }
#topnav ul { margin: 0px 0px 0px 11px; padding: 0; width: auto; float: left; list-style-type:none; }
#topnav ul li{ margin: 0; padding: 0; height: 54px; float: left; position: relative; }
#topnav ul li a{ color: #FFFFFF; font-weight: bold; text-decoration: none; padding: 14px 10px 0px 10px; height:40px; display: block; float: left; }
#topnav ul li a:hover{ background-color: #444444; text-decoration: none; font-weight: bold; color: #fff; }
#topnav ul li ul ul { margin: -50px 0 0 11em; }
#topnav ul li li { width:auto; height: 35px; }
#topnav ul li li a { color: #000000; text-transform: none; display: block; background: none; width: 277px; border-top: 1px solid #DDDDDD; border-left: 0px; padding: 9px 10px 6px 10px; height:20px; }
#topnav ul li li a:hover{ background: none; background-color: #333333; left: 0; width: 277px; padding: 9px 10px 6px 10px; height:20px; border-top: 1px solid #DDDDDD; }
#topnav ul li ul { left: -999em; top: 54px; left: 0; display: block; height: 36px; width: 277px; position: absolute; z-index: 99; left: -999em; clear: left; margin-top: 0px; margin-left: 0px; }
#topnav ul li:hover ul ul, #topnav ul li:hover ul ul ul { left: -999em; }
#topnav ul li:hover ul, #topnav ul li li:hover ul, #topnav ul li li li:hover ul { left: auto; }

div#main_bg{
   margin:0px auto;
   width: 978px;
   text-align:left;
}

div.banner1{
   background: #FFF url(../images/banner1.jpg) top center no-repeat;
}

div#h_area{
   margin:0px auto;
   width: 964px;
   height:280px;
   text-align:left;
   padding-left:14px;
   padding-top:10px;
}


.logo{
   display: block;
   float:left;
   padding-top:5px;
   margin-bottom:10px;
   margin-left:10px;
   width:600px;
}
a.logo,a.logo:link,a.logo:hover, a.logo:visited{
   font-size:26px;
   line-height: 58px;
   color:#FFFFFF;
   text-decoration:none;
   font-weight:bold;
   font-family:"Trebuchet MS",Arial;
}

div#user4{
   float:right;
   text-align:left;
   margin-right: 20px;
}

div#user4 div.search{
   width:220px;
   height:46px;
   text-align:left;
   padding-top: 5px;
   background: url(../images/search_bg.gif) top left no-repeat;
}
div#user4 div.search .inputbox {
   background:#FFFFFF;
   width: 150px;
   height: 16px;
   margin-left: 60px;
   font-size: 11px;
   color: #454545;
   padding:5px 2px 2px 2px;
   border: 1px solid #D3D3D3;
}

div#main_top table.contentpaneopen{
   padding:0px;
   margin-top:40px;
   margin-left:32px;
   width:400px;
   height:164px;
   overflow: auto;
   text-align:left;
   color:#000;
   float:left;
}
div#main_top table.contentpaneopen td{
   color:#000;
}

div.box1, div.box2, div.box3, div.box4{
   margin:0px auto;
   width:948px;
   height:195px;
   padding:0px;
}


.search {
   text-align:left;
   width: 156px;
   height:43px;
}
.search .inputbox {
   background:#FFFFFF;
   width: 156px;
   height: 17px;
   font-size: 11px;
   color: #454545;
   margin:9px 0px 0px 20px;
   border: 1px solid #D3D3D3;
}


#leftcolumn{
   margin-left:9px;
   padding:0px;
   width:205px;
   float:left;
}
#rightcolumn{
   margin-right:9px;
   padding:0px;
   width:205px;
   float:right;
}

#maincolumn{
   width:530px;
   float:left;
   margin:0px 5px 0px 5px;
   padding:0px;
   overflow:hidden;
}
#maincolumn_middle{
   width: 740px;
   float:left;
   margin:0px 5px 0px 5px;
   padding:0px;
   overflow:hidden;
}
#maincolumn_big{
   width: 967px;
   float:left;
   margin:0px 5px 0px 5px;
   padding:0px;
   overflow:hidden;
}

div.path{
   margin:10px 0 0 0px;
   padding: 5px;
   padding-left:30px;
   background:url(../images/breadcrumbs_bg.png) top left no-repeat;
}

div.nopad {
   float:left;
   padding:0 0px 15px 0px;
}

div.nopad ul {
   clear: both;
}
.article_separator {
   height:35px;
   line-height:35px;
}
form#form-login fieldset {
   border: none;
   margin: 0;
   margin-left:10px;
}
form#form-login ul li{
   padding: 0;
}

form#form-login ul li a {
   text-align: left;
   padding: 0px;
   font-size: 10px;
   color: #858585;
}

#leftcolumn div.module_menu, #leftcolumn div.module{
   margin: 10px 0px 0px 0px;
   padding:0px;
   width: 405px;
}
.article_column {
   padding-right:10px;
}
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
   margin: 10px 2px 2px 2px;
   padding: 0px;
   width: 205px;
}
div.bannergroup_text {
   margin:0px 13px 15px 13px;
}
.bannerheader {
   font-weight:bold;
   margin-bottom:10px;
}
.banneritem_text {
   margin-bottom:10px;
}
.bannerfooter_text {
   margin-bottom:10px;
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div div,
#rightcolumn div.moduletable_menu, #rightcolumn div.moduletable, #rightcolumn div.moduletable_text{
   background: url(../images/rub_bottom.png) center bottom no-repeat;
}
#leftcolumn div.module_menu  div div div, #leftcolumn div.module div div{
   margin: 0px;
   padding: 0px;
   padding-bottom:5px;
   width: 205px;
   height:auto;
}

#leftcolumn div.module_menu div div div div, #leftcolumn div.module div div div div{
   background: none;
   padding:4px 8px;
}
#leftcolumn h3,
#rightcolumn h3{
   text-align: left;
   padding-left:30px;
   height: 50px;
   width: 350px;
   line-height: 40px;
   color:#FFFFFF;
   font-size:50px;
   margin:0px;
   font-weight:bold;
}
table.poll thead td {
   text-align: left;
   padding-left:10px;
}
table.poll td {
   text-align: left;
}
#leftcolumn ul.menu li ul{
   list-style: none;
}
.pollstableborder {
   margin: 5px 0px 10px 0px;
}
.poll td div{
   display:inline;
}

/* forms */

#leftcolumn .moduletable ul,
#rightcolumn .moduletable ul {
   margin: 6px 0;
   padding: 0;
   list-style: none;
}

#leftcolumn .moduletable ul li,
#rightcolumn .moduletable ul li {
   margin: 0;
   padding: 0 2px;
}
.moduletable ul {
   padding:5px 10px 5px 12px;
   margin:0px;
}

.moduletable ul li {
   padding:0px 10px 5px 15px;
   margin:0px;
   line-height:18px;
}
#leftcolumn ul.menu li#current ul li,
#rightcolumn ul.menu li#current ul li {
   margin: 0px;
   padding: 0px;
}
ul.menu {
   padding:5px 10px 5px 12px;
   margin:0px;
}
ul.menu li{
   padding:0px 10px 5px 15px;
   margin:0px;
}

ul.menu li ul {
   padding:0px 0px 5px 0px;
   margin:0px;
}
ul.menu li ul li{
   padding:0px 0px 0px 15px;
   border:none;
}
ul.menu li#current ul li a{
   margin-left:15px;
   text-decoration:none;
}
ul.mostread {
   padding:5px 10px 5px 12px;
   margin:0px;
}
ul.mostread li{
   padding:0px 10px 5px 15px;
   margin:0px;
   line-height:18px;
}
ul.latestnews {
   padding:5px 10px 5px 12px;
   margin:0px;
}
ul.latestnews li{
   padding:0px 10px 5px 15px;
   margin:0px;
   line-height:18px;
}
div.componentheading{
   font-size:16px;
   font-size:19px;
   margin:7px auto;
}
td.contentheading{
   font-weight:normal;
   vertical-align:top;
   font-size:19px;
   height:30px;
   color:#007fff;
   background: url(../images/contentheading_ico.png) left top no-repeat;
}
table.contentpaneopen td.contentheading{
   padding-left:34px;
}
table.contentpaneopen{
   border-collapse: collapse;
   margin-left:5px;
}
td.buttonheading{
   padding:0px 2px 0px 2px;
}
table.contentpaneopen td{
   padding:0px;
}
.contentpaneopen p{
   line-height:22px;
}
span.small, td.createdate, td.modifydate{
   font-size:11px;
   color:#999999;
}
span.pagination span, span.pagination a{
   padding:5px;
}



div#f_area{
   background: #FFF url(../images/f_area_bg.png) bottom center no-repeat;
   margin:0px auto;
   width: 978px;
   text-align:left;
   margin-bottom:3px;
}
#f_area div.moduletable, #f_area div.moduletable_menu{
   float: left;
   margin:10px 4px 10px 6px;
   width: 234px;
}
#f_area h3{
   text-align: left;
   vertical-align:bottom;
   height: 30px;
   width: 180px;
   color:#000000;
   font-size:17px;   
   font-family:"Trebuchet MS", Tahoma, Verdana;
   margin:0px;
   padding-left: 54px;
   padding-top:20px;
}

/* System Standard Messages */
#system-message { margin-bottom: 20px; }

#system-message dd.message ul { background: #C3D2E5 url(../../system/images/notice-info.png) 4px center no-repeat;}

/* System Error Messages */
#system-message dd.error ul { color: #c00; background: #E6C0C0 url(../../system/images/notice-alert.png) 4px center no-repeat; border-top: 3px solid #DE7A7B; border-bottom: 3px solid #DE7A7B; margin:0px; padding-left: 40px; text-indent:0px;}

/* System Notice Messages */
#system-message dd.notice ul { color: #c00; background: #EFE7B8 url(../../system/images/notice-note.png) 4px center no-repeat; border-top: 3px solid #F0DC7E; border-bottom: 3px solid #F0DC7E;}

#syndicate{
   float:left;
   padding-left: 25px;
}
Записан

koshka1928
Всё в моих руках...а что не в моих руках, то у моих ног.
Offline Offline

Пол: Женский
Сообщений: 579



Просмотр профиля WWW
« Ответ #8 : 11 Сентябрь 2010, 13:47:35 »

Я еще цвет ссылок не могу поменять в сайдбаре (они все красные, глаза устают на них смотреть) и их размер. Буду оч признательна!!!
Записан

craft
Offline Offline

Пол: Женский
Сообщений: 1972


Мясоооо!


Просмотр профиля WWW
« Ответ #9 : 11 Сентябрь 2010, 14:32:34 »

не, дай ссылку, все не так просто - у тебя в как минимум в трех местах размеры прописаны. Нужно проверить какой к чему относится
Записан

koshka1928
Всё в моих руках...а что не в моих руках, то у моих ног.
Offline Offline

Пол: Женский
Сообщений: 579



Просмотр профиля WWW
« Ответ #10 : 11 Сентябрь 2010, 19:01:03 »

не, дай ссылку, все не так просто - у тебя в как минимум в трех местах размеры прописаны. Нужно проверить какой к чему относится
craft я делаю пока на локальном сервере. Какую ссылку тебе дать?
Записан

Страниц: 1
  Печать  
 
Перейти в:  

| Sitemap