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

mindia

Пользователь
Регистрация
08.10.12
Сообщения
4
Реакции
0
Баллы
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>
 
Последнее редактирование модератором:

Прометей

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

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
На какой движок вы пытаетесь поставить данный код? Картинку покажите что получается.
 

mindia

Пользователь
Регистрация
08.10.12
Сообщения
4
Реакции
0
Баллы
1
Вот скрин после установки в виджете данного кода
skrin.gif

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

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

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
CSS тут ни при чем. Вы вероятно пытаетесь вставить прямо в виджет? Вставляйте прямо в код шаблона боковой колонки.

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

mindia

Пользователь
Регистрация
08.10.12
Сообщения
4
Реакции
0
Баллы
1
Нет. Вставлю в отдельном виджете. Нужно что-то переделать. На другом форуме посоветовали заменить названия классов (лого, хеадер) на произвольные, но черт ее знает как это делается. css для меня как китайски
 
Последнее редактирование:

Прометей

Пользователь
Регистрация
15.08.12
Сообщения
913
Реакции
211
Баллы
29
Понятно: у Вас сайт на основе движка Drupal который создан через конструктор sooource.net. К сожалению я не работал с этим движком. Поэтому не могу Вам ни чем помочь, простите.
 

Boss3

Пользователь
Регистрация
19.06.10
Сообщения
1.683
Реакции
392
Баллы
28
Адрес
Pirate Bay
Нет. Вставлю в отдельном виджете. Нужно что-то переделать.

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

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

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

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

Прометей

Пользователь
Регистрация
15.08.12
Сообщения
913
Реакции
211
Баллы
29
Ясно. Спасибо за уточнение.
 

mindia

Пользователь
Регистрация
08.10.12
Сообщения
4
Реакции
0
Баллы
1
Хочу этот код поставить после виджета поиска.
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>
 
Последнее редактирование модератором:

Wmboard

Пользователь
Регистрация
01.01.70
Сообщения
9.274
Реакции
2.665
Баллы
28
Адрес
На wmboard
Получилось вставить? Ну и отлично.
 

Статистика форума

Темы
200.635
Сообщения
380.523
Пользователи
327.876
Новый пользователь
pm1199
Сверху Снизу