19 ноября 2009 в 15:33
Прошу знающих людей помочь. Не могу найти где находится скрипт на шапку, а главное: как поменять в шапке скрипт img на flash? предварительно скажу что в шапку до меня уже установили картинку. А как её заменить там на flash я не могу понять, уже 2 дня сижу ищу, и всё тщетно. Я начинающий програмист, по этому прошу сильно не судить, а просто объяснить. Заранее спасибо свем кто откликнулся на проблему.
Комментарии
Картинка может быть установлена либо как непосредственно изображение с помощью тегов
<img>в файле page.tpl.php, либо как фон блока в css. Я склоняюсь именно ко 2-му варианту. Найдите в папке images вашей темы картинку, которая находится у вас в шапке и которую нужно убрать. После этого открывайте css вашей темы и ищите по имени файла для какого элемента эта картинка является фоном. Когда найдете, просто удалите её.Flash нужно вставлять непосредственно в page.tpl.php.
Вот рабочий код для вставки:
<param name="movie" value="<?php print base_path() . path_to_theme() ?>/images/primer.swf" />
<param name="quality" value="high" />
<param name="wmode" value="opaque" />
<param name="pluginurl" value="http://www.macromedia.com/go/getflashplayer" />
<param name="flashvars" value="" />
</object>
где primer.swf - ваш ролик Flash, расположенный в папке "images" вашей темы
Спасибо, а не подскажешь где находится этот файл page.tpl.php. а то я его нашёл, и не 1. И в папке css у меня прописанно слайд
/**
Stylesheet: Slideshow.css
CSS for Slideshow.
License:
MIT-style license.
Copyright:
Copyright (c) 2008 [Aeron Glemann](http://www.electricprism.com/aeron/).
HTML:
Notes:
These next four rules are set by the Slideshow script.
You can override any of them with the !important keyword but the slideshow probably will not work as intended.
*/
.slideshow {
display: block;
position: relative;
z-index: 0;
}
.slideshow-images {
display: block;
overflow: hidden;
position: relative;
}
.slideshow-images img {
display: block;
position: absolute;
z-index: 1;
}
.slideshow-thumbnails {
overflow: hidden;
}
/**
HTML:
Notes:
The images div is where the slides are shown.
Customize the visible / prev / next classes to effect the slideshow transitions: fading, wiping, etc.
*/
.slideshow-images {
height: 350px;
width: 400px;
}
.slideshow-images-visible {
opacity: 1;
}
.slideshow-images-prev {
opacity: 0;
}
.slideshow-images-next {
opacity: 0;
}
.slideshow-images img {
float: left;
left: 0;
top: 0;
}
/**
Notes:
These are examples of user-defined styles.
Customize these classes to your usage of Slideshow.
*/
.slideshow {
height: 350px;
margin: 0 auto;
width: 400px;
}
.slideshow a img {
border: 0;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the captions animation.
*/
.slideshow-captions {
background: #000;
bottom: 0;
color: #FFF;
font: normal 12px/22px Arial, sans-serif;
left: 0;
overflow: hidden;
position: absolute;
text-indent: 10px;
width: 100%;
z-index: 10000;
}
.slideshow-captions-hidden {
height: 0;
opacity: 0;
}
.slideshow-captions-visible {
height: 22px;
opacity: .7;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the controller animation.
*/
.slideshow-controller {
background: url(controller.png) no-repeat;
height: 42px;
left: 50%;
margin: -21px 0 0 -119px;
overflow: hidden;
position: absolute;
top: 50%;
width: 238px;
z-index: 10000;
}
.slideshow-controller * {
margin: 0;
padding: 0;
}
.slideshow-controller-hidden {
opacity: 0;
}
.slideshow-controller-visible {
opacity: 1;
}
.slideshow-controller a {
cursor: pointer;
display: block;
height: 18px;
overflow: hidden;
position: absolute;
top: 12px;
}
.slideshow-controller a.active {
background-position: 0 18px;
}
.slideshow-controller li {
list-style: none;
}
.slideshow-controller li.first a {
background-image: url(controller-first.gif);
left: 33px;
width: 19px;
}
.slideshow-controller li.last a {
background-image: url(controller-last.gif);
left: 186px;
width: 19px;
}
.slideshow-controller li.next a {
background-image: url(controller-next.gif);
left: 145px;
width: 28px;
}
.slideshow-controller li.pause a {
background-image: url(controller-pause.gif);
left: 109px;
width: 20px;
}
.slideshow-controller li.play a {
background-position: 20px 0;
}
.slideshow-controller li.play a.active {
background-position: 20px 18px;
}
.slideshow-controller li.prev a {
background-image: url(controller-prev.gif);
left: 65px;
width: 28px;
}
/**
HTML:
Notes:
Customize the hidden / visible classes to affect the loader animation.
*/
.slideshow-loader {
height: 28px;
right: 0;
position: absolute;
top: 0;
width: 28px;
z-index: 10001;
}
.slideshow-loader-hidden {
opacity: 0;
}
.slideshow-loader-visible {
opacity: 1;
}
/**
HTML:
...
Notes:
Customize the active / inactive classes to affect the thumbnails animation.
Use the !important keyword to override FX without affecting performance.
*/
.slideshow-thumbnails {
bottom: -15px;
height: 65px;
left: 0;
position: absolute;
width: 100%;
}
.slideshow-thumbnails * {
margin: 0;
padding: 0;
}
.slideshow-thumbnails ul {
height: 65px;
left: 0;
position: absolute;
top: 0;
width: 10000px;
}
.slideshow-thumbnails li {
float: left;
list-style: none;
margin: 5px 5px 5px 0;
position: relative;
}
.slideshow-thumbnails a {
display: block;
float: left;
padding: 5px;
position: relative;
}
.slideshow-thumbnails a:hover {
background-color: #FF9 !important;
opacity: 1 !important;
}
.slideshow-thumbnails img {
display: block;
}
.slideshow-thumbnails-active {
background-color: #9FF;
opacity: 1;
}
.slideshow-thumbnails-inactive {
background-color: #FFF;
opacity: .5;
}
Картинка названа header.jpg но найти я её в коде не смог. может она у меня в page.tpl.php. стоит. Если тебе не сложно, напиши скрипт для шапки с картинкой, я по нему найду где что убрать надо.
Ну и зачем мне ваш css для Слайдшоу?
Теперь по пунктам:
1) Зайдите на сайте в admin/build/themes/select и посмотрите название темы, напротив которой у вас стоит флаг "По-умолчанию";
2) Далее идите в папку themes\<Название вашей темы>.
3) В этой папке и есть нужные вам файлы: page.tpl.php и style.css
Далее правьте style.css ВАШЕЙ ТЕМЫ по моему первому комментарию!
Спасибо. А не подскажешь, я в файле style.css убрал изображение, а отступ сверху где то 5 см остался, как его убрать?
Скрипт на флешь я вставил в шапку)
Поставьте firebug - аддон к мозилле. Запустите его и посмотрите что это за элемент (его id, либо class). Датем найдите в style.css описание этого элемента и поэкспериментируйте с его свойствами. Особое внимание обратите на свойства margin и/или padding.
спасибо большое! всё нашёл, заработало) Аддон по смотрю на днях)
Здоров. не подскажешь причину по которой в браузере explorer, отображается только шапка флэш, а остальное не отображается. Зато в других браузерах, всё работает, только шапка админ панель сверху закрывает. Заранее спасибо.
/**
* [user=file]file[/user]
* Main template file
*
* [user=see]see[/user] template_preprocess_page(), preprocess/preprocess-page.inc
* http://api.drupal.org/api/function/template_preprocess_page/6
*/
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="<?php print $language->language; ?>" xml:lang="<?php print $language->language; ?>">
<head>
<?php print $head; ?>
<title><?php print $head_title; ?></title>
<?php print $styles; ?>
<?php print $ie_styles; ?>
<?php print $scripts; ?>
</head>
<body<?php print $attributes; ?>>
<?php if (!empty($admin)) print $admin; // support for: http://drupal.org/project/admin ?>
<div id="wrapper">
<div<?php print $header_attributes; ?>>
<object type="application/x-shockwave-flash" data="<?php print base_path() . path_to_theme() ?>/images/header_1.swf" width="960" height="150">
<param name="movie" value="<?php print base_path() . path_to_theme() ?>/images/header_1.swf" />
<div id="header-inner">
<?php if ($logo): ?>
<a href="<?php print $base_path; ?>" title="<?php print $site_name; ?>" id="logo"><img src="<?php print $logo; ?>" alt="<?php if ($site_name): print $site_name; endif; ?>" /></a>
<?php endif; ?>
<?php if ($site_name): ?>
<span id="site-name"> <a href="<?php print $base_path; ?>" title="<?php print $site_name; ?>"><?php print $site_name; ?></a> </span>
<?php endif; ?>
<?php if ($site_slogan): ?>
<span id="site-slogan"><?php print $site_slogan; ?></span>
<?php endif; ?>
</div>
</div>
<?php if ($primary_links): ?>
<div id="navigation"><?php print $primary_links; ?></div>
<?php endif; ?>
<div id="container" class="layout-region">
<?php if ($left): ?>
<div id="sidebar-left" class="sidebar">
<div class="inner">
<?php print $left; ?>
</div>
</div>
<!-- END HEADER -->
<?php endif; ?>
<div id="main">
<div class="main-inner">
<?php if ($breadcrumb): ?>
<!--<div class="breadcrumb clearfix"><?php print $breadcrumb; ?></div>-->
<?php endif; ?>
<?php if ($show_messages && $messages != ""): ?>
<?php print $messages; ?>
<?php endif; ?>
<?php if ($is_front && $mission): ?>
<div class="mission"><?php print $mission; ?></div>
<?php endif; ?>
<?php if ($contenttop): ?>
<div id="content-top"><?php print $contenttop; ?></div>
<!-- END CONTENT TOP -->
<?php endif; ?>
<?php if ($help): ?>
<div class="help"><?php print $help; ?></div>
<?php endif; ?>
<?php print $tabs; ?>
<div id="content" class="clearfix">
<?php print $content; ?>
</div>
<!-- END CONTENT -->
<?php print $feed_icons; ?>
<?php if ($contentbottom): ?>
<div id="content-bottom"><?php print $contentbottom; ?></div>
<?php endif; ?>
</div>
<!-- END MAIN INNER -->
</div>
<!-- END MAIN -->
<?php if ($right): ?>
<div id="sidebar-right" class="sidebar">
<div class="inner">
<?php print $right; ?>
</div>
</div>
<!-- END SIDEBAR RIGHT -->
<?php endif; ?>
</div>
<!-- END CONTAINER -->
<div class="push"> </div>
</div>
<!-- END WRAPPER -->
<div id="footer" class="layout-region">
<div id="footer-inner">
<?php print $contentfooter; ?>
<?php print $footer_message; ?>
</div>
</div>
<?php print $closure; ?>
</body>
</html>
Тот флешь что ты мне скинул, я вставил, правдо не уверен что правильно (
Всем спасибо, ошибку нашёл