1. Главная
  2. Форумы
  3. Техподдержка Drupal
  4. Решение проблем

Проблемы с поиском и thumbnail'ами

Главные вкладки

Аватар пользователя Nemover Nemover 19 апреля 2012 в 18:07

В данный момент разрабатываю наполняемую пользователями электронную библиотеку для местной локальной сети (более 5000 пользователей). В данный момент все основные функции введены, но вот возникли проблемы с поиском. Он наотрез отказывается искать книги. Я понимаю, что где-то что-то не доработано, но где и что? Плюс хотелось бы, чтобы thumbnails отображались корректно, не сдвигая текстовые строки.
www.deckbox.ru - сайт электронной библиотеки. Здесь вы можете увидеть все перечисленные мною недостатки. Возможно у вас также найдется полезный совет для меня, так как я не ас в друпале. Модулей пока никаких не ставил. Заранее благодарю.

Комментарии

Аватар пользователя Antoniy Antoniy 19 апреля 2012 в 18:18

Тут _deckbox.ru/node/3 Надо убрать левую или правую колонку, что позволит содержимое ноды раздвинуть, а это, в свою очередь, позволит размещать описание книги справа от изображения книги.

Чтобы разместить описание справа от поля изображения, надо в CSS сделать:

.field-type-image {
    float: left;
    margin-right: 10px;
}
Аватар пользователя Nemover Nemover 19 апреля 2012 в 18:52

"Kremenetskiy" wrote:
Тут _deckbox.ru/node/3 Надо убрать левую или правую колонку, что позволит содержимое ноды раздвинуть, а это, в свою очередь, позволит размещать описание книги справа от изображения книги.

Не помогло.

Аватар пользователя Nemover Nemover 23 апреля 2012 в 12:04

"Kremenetskiy" wrote:

Я уже написал как. Уточняю: htmlbook.ru и расширение FireBug для браузера FireFox.


Расширение файрфокса не показывает имя файла, который мне нужно отредактировать. Только часть кода.

Аватар пользователя Antoniy Antoniy 23 апреля 2012 в 12:19

Nemover wrote:
Расширение файрфокса не показывает имя файла, который мне нужно отредактировать. Только часть кода.

А зачем имя файла? Нужно заверстать поле с изображением
.field-type-image
А изображение уже встанет туда, куда поле.

Аватар пользователя Antoniy Antoniy 23 апреля 2012 в 12:56

Если не знакомы с гипертекстовой разметкой (HTML) и каскадными таблицами стилей (CSS), изучите сайт htmlbook.ru, в дальнейшем им можно пользоваться как справочником.

Поподробнее рассказать не получиться, потому что на это надо много времени.

Аватар пользователя Nemover Nemover 23 апреля 2012 в 13:42

Я знаком с HTML, не на проф уровне, но и не на низшем. Просто в папке установленной темы много css файлов и почти в каждом из них содержаться настройки img. Мне просто нужно понять в какой именно внести изменения или дополнения.

Аватар пользователя Antoniy Antoniy 23 апреля 2012 в 14:42

Еще раз повторяю: не img в конкретно этом случае нужен, а класс поля с изображением, т. е. .field-type-image

Найти нужный файл и строку в CSS можно с помощью FireBug. А если это поле было создано руками (а не молулем), то в нигде в CSS его нет. Надо самому поставить и определить для него стили.

Аватар пользователя Nemover Nemover 23 апреля 2012 в 16:07

Вот все, что найдено по поиску .field-type-image. Как в этом разобраться?

