Finde die CSS Datei für die Views nicht (web_widgets)
am 15.09.2010 - 14:31 Uhr in
Hallo,
habe ein Views mit "Web Widget" erstellt.
Das Widget wird per IFRAME ausgegeben und in eine andere Seite intergriert.
Dort sehe ich die ganz normalen Klassen und ID des Views über Firebug. (den Code unten)
Im Drupal ist als Standard Theme Garland angegeben, dort kann ich aber in der style.css nichts beeinflussen.
Habe es im "System" mit diversen CSS-Dateien versucht dort gings auch nicht.
Das Modul web_widgets hat keine eigene CSS Dateien.
Wie kann man diese IDs und Klassen bearbeiten?
<body id="widget">
<div class="view-content">
<table class="views-view-grid">
<tbody>
<tr class="row-1 row-first">
<td class="col-1">
<div class="views-field-title">
<label class="views-label-title">
Name:
</label>
<span class="field-content">Veronika</span>
</div>
<div class="views-field-field-bild-fid">
<span class="field-content"><img class="imagecache imagecache-5 Bewerber" title="" alt="" src="/sites/default/files/imagecache/5 Bewerber/Veronika06[1].jpg"></span>
</div>
<div class="views-field-field-email-value">
<label class="views-label-field-email-value">
Emailadresse:
</label>
<span class="field-content">Ja</span>
</div>
<div class="views-field-field-telefon-value">
<label class="views-label-field-telefon-value">
Telefonnummer:
</label>
<span class="field-content">Ja</span>
</div>
</td>
<td class="col-2">
<div class="views-field-title">
<label class="views-label-title">
Name:
</label>
<span class="field-content">Yvette</span>
</div>
<div class="views-field-field-bild-fid">
<span class="field-content"><img class="imagecache imagecache-5 Bewerber" title="" alt="" src="sites/default/files/imagecache/5 Bewerber/IMG0217A.jpg"></span>
</div>
<div class="views-field-field-email-value">
<label class="views-label-field-email-value">
Emailadresse:
</label>
<span class="field-content">Ja</span>
</div>
<div class="views-field-field-telefon-value">
<label class="views-label-field-telefon-value">
Telefonnummer:
</label>
<span class="field-content">Ja</span>
</div>
</td>
<td class="col-3">
<div class="views-field-title">
<label class="views-label-title">
Name:
</label>
<span class="field-content">Cassy</span>
</div>
<div class="views-field-field-bild-fid">
<span class="field-content"><img class="imagecache imagecache-5 Bewerber" title="" alt="" src="/default/files/imagecache/5 Bewerber/cassi2_0.jpg"></span>
</div>
<div class="views-field-field-email-value">
<label class="views-label-field-email-value">
Emailadresse:
</label>
<span class="field-content">Ja</span>
</div>
<div class="views-field-field-telefon-value">
<label class="views-label-field-telefon-value">
Telefonnummer:
</label>
<span class="field-content">Ja</span>
</div>
</td>
<td class="col-4">
<div class="views-field-title">
<label class="views-label-title">
Name:
</label>
<span class="field-content">Niki</span>
</div>
<div class="views-field-field-bild-fid">
<span class="field-content"><img class="imagecache imagecache-5 Bewerber" title="" alt="" src="/default/files/imagecache/5 Bewerber/Gina3.jpg"></span>
</div>
<div class="views-field-field-email-value">
<label class="views-label-field-email-value">
Emailadresse:
</label>
<span class="field-content">Ja</span>
</div>
<div class="views-field-field-telefon-value">
<label class="views-label-field-telefon-value">
Telefonnummer:
</label>
<span class="field-content">Ja</span>
</div>
</td>
</tr>
<tr class="row-2 row-last">
<td class="col-1">
<div class="views-field-title">
<label class="views-label-title">
Name:
</label>
<span class="field-content">Timi</span>
</div>
<div class="views-field-field-bild-fid">
<span class="field-content"><img class="imagecache imagecache-5 Bewerber" title="" alt="" src="default/files/imagecache/5 Bewerber/timi.JPG"></span>
</div>
<div class="views-field-field-email-value">
<label class="views-label-field-email-value">
Emailadresse:
</label>
<span class="field-content">Ja</span>
</div>
<div class="views-field-field-telefon-value">
<label class="views-label-field-telefon-value">
Telefonnummer:
</label>
<span class="field-content">-</span>
</div>
</td>
<td class="col-2">
</td>
<td class="col-3">
</td>
<td class="col-4">
</td>
</tr>
</tbody>
</table>
</div>
</div> </body>Meine aktuellen Drupal-Projekte:
- Anmelden oder Registrieren um Kommentare zu schreiben

