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

M

mindia

#1
Рекламодатель прислал код информера которую я должен установыть на сайте в виждете. Код состоит из двух частей. Видимо 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>
 
П

Прометей

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

Wmboard

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

mindia

#4
Вот скрин после установки в виджете данного кода


А вот сам сайт tebuka.ru

Наверное в css кода нужно что-то менять чтоб боковая колонка не менял форму
 
W

Wmboard

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

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

mindia

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

Прометей

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

Boss3

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

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

Скинь в блокноте код боковой колонки

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

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

Прометей

#9
Ясно. Спасибо за уточнение.
 
M

mindia

#10
Хочу этот код поставить после виджета поиска.
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 (is_404()) { ?> <?php  } elseif (is_category()) { ?> <p><?php printf(__('You are currently browsing the archives for the %s category.', 'kubrick'), single_cat_title('', false)); ?></p>	<?php  } 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  } 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  } 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  } 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  } 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>
 
W

Wmboard

#11
Получилось вставить? Ну и отлично.
 
Get involved!

Here you can only see a limited number of comments. On СЕО Форум Вебмастеров you see all comments and all functions are available to you. To the thread