Page 1 of 1

images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 8:25 am
by dylan
Ich möchte beim News-Modul den hochgeladenen images einen einheitlichen style zuweisen.

Ich habe im Template (orig_detail_template.tpl) diesen Eintrag als 'Mutter' der hochgeladenen images ausfindig gemacht:

file_location}/{$field->value}" />

Ich habe einen style in der css-Datei angelgt:
img.rahmen {border:#000 1px solid;}

Diesen style möchte ich allen hochgeladenen images (detail-Seite) zuweisen.
So sehen meine Versuche aus:

file_location}/{$field->value} class='rahmen' " />
funktioniert nicht

file_location}/{$field->value}" class="rahmen" />
funktioniert nicht

file_location}/{$field->value} class="rahmen" " />
funktioniert nicht

file_location}/{$field->value}" class="rahmen" />

Leider funktioniert keiner meiner Versuche.
Ist der o.a. Eintrag (...) vielleicht gar nicht der richtige?
Wie muss es richtig aussehen?

Re: images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 8:38 am
by nicmare
gib mir mal deinen link zu der seite wo die imgs alle den gleichen style bekommen sollen und du kriegst das was du brauchst

Re: images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 8:44 am
by uniqu3
Du könntest auch einfach das id verwenden wo "News" angeziegt werden bsp. oder so, dann gib einfach im CSS #NewsSummary img {border:#000 1px solid;} danach sollte das auf alle images in diesem Div angewendet werden.
Wäre eventuell einfacher da Du kein class im News template einfügen musst.

Re: images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 8:45 am
by antibart
dylan wrote: Ich habe im Template (orig_detail_template.tpl) diesen Eintrag als 'Mutter' der hochgeladenen images ausfindig gemacht:
Das ist nicht die "Mutter aller Bilder", sondern gilt für Bilder, die Du direkt über  ein selbstdefiniertes Feld hochlädst (siehe Reiter "Feldefinitionen"). Definierte Felder müssen erstmal erstellt werden.

Ich glaube, Du meinst was anderes:

Viel einfacher wäre direkt auf das DIV bezogen - denn das beträfe dann alle Bilder. Auch die, die Du über den Tiny-Editor hochlädst:
zB

#NewsPostDetailContent img {...}

Kannst natürlich auch ein eigenes globlaes DIV im Detail-Template drumrumbauen. zb ...



EDIT - hops, da war jemand schneller ..
uniqu3 wrote: dann gib einfach im CSS #NewsSummary img {border:#000 1px solid;} danach sollte das auf alle images in diesem Div angewendet werden.
... allerdings sind die DIVS im Summarytemplate Klassen, keine Container mit IDs, da IDs nur einmnal pro Seite auftauchen dürfen (was bei News-Summarys ja in der Regel nicht beabsichtigt ist) ... #NewsSummary würde also nicht funktionieren.

.. Aber er will ja eh das Ganze auf das Detail-Template anwenden.