Da Du offensichtlich nur den
am 15.09.2010 - 14:42 Uhr
Da Du offensichtlich nur den nackten View in die andere Seite integrierst, werden Deine CSS-Dateien von Drupal nicht mitgeliefert. Dann bleibt also nur eigene Style-Sheets auf der anderen Seite aufzubauen, damit das genau wie bei Drupal aussieht.
Beste Grüße
Werner
Hi Werner, dies wird in ein
am 15.09.2010 - 14:45 Uhr
Hi Werner,
dies wird in ein XT commerce Shop intergriert, Du meinst also, dass ich die Klassen und IDs einfach in de Template Datei des Shops schreibe und
die von dort aus editieren kann?
Habe das eben getestet, keine
am 15.09.2010 - 14:49 Uhr
Habe das eben getestet, keine Reaktion leider.
Sicher das es damit gehen sollte oder muss ich was besonderes beachten?
Das muß in entsprechenden
am 15.09.2010 - 15:01 Uhr
Das muß in entsprechenden CSS-Dateien passieren, Template-Files hört sich für mich nach etwas anderem an. Hast Du denn mal mit Firefox und Firebug gesehen, ob Deine CSS-Datei geladen wurde und ob die Styles an den entsprechenden Stellen aktiv sind? Es kann ja auch sein, daß Anweisungen aus CSS-Dateien des Shop-Systems zum Zuge kommen. Da muß man alles genau prüfen.
Beste Grüße
Werner
Im Shop werden die CSS Datein
am 15.09.2010 - 15:10 Uhr
Im Shop werden die CSS Datein im Stylesheet CSS des Templates editiert. Dort
habe ich das versucht ohne Erfolg.
Im Firebug werden wie im ersten Beitrag hinterlegt alle Klassen und IDs angezeigt - es wird lediglich eine forms.css und
eine html.css von Firebug wiedergegeben, diese Datein exestieren aber soweit ich weiss nur im Browser, kann also diese nicht überschreiben.
Dann ist das Problem klar auf
am 15.09.2010 - 15:23 Uhr
Dann ist das Problem klar auf der Shopseite. Du mußt dort sehen, wie Du eigene Styles aktiviert. Wenn Du Dir die Quelle der Shopseite ansiehst, müßte im Header eine Liste mit CSS-Dateien stehen. Wenn es aber wirklich alles über Styleanweisungen im Template geht, solltest Du Deine neuen Anweisungen noch mal auf korrekte Syntax überprüfen. Alles nach einem Systaxfehler wird dann vermutlich verworfen.
Beste Grüße
Werner
Im Header ist nur folgende
am 15.09.2010 - 15:41 Uhr
Im Header ist nur folgende CSS zu finden:
<link rel="stylesheet" type="text/css" href="templates/mytpl/stylesheet.css" />habe eben den Code per CSS Validation geprüft, es werden zwar Fehler aufgeführt, diese beruhen sich allerdings auf IE Hacks ("html, html* ).
also in dem Sinne wird alles eingelesen.
Mhhh, ich weiss auch nicht weiter, mache nun schon seit einen halben Tag dran rum :(
Wenn Du also Deine eigenen
am 15.09.2010 - 15:53 Uhr
Wenn Du also Deine eigenen CSS-Anweisungen in die oben erwähnte templates/mytpl/stylesheet.css Datei geschrieben hast, was zeigt Dir denn der Firebug bei den Klassen, die Du gestylt haben möchtest? Warum werden Deine Anweisungen nicht genommen, bzw welche werden genommen? Sind Deine nicht genau genug? Ohne intensive Benutzung von Firebug wirst Du da vermutlich nicht weiterkommen.
Beste Grüße
Werner