Einem View ein Template geben
Eingetragen von Birsel (185)am 02.01.2009 - 00:47 Uhr in
HI, ich habe mir ein View (Block) erstellt, in dem es ein Überschrift ein Bild und einen kurzen Text gibt. Nun will ich quasi für das Bild diesen Code anwenden:
<div style="Float:right">Hier müsste dann das Bild sein</div>Wie mache ich soetwas?
MFG Birsel
- Anmelden oder Registrieren um Kommentare zu schreiben
Du brauchst für ein Bild in
am 02.01.2009 - 11:09 Uhr
Du brauchst für ein Bild in einem Block kein View. Einfach in der Blöcke-Verwaltung ein Block erstellen und im Textfeld dein Bild reinsetzen.
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Das is mir schonklar, aber
am 02.01.2009 - 13:16 Uhr
Das is mir schonklar, aber ich habe eine neue Region erstellt, in dem Blöcke angezeigt werden und diese Blöcke sehen nunmal so aus:
ÜBERSCHRIFT
BILD
TEXT
Und das Bild muss nun mit dem oben genannten Code versehen werden.
MFG Birsel
Kannste doch machen. Dann
am 02.01.2009 - 13:57 Uhr
Kannste doch machen. Dann schreibste dein Text dadrunter. Oder machst das via CSS via Background-image.
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Nein es geht nicht, es ist
am 02.01.2009 - 14:07 Uhr
Nein es geht nicht, es ist IMMER ein andere Inhalt, das ändert sich ständig, dann will ich ja nich jeden Tag einen Block erzeugen!!!
Du willst also das jeder
am 02.01.2009 - 19:19 Uhr
Du willst also das jeder Block standardmäßig so aussieht?
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
NEIN, ich will das DIESER
am 03.01.2009 - 01:29 Uhr
NEIN, ich will das DIESER BLOCK so aussieht.
wenn du einen view erstellt
am 03.01.2009 - 07:44 Uhr
wenn du einen view erstellt hast für einen block, dann kannst du diesen block auch über css ansprechen und formatieren... da brauch nichts extra eingegeben werden. nur css bearbeiten bzw. ergänzen!
schau einfach mal den den quelltext deiner seite
Um einen view zu themen
am 03.01.2009 - 13:14 Uhr
Um einen view zu themen kannst du genau wie bei allen content typen eigene tpl.php dateien erstellen.
in deinem Fall hast du nen view erstellt als blockansicht, nimmst als Darstellung "unformatted" row-style="Felder"
Dann kopierst du die Datei views-view-unformatted.tpl.php aus deinem /modules/views/theme/ ordner in dein main theme verzeichnis zB garland oder halt dein theme. Dann kommt an den Dateinamen mit 2 Bindestrichen abgegrenzt der name deines views, zB heißt dein view: "blockdarstellung_aller_artikel" dann müßte deine neue theme datei "views-view-unformatted--blockdarstellung_aller_artikel.tpl.php" heißen.
und innerhalb dieser theme-Datei kannst du dann natürlich auf alle Felder zugreifen und die Darstellung beliebig anpassen.
Um den Inhalt der einzelnen Felder ausgeben zu lassen hilft sowas hier immer sehr weiter:
<?php print '<pre>'. check_plain(print_r($jeweiligeObjectVariable, 1)) .'</pre>'; ?>ich hoffe das war soweit verständlich, hier gibts das Ganze auch nochmal zum Nachlesen:
http://www.group42.ca/theming_views_2_the_basics
---------------------------------
www.sweo.de -- privater Blog zu den Themen Webentwicklung mit OpenSource Systemen wie Drupal, Magento, osCommerce, OpenCMS, uvm
Um das Bild in dem Block zu
am 03.01.2009 - 14:18 Uhr
Um das Bild in dem Block zu themen brauchst du keine Anpassungen vornehmen, alles ist bereits vorhanden. Du musst lediglich den CSS Klassen das "float:right" hinzufügen. Guck dir den Quellcode des Views mal genau an, für jedes Feld gibt es automatisch ein div mit einer Klasse die du nutzen kannst. Wenn du nicht klar kommst poste mal den HTML Code von der Ausgabe des Block.
gruß pebosi
HI, vielen Dank
am 03.01.2009 - 15:15 Uhr
HI, vielen Dank erstmal.
Also das von pebosi hört sich für einen solchen Eingriff doch recht gut an. Nur leider habe ich nicht ganz verstanden wo ich das eintragen muss, ich finde niergends ein CSS bzw. div Feld oder ähnliches.
Der Code von meiner View sieht folgendermaßen aus:
$view = new view;$view->name = 'Tutorials_Startseite';
$view->description = 'Tutorials_Startseite';
$view->tag = '';
$view->view_php = '';
$view->base_table = 'node';
$view->is_cacheable = FALSE;
$view->api_version = 2;
$view->disabled = FALSE; /* Edit this to true to make a default view disabled initially */
$handler = $view->new_display('default', 'Standards', 'default');
$handler->override_option('fields', array(
'title' => array(
'label' => '',
'link_to_node' => 1,
'exclude' => 0,
'id' => 'title',
'table' => 'node',
'field' => 'title',
'override' => array(
'button' => 'Übersteuern',
),
'relationship' => 'none',
),
'field_tutorialbild_fid' => array(
'label' => '',
'link_to_node' => 0,
'label_type' => 'none',
'format' => 'tut_front_linked',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 0,
'id' => 'field_tutorialbild_fid',
'table' => 'node_data_field_tutorialbild',
'field' => 'field_tutorialbild_fid',
'override' => array(
'button' => 'Übersteuern',
),
'relationship' => 'none',
),
'field_vorschau_text_value' => array(
'label' => '',
'link_to_node' => 0,
'label_type' => 'none',
'format' => 'trimmed',
'multiple' => array(
'group' => TRUE,
'multiple_number' => '',
'multiple_from' => '',
'multiple_reversed' => FALSE,
),
'exclude' => 0,
'id' => 'field_vorschau_text_value',
'table' => 'node_data_field_vorschau_text',
'field' => 'field_vorschau_text_value',
'override' => array(
'button' => 'Übersteuern',
),
'relationship' => 'none',
),
));
$handler->override_option('sorts', array(
'changed' => array(
'order' => 'DESC',
'granularity' => 'second',
'id' => 'changed',
'table' => 'node',
'field' => 'changed',
'override' => array(
'button' => 'Übersteuern',
),
'relationship' => 'none',
),
));
$handler->override_option('filters', array(
'vid' => array(
'operator' => 'in',
'value' => array(
'5' => '5',
),
'group' => '0',
'exposed' => FALSE,
'expose' => array(
'operator' => FALSE,
'label' => '',
),
'id' => 'vid',
'table' => 'term_data',
'field' => 'vid',
'override' => array(
'button' => 'Übersteuern',
),
'relationship' => 'none',
),
));
$handler->override_option('access', array(
'type' => 'none',
));
$handler->override_option('items_per_page', 5);
$handler->override_option('style_plugin', 'list');
$handler->override_option('style_options', array(
'grouping' => 'title',
'type' => 'ul',
));
$handler->override_option('row_options', array(
'inline' => array(
'field_vorschau_text_value' => 'field_vorschau_text_value',
),
'separator' => '',
));
$handler = $view->new_display('block', 'Block', 'block_1');
$handler->override_option('style_options', array(
'grouping' => '',
'type' => 'ul',
));
$handler->override_option('row_options', array(
'inline' => array(
'title' => 'title',
'field_vorschau_text_value' => 'field_vorschau_text_value',
),
'separator' => '<p><p><p><p><p><p><p><p><p><p><p><p><p>',
));
$handler->override_option('block_description', '');
$handler->override_option('block_caching', -1);
Ich hoffe das is auch wirklich das was du braucht, ich habe einfach bei exportieren den Code raus kopiert.
MFG Birsel
Nee nicht den Export-Code
am 03.01.2009 - 16:35 Uhr
Nee nicht den Export-Code von einem View.
Du erstellst ein Block mit Inhalt. Dann schauste Dir den Quellcode an. Und dieser Block müsste ein ID haben und diese ID nimmst du, damit du deine CSS Anweisung nur für diesen Block anwenden kannst.
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Ok, aber ne blöde frage, wo
am 03.01.2009 - 16:44 Uhr
Ok, aber ne blöde frage, wo bekomme ich den diesen Quellcode her?
MFG Birsel
Wenn du dir den Block in der
am 03.01.2009 - 17:16 Uhr
Wenn du dir den Block in der normalen Ansicht anguckst also nicht im View machst du einfach einen Rechtsklick und dann z.B. im Firefox Seitenquelltext anzeigen...oder auch Strg+Shift+U
gruß pebosi
--
http://www.pebosi.net
ok, dann müsste es dashier
am 03.01.2009 - 17:23 Uhr
ok, dann müsste es dashier sein:
<div class="links"><ul class="links"><li class="statistics_counter first"><span>5 Aufrufe</span></li>
<li class="0 last"><a href="/board/poll" title="Umfragen dieser Seite anzeigen.">Frühere Umfragen</a></li>
</ul></div>
</div>
</div>
<div class="block block-views" id="block-views-News_Seite-block_1">
<h2 class="title">Neue Tutorials</h2>
<div class="content"><div class="view view-News-Seite view-id-News_Seite view-display-id-block_1 view-dom-id-2">
<div class="view-content">
<div class="item-list">
<ul>
<li class="views-row-1 views-row-odd views-row-first">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/53">Ordneransicht unter Vista speichern</a></span>
</span>
</li>
<li class="views-row-2 views-row-even">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/50">test tutorial</a></span>
</span>
</li>
<li class="views-row-3 views-row-odd">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/14">USB Stick als RAM benutzen!?</a></span>
</span>
</li>
<li class="views-row-4 views-row-even">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/36">Wireless LAN Verbindung herstellen</a></span>
</span>
</li>
<li class="views-row-5 views-row-odd">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/13">Service Packs für XP und Vista</a></span>
</span>
</li>
<li class="views-row-6 views-row-even">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/13">Service Packs für XP und Vista</a></span>
</span>
</li>
<li class="views-row-7 views-row-odd">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/9">Windows Vista start beschleunigen!?</a></span>
</span>
</li>
<li class="views-row-8 views-row-even">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/8">Windows XP Key ändern!?!</a></span>
</span>
</li>
<li class="views-row-9 views-row-odd">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/7">Windows XP reparieren!?!</a></span>
</span>
</li>
<li class="views-row-10 views-row-even views-row-last">
<span class="views-field-title-1">
<span class="field-content"><a href="/board/node/12">Desktop bereinigen ein- oder ausschalten</a></span>
</span>
</li>
</ul>
</div> </div>
MFG Birsel
id steht hier: <div
am 03.01.2009 - 18:12 Uhr
id steht hier:
<div class="block block-views" id="block-views-News_Seite-block_1">vl. mal das firebug addon installieren, damit kannst du direkt die stellen im quelltext finden, die wesentlich sind für dein problem:
https://addons.mozilla.org/de/firefox/addon/1843
---------------------------------
www.sweo.de -- privater Blog zu den Themen Webentwicklung mit OpenSource Systemen wie Drupal, Magento, osCommerce, OpenCMS, uvm
Ich glaube du hast mich
am 03.01.2009 - 18:15 Uhr
Ich glaube du hast mich nciht ganz verstanden ... ;-)
Ich will nur wissen WO WO WO ich das eingeben muss...
In welcher Datei oder oder oder....
MFG Birsel
dann also nochmal von
am 03.01.2009 - 18:32 Uhr
dann also nochmal von vorne:
- du nimmst die style.css deines Themes
- legst eine neue Klasse an, in der du das Bild rechts floatest:
#block-views-News_Seite-block_1 img{
float:right;
}
- fertig
---------------------------------
www.sweo.de -- privater Blog zu den Themen Webentwicklung mit OpenSource Systemen wie Drupal, Magento, osCommerce, OpenCMS, uvm
AH ok, jetzt habe ich s fast
am 03.01.2009 - 18:53 Uhr
AH ok, jetzt habe ich s fast ganz gerafft, jetzt nur noch meine Frage, wie müssete diese Klasse aussehen?
Und ist es relevant an welcher Stelle cih Sie einfüge?
Vielen Dank
MFG Birsel
Der Kollege hat sich
am 03.01.2009 - 19:19 Uhr
Der Kollege hat sich verschrieben eine ID legst du an.
Ob am Anfang deiner CSS-Datei oder am Ende dürfte keine Rolle spielen, aber das siehst du ja mit Firebug.
Ich würde Dir empfehlen HTML/CSS zulernen, damit du in Zukunft es leichter in diesem Bereich hast.
----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/
Hi, danke für den
am 03.01.2009 - 19:47 Uhr
Hi, danke für den Hinweis.
Zum Thema HTML/CSS/PHP, also so einigermaßen verstehen tu ich das ganze ja (vorallem HTML/CSS) aber in die Tat umzusetzen is halt n bissel schwerer. Deswegen habe ich da probleme bzw. mein Problem ist eigentlich das ich die Ideen nicht habe.
MFG Birsel
EDIT: könnt ihr mir vielleicht einen Tipp geben wie das aussehen müsste?
natürlich ne #id lol ;)
am 03.01.2009 - 19:52 Uhr
natürlich ne #id lol ;) .....
www.sweo.de -- privater Blog zu den Themen Webentwicklung mit OpenSource Systemen wie Drupal, Magento, osCommerce, OpenCMS, uvm
Ein bischen mehr wäre schon
am 03.01.2009 - 19:58 Uhr
Ein bischen mehr wäre schon hilfrei.
Danke schonmal.
MFG Birsel
EDIT: Wenn ich das ganze jetzt so gerafft habe (css4you hat geholfen), dann müsste ich erst in meiner page.tpl.php meine Region die dort definiert ist mit einer ID versehen. Oder?
Also ich weiß jetzt nich ob
am 03.01.2009 - 20:17 Uhr
Also ich weiß jetzt nich ob das richtig war oder nicht, aufjedenfall habe ich in der style.css diesen Code eingefügt:
#contentzwei {float: right;
}
Und in der page.tpl.php habe ich auch etwas geändert:
<!-- start main content --><div style="width:50%; float:left;"><?php print $content; ?></div>
<div id="contentzwei" style="width:50%; float:right;"><?php print $contentzwei; ?></div>
<?php print $feed_icons; ?>
<!-- end main content -->
So nur leider funktioniert die Geschichte nicht und ich habe KEINE AHnung warum nicht, bzw. was ich falsch gemacht habe oder was ich richtig gemacht habe.
MFG Birsel
Du musst nur in der Style.css das folgende machen
am 04.01.2009 - 01:59 Uhr
Hallo Birsel,
es wurde doch schon gepostet was Du in die Style.css angeben musst.
dann also nochmal von vorne:
- du nimmst die style.css deines Themes
- legst eine neue id in der style.css an, in der du das Bild rechts floatest:
Dies ist bereits die neue Id.
#block-views-News_Seite-block_1 img{
float:right;
width: 50%
}
Du musst nichts mehr in Deine page.tpl.php reinschreiben. Das div kannst Du da getrost wieder raussnehmen.
Ich hoffe das hilft Dir weiter.
Viele Grüße
Barrierefreies Webdesign
Marita Betz
Hi, danke schionmal. Aber
am 04.01.2009 - 11:48 Uhr
Hi, danke schionmal. Aber leider funktioneirt das so nciht. Ich habe auch schon den Chache geleert, doch leider ohne erfolg.
MFG Birsel
EDIT: Ich habe es geschafft, es waren allerdings zwei Fehler drin, zum 1. war die ID falsch es war nämlich diese hier:"block-views-Tutorials_Startseite-block_1" und zum zweiten war das width falsch das musste komplett entfernt werden.
Aber jetzt funktioniert alles einwandfrei. VIELEN DANK für eure Bemühungen.
Kannst Du mal den Link posten von der Webseite?
am 04.01.2009 - 11:52 Uhr
Hallo Birsel,
könntest Du mal den Link posten von Deiner Webseite, dann kann man das vielleicht eher nachvollziehen, warum es nicht funktioniert.
Wenn Du mit dem Firebug Dir das anschaust, wird bei dem View, jetzt die Angaben, die Du in der style.css gemacht hast überhaupt angenommen? Und hast Du schon die style.css genommen, die in Deinem Theme drin liegt?
Viele Grüße
Barrierefreies Webdesign
Marita Betz
Hi, vielleicht habe ich
am 04.01.2009 - 12:04 Uhr
Hi, vielleicht habe ich gerade meinen Beitrag editiert als du deinen gschrieben hast, denn es funktioniert.
VIELEN DANK nochmal.
MFG Birsel
Allerdings habe ich jetzt
am 04.01.2009 - 12:58 Uhr
Allerdings habe ich jetzt noch eine Frage.
Undzwar werden in dem View ja Überschriften angezeigt, wie kann ich diese zur Überschrift h1 machen?
MFG Birsel