Re: images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 9:23 am
by dylan
nicmare
gib mir mal deinen link zu der seite wo die imgs alle den gleichen style bekommen sollen und du kriegst das was du brauchst
Nicht alle, nur die des News-Moduls. Alle erreiche ich problemlos per img {border:#000 1px solid;}, das möchte ich aber gar nicht. Der Link ist http://localhost/.., dass wird nicht wirklich weiterhelfen ;) oder? Ich erstelle, bzw. gestalte Seiten immer localhost.
antibart
Im (Zusammenfassung?)-Template - fall es es sich um ein eigenes neu- definiertes Feld handelt:
Ich habe alles getestet, der style wird nicht übergeben.
Es ist kein neu definiertes Feld, es ist das im Modul/form enthaltene img-Feld. Hier der Quelltext meiner orig_detail_template.tpl:

(Ich habe aus dem News-Modul ein Referenzen-Modul gemacht, daher die 'Referenzen...', ansonsten ist aber fast alles wie im Original-NewsModul.)

Code: Select all

{* set a canonical variable that can be used in the head section if process_whole_template is false in the config.php *}
{if isset($entry->canonical)}
  {assign var='canonical' value=$entry->canonical}
{/if}

<p><strong>{$entry->title|escape}</strong></p>

<hr id="ReferenzenPostDetailHorizRule" />

{if $entry->summary}
	<div id="ReferenzenPostDetailSummary">
		<strong>
			{eval var=$entry->summary}
		</strong>
	</div>
{/if}

<div id="ReferenzenPostDetailContent">
	{eval var=$entry->content}
</div>

{if $entry->extra}
	<div id="ReferenzenPostDetailExtra">
		{$extra_label} {$entry->extra}
	</div>
{/if}

<div id="ReferenzenPostDetailPrintLink">
	{$entry->printlink}
</div>
{if $return_url != ""}
<div id="ReferenzenPostDetailReturnLink"><img src="images/cms/link_zurueck.gif" width="19" height="9" alt="" border="0" style="margin-top:8px;" /> {$return_url}</div>
{/if}

{if isset($entry->fields)}
  {foreach from=$entry->fields item='field'}
     <div class="ReferenzenDetailField">
        {if $field->type == 'file'}
	  {* this template assumes that every file uploaded is an image of some sort, because Referenzen doesn't distinguish *}
          <img src="{$entry->file_location}/{$field->value}" />
        {else}
          {$field->name}: {eval var=$field->value}
        {/if}
     </div>
  {/foreach}
{/if}
Das Template ist ein bißchen an meine Bedürfnisse angepasst, php-technisch ist aber nichts relevantes geändert. Das der Eintrag file_location}/{$field->value}" /> für die image-Darstellung verantwortlich ist, ist nur meine Vermutung, vielleicht ist es ja nicht so ?..

Re: images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 9:31 am
by dylan
Sorry, ich habe die Beiträge während des Schreibens meines Beitrages gelesen.
Ich war unaufmerksam, der Tipp hat funktioniert (ich hatte das img vergessen):

#ReferenzenPostDetailContent img {
  border:#000 1px solid;
  }

Sorry, und vielen Dank.

Re: images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 9:58 am
by uniqu3
antibart wrote:
dylan wrote: Ich habe im Template (orig_detail_template.tpl) diesen Eintrag als 'Mutter' der hochgeladenen images ausfindig gemacht:
Das ist nicht die "Mutter aller Bilder", sondern gilt für Bilder, die Du direkt über  ein selbstdefiniertes Feld hochlädst (siehe Reiter "Feldefinitionen"). Definierte Felder müssen erstmal erstellt werden.

Ich glaube, Du meinst was anderes:

Viel einfacher wäre direkt auf das DIV bezogen - denn das beträfe dann alle Bilder. Auch die, die Du über den Tiny-Editor hochlädst:
zB

#NewsPostDetailContent img {...}

Kannst natürlich auch ein eigenes globlaes DIV im Detail-Template drumrumbauen. zb ...



EDIT - hops, da war jemand schneller ..
uniqu3 wrote: dann gib einfach im CSS #NewsSummary img {border:#000 1px solid;} danach sollte das auf alle images in diesem Div angewendet werden.
... allerdings sind die DIVS im Summarytemplate Klassen, keine Container mit IDs, da IDs nur einmnal pro Seite auftauchen dürfen (was bei News-Summarys ja in der Regel nicht beabsichtigt ist) ... #NewsSummary würde also nicht funktionieren.

.. Aber er will ja eh das Ganze auf das Detail-Template anwenden.

Das war mir schon klar, ich hab einfach ein Besipiel genannt da ich keine Ahnung hatte wie ID oder class bennant ist :-)

Re: images einen einheitlichen style zuweisen

Posted: Wed Apr 08, 2009 10:16 am
by antibart
uniqu3 wrote:

Das war mir schon klar, ich hab einfach ein Besipiel genannt da ich keine Ahnung hatte wie ID oder class bennant ist :-)
Das sollte auch keine Belehrung an Dich sein. Aber dass DIR das klar ist, heisst ja nicht, dass andere Leser das auch wissen ...