Не могу установить код

Рекламодатель прислал код информера которую я должен установыть на сайте в виждете.

Код состоит из двух частей.

Видимо styles кода приходит в конфликте styles шаблона и боковая колонка теряет свою форму и полностью искажается.

Что и как сделать? Может кто помочь? Шаблон у меня Ladies fitness. Вот код которую прислал рекламодатель:

 <style>


.widget


{


background-color:#FFFFFF;


border-style:solid;


border-color:#8c8c8c;


border-width:1px;


display:block;


font-family:Univers,Arial,Helvetica,Sans,Sans-Serif;


margin:0px;


width:150px;


height:372px;


cursor:pointer;


}


a.logo


{


text-decoration: none;


cursor:pointer;


}


a.logo .logo


{


margin-left:5px;


margin-top: 5px;


width:141px;


height:51px;


float:left;


border:0px;


}


.slogan


{


margin-left:6px;


line-height:15px;


font-size:12px;


font-weight:normal;


width:140px;


color:#777777;


margin-bottom:4px;


}


.header


{


margin-left:0px;


line-height:18px;


font-size:12px;


font-weight:normal;


width:150px;


color:#fff;


margin-bottom:0px;


padding-top:2px;


height:20px;


background-image: -moz-linear-gradient(center top , #919191, #737373);


background-color:#737373;


overflow:hidden;


}


.header .space


{


padding-left: 6px;


overflow: hidden;


}


.texta


{


text-decoration:none;


display:block;


width:150px;


height:63px;


background-color: #F5F5F5;


background-image: -moz-linear-gradient(center top , #FAFAFA, #F5F5F5);


border-bottom-color: #DDDDDD;


border-bottom-style: solid;


border-bottom-width: 1px;


border-top-color: #FFFFFF;


border-top-style: solid;


border-top-width: 1px;


}


.liste


{


line-height:15px;


font-size:12px;


font-weight:normal;


color:#000;


margin-left:0px;


width:143px;


margin-bottom:0px;


padding-left:7px;


padding-top:2px;


height:63px;


overflow:hidden;


cursor:pointer;


}


.texta:hover


{


color:#0030CD;


background-color:#fff;


background-image:url([url]http://il2.trivago.com/images/layoutimages/new_design_3/arrow_right.png);[/url]


background-repeat:no-repeat;


background-position:right;


border-bottom-color: #DDDDDD;


border-bottom-style: solid;


border-bottom-width: 1px;


border-top-color: #FFFFFF;


border-top-style: solid;


border-top-width: 1px;


text-decoration:underline;


}


.city1


{


background-image:url([url]http://img.trivago.com/uploadimages/53/26/5326352_s.jpeg[/url])


}


.city2


{


background-image:url([url]http://img.trivago.com/uploadimages/60/87/6087784_s.jpeg[/url])


}


.city3


{


background-image:url([url]http://img.trivago.com/uploadimages/54/37/5437551_s.jpeg[/url])


}


.city4


{


background-image:url([url]http://img.trivago.com/uploadimages/47/95/4795587_s.jpeg[/url])


}


.picture


{


margin-left:0px;


margin-top: 3px;


margin-right: 8px;


width:54px;


height:54px;


border-radius:3px;


float:left;


box-shadow: 0 0 4px -1px #000000 inset;


}


.text


{


margin-top: 2px;


float:left;


width:65px;


}


</style>


<div class="widget">


<a href="http://www.trivago.ru" class="logo">


<img class="logo" src="http://il2.trivago.com/images/layoutimages/widgets/logo_destination-widget.png" alt="trivago hotel widget" title="trivago hotel widget" />


<div class="slogan">


Мировой лидер по </br> сравнению цен на отели


</div>


<div class="header">


<div class="space">


Топ направления 


</div>


</div>


</a>


<a class="texta" href="http://www.trivago.ru/москва-86737/отель" rel="nofollow" target="_blank" title="Отели Москвы">


<div class="liste">


<div class="picture city1"><!-- --></div>


<div class="text">Отели</br>Москвы</div> 


</div>


</a>


<a class="texta" href="http://www.trivago.ru/санкт-петербург-86676/отель" rel="nofollow" target="_blank" title="Отели Санкт-Петербурга">


<div class="liste">


<div class="picture city2"><!-- --></div>


<div class="text">Отели</br>Санкт-Петербурга</div> 


</div>


</a>


<a class="texta" href="http://www.trivago.ru/барселона-31965/отель" rel="nofollow" target="_blank" title="Отели Барселоны">


<div class="liste">


<div class="picture city3"><!-- --></div>


<div class="text">Отели</br>Барселоны</div> 


</div>


</a>


<a class="texta" href="http://www.trivago.ru/париж-36102/отель" rel="nofollow" target="_blank" title="Отели Парижа">


<div class="liste">


<div class="picture city4"><!-- --></div>


<div class="text">Отели</br>Парижа</div> 


</div>


</a>


</div>

Судя по тому что я вижу, тут два куска кода. Первый - это чистый css, а второй - собственно сам информер. Что у Вас за двиг? Форум? Сайт? На каком движке? Без знания этого разговор становится беспредметным.

На какой движок вы пытаетесь поставить данный код? Картинку покажите что получается.

Вот скрин после установки в виджете данного кода А вот сам сайт tebuka.ru Наверное в css кода нужно что-то менять чтоб боковая колонка не менял форму

CSS тут ни при чем.

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

Там width:150px; у вас наверное пикселей 120. Либо внесите изменения в код по ширине, либо вставьте данный код ниже, например где комментарии или последние записи.

Нет. Вставлю в отдельном виджете. Нужно что-то переделать. На другом форуме посоветовали заменить названия классов (лого, хеадер) на произвольные, но черт ее знает как это делается. css для меня как китайски

Понятно: у Вас сайт на основе движка Drupal который создан через конструктор sooource.net. К сожалению я не работал с этим движком. Поэтому не могу Вам ни чем помочь, простите.

mindia:

Нет. Вставлю в отдельном виджете. Нужно что-то переделать.

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

Прометей:

у Вас сайт на основе движка Drupal

Вордпресс у него

Хочу этот код поставить после виджета поиска.
Boss, Я так понимаю что вам вот это нужно:

 <div class="art-sidebar1"> 


<?php if (!art_sidebar(1)): ?>


<div class="art-Block">


<div class="art-Block-cc"></div>


<div class="art-Block-body">


<div class="art-BlockHeader">


<div class="l"></div>


<div class="r"></div>


<div class="art-header-tag-icon">


<div class="t"><?php _e('Categories', 'kubrick'); ?></div>


</div>


</div><div class="art-BlockContent">


<div class="art-BlockContent-tl"></div>


<div class="art-BlockContent-tr"></div>


<div class="art-BlockContent-bl"></div>


<div class="art-BlockContent-br"></div>


<div class="art-BlockContent-tc"></div>


<div class="art-BlockContent-bc"></div>


<div class="art-BlockContent-cl"></div>


<div class="art-BlockContent-cr"></div>


<div class="art-BlockContent-cc"></div>


<div class="art-BlockContent-body">


<ul>


<?php wp_list_categories('show_count=1&title_li='); ?>


</ul>


</div>


</div>


</div>


</div>


<div class="art-Block">


<div class="art-Block-cc"></div>


<div class="art-Block-body">


<div class="art-BlockHeader">


<div class="l"></div>


<div class="r"></div>


<div class="art-header-tag-icon">


<div class="t"><?php _e('Archives', 'kubrick'); ?></div>


</div>


</div><div class="art-BlockContent">


<div class="art-BlockContent-tl"></div>


<div class="art-BlockContent-tr"></div>


<div class="art-BlockContent-bl"></div>


<div class="art-BlockContent-br"></div>


<div class="art-BlockContent-tc"></div>


<div class="art-BlockContent-bc"></div>


<div class="art-BlockContent-cl"></div>


<div class="art-BlockContent-cr"></div>


<div class="art-BlockContent-cc"></div>


<div class="art-BlockContent-body">


<?php if ( is_404() || is_category() || is_day() || is_month() ||


is_year() || is_search() || is_paged() ) {


?>


<?php /* If this is a 404 page */ if (is_404()) { ?>


<?php /* If this is a category archive */ } elseif (is_category()) { ?>


<p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p>


<?php /* If this is a yearly archive */ } elseif (is_day()) { ?>


<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the day %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('l, F jS, Y', 'kubrick'))); ?></p>


<?php /* If this is a monthly archive */ } elseif (is_month()) { ?>


<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time(__('F, Y', 'kubrick'))); ?></p>


<?php /* If this is a yearly archive */ } elseif (is_year()) { ?>


<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives for the year %3$s.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), get_the_time('Y')); ?></p>


<?php /* If this is a monthly archive */ } elseif (is_search()) { ?>






<p><?php printf(__('You have searched the <a href="%1$s/">%2$s</a> blog archives for <strong>‘%3$s’</strong>. If you are unable to find anything in these search results, you can try one of these links.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name'), wp_specialchars(get_search_query(), true)); ?></p>


<?php /* If this is a monthly archive */ } elseif (isset($_GET['paged']) && !empty($_GET['paged'])) { ?>


<p><?php printf(__('You are currently browsing the <a href="%1$s/">%2$s</a> blog archives.', 'kubrick'), get_bloginfo('url'), get_bloginfo('name')); ?></p>


<?php } ?>


<?php }?>


<ul>


<?php wp_get_archives('type=monthly&title_li='); ?>


</ul>


</div>


</div>


</div>


</div>


<div class="art-Block">


<div class="art-Block-cc"></div>


<div class="art-Block-body">


<div class="art-BlockHeader">


<div class="l"></div>


<div class="r"></div>


<div class="art-header-tag-icon">


<div class="t"><?php _e('Links:', 'kubrick'); ?></div>


</div>


</div><div class="art-BlockContent">


<div class="art-BlockContent-tl"></div>


<div class="art-BlockContent-tr"></div>


<div class="art-BlockContent-bl"></div>


<div class="art-BlockContent-br"></div>


<div class="art-BlockContent-tc"></div>


<div class="art-BlockContent-bc"></div>


<div class="art-BlockContent-cl"></div>


<div class="art-BlockContent-cr"></div>


<div class="art-BlockContent-cc"></div>


<div class="art-BlockContent-body">


<ul>


<?php wp_list_bookmarks('title_li=&categorize=0'); ?>


</ul>


</div>


</div>


</div>


</div>


<?php endif ?>


</div>