Search ".field-type-image" (34 hits in 2 files)
  D:\Программы\DRUPAL\CSS\corolla.settings.style.css (28 hits)
        Line 61: .field-type-image {
        Line 65: .field-type-image img {
        Line 68: .ia-l .field-type-image {
        Line 73: .ia-r .field-type-image {
        Line 78: .ia-l .field-type-image,
        Line 79: .ia-r .field-type-image,
        Line 80: .ia-c .field-type-image {
        Line 83: .ia-l .field-type-image  img,
        Line 84: .ia-r .field-type-image  img,
        Line 85: .ia-c .field-type-image img {
        Line 88: .ia-c .field-type-image,
        Line 89: .ia-n .field-type-image {
        Line 94: .ia-c .field-type-image figure,
        Line 95: .ia-n .field-type-image figure {
        Line 99: .ia-n .field-type-image {
        Line 103: .ia-n .field-type-image figcaption {
        Line 106: .field-type-image.field-label-above {
        Line 109: .field-type-image .field-label {
        Line 112: .field-type-image.field-label-inline .field-label {
        Line 120: body div.image-left .field-type-image {
        Line 127: body div.image-left .field-type-image img {
        Line 133: body div.image-right .field-type-image {
        Line 140: body div.image-right .field-type-image img {
        Line 147: body div.image-center .field-type-image {
        Line 152: body div.image-center .field-type-image img{
        Line 158: form.node-form div.field-type-image {
        Line 161: form.node-form div.field-type-image {
        Line 165: form.node-form div.field-type-image img {
  D:\Программы\DRUPAL\CSS\fields.css (6 hits)
        Line 27: .field-type-image figure {}
        Line 28: .field-type-image figure,
        Line 29: .field-type-image figcaption {
        Line 33: .field-type-image figure img {
        Line 38: .field-type-image figcaption {
        Line 45: tabel .field-type-image img {
Аватар пользователя Nemover Nemover 23 апреля 2012 в 16:09

Вот код из FireBug. Выделен участок с кодом изображения.

<html class="js" lang="ru" xmlns:xsd="http://www.w3.org/2001/XMLSchema#" xmlns:skos="http://www.w3.org/2004/02/skos/core#" xmlns:sioct="http://rdfs.org/sioc/types#" xmlns:sioc="http://rdfs.org/sioc/ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:og="http://ogp.me/ns#" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:dc="http://purl.org/dc/terms/" xmlns:content="http://purl.org/rss/1.0/modules/content/" dir="ltr">
<head>
<body class="html not-front logged-in two-sidebars page-node page-node- page-node-4 page-type-magazine toolbar toolbar-drawer lang-ru section-content color-scheme-default corolla fs-smallest bs-n bb-n mb-sa rc-6 rct-6 ia-n bf-l snf-cc ssf-cc ptf-a ntf-a ctf-a btf-a" style="padding-top: 65px;">
<div id="skip-link">
<div class="region region-page-top">
<div id="page-wrapper">
<div id="page">
<div id="header-wrapper">
<div id="secondary-content-wrapper">
<div id="messages-help-wrapper">
<div id="content-wrapper">
<div class="container">
<div id="columns">
<div class="columns-inner clearfix">
<div id="content-column">
<div class="content-inner">
<section id="main-content" role="main">
<div id="tasks" class="clearfix">
<div class="content-margin">
<div class="content-style">
<div id="content">
<div class="region region-content">
<div id="block-system-main" class="block block-system block-odd block-count-2 block-region-content">
<div class="block-inner clearfix">
<div class="block-content content no-title">
<article id="article-4" class="article article-type-magazine article-promoted odd article-full clearfix" role="article" typeof="sioc:Item foaf:Document" about="/content/chip-%E2%84%969-%D1%81%D0%B5%D0%BD%D1%82%D1%8F%D0%B1%D1%80%D1%8C-2011">
<div class="article-inner">
<header>
<div class="article-content">
<div class="field field-name-field-magcover field-type-image field-label-hidden view-mode-full">
<div class="field-items">
<figure class="field-item">
<img width="410" height="600" alt="" src="http://books.ntech.local/sites/default/files/magcovers/chip032012.jpg" typeof="foaf:Image">
</figure>
</div>
</div>
<section class="field field-name-field-magname field-type-text field-label-inline clearfix view-mode-full">
<section class="field field-name-field-magnumber field-type-number-integer field-label-inline clearfix view-mode-full">
<section class="field field-name-field-month field-type-list-text field-label-inline clearfix view-mode-full">
<section class="field field-name-field-year field-type-number-integer field-label-inline clearfix view-mode-full">
<section class="field field-name-field-magsub field-type-taxonomy-term-reference field-label-inline clearfix view-mode-full clearfix">
<section class="field field-name-field-magdownload field-type-file field-label-inline clearfix view-mode-full">
</div>
<nav class="clearfix"></nav>
<section id="comments" class="comment-wrapper">
</div>
</article>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
</div>
<div class="region region-sidebar-first sidebar">
<div class="region region-sidebar-second sidebar">
</div>
</div>
</div>
</div>
<div id="footer-panels-wrapper">
</div>
</div>
<script src="http://books.ntech.local/sites/all/themes/adaptivetheme/adaptivetheme/js...>
<style media="all" type="text/css">
<table id="bue-dialog" class="bue-popup" style="display: none;" tabindex="0">
<table id="bue-quick-pop" class="bue-popup" style="display: none;" tabindex="0">
</body>
</html>

Вот участок с кодом изображения.
<img width="410" height="600" alt="" src="http://books.ntech.local/sites/default/files/magcovers/chip032012.jpg" typeof="foaf:Image">

Аватар пользователя Antoniy Antoniy 23 апреля 2012 в 17:38

1) Убрать все блоки из правой колонки, или может в настройках темы колонки отключаются. Вобщем надо чтобы центр страницы, где контент, занял площадь и правой колонки. (это опять же можно через CSS сделать)

2) Надо в файл corolla.settings.style.css, который имеет путь:
D:\Программы\DRUPAL\CSS\corolla.settings.style.css
Вставить код:

.field-type-image {
float: left !importatnt;
margin-right: 10px !importatnt;
}

Только по этому коду .field-type-image на всех страницах будут иметь левое позиционирование и отступ справа 10 пикселей.

Сделай так, увидишь результат на этом примере. Может понятней будет, что делает с отображением сайта код CSS. Да, если после вставки ничего н поменяется, то надо почистить кэш Друпала.

Ну а потом пользоваться справочником CSS с сайта htmlbook.ru и пробовать менять CSS в открытом FireBug (если измененные стили подходят, они копируются из FireBug и вставляются в файлы CSS темы). Сам FireBug файлы CSS напрямую не меняет, а только показывает как есть и как будет при изменении стилей.

И изучить документацию по верстке с сайта Drupa.ru