Template anpassen ohne Kentnisse

[Mc Tuck]

Hallo,

ich habe folgendes Problem. Ich möchte ein Template einer 4images Galarie angepasst haben. Nur leider fehlen mir die dazu gehörigen Kentnisse. Nun meine Frage. Kann mir dies jemand kostenfrei erledigen oder gibt es einen "Crashkurs" in html für solche Sachen:

Eigentlich ist es nicht viel. Oben sollen die ersten beide Zeilen weg (Banner + gelbe Zeile) und links die Spalte mit der Anmeldung!

Zu sehen HIER

Ist dies für "Laien" machbar oder gibt es jemanden, der dies mir machen könnte?

 

[Yuuri]

Folgende Nodes suchen und rausschmeißen:

Navigation:

<td class="row2" width="150" valign="top">
<table width="150" cellspacing="0" cellpadding="0" border="0">
<tbody>
</table>
<table width="150" cellspacing="0" cellpadding="0" border="0">
<tbody>
</table>
</td>

Oben:

<tr>
<td>
<table class="tablehead" width="100%" cellspacing="0" cellpadding="0" border="0">
</td>
</tr>

<table width="100%" cellspacing="1" cellpadding="0" border="0">
<tbody>
<tr>
<td class="navbar" height="23">
<table width="100%" cellspacing="0" cellpadding="0" border="0">
</td>
</tr>
</tbody>
</table>

Ohne mehr zu sehen kann man da aber nichts "einfach" anpassen. Dem Aufbau nach, wird dort auch PHP- und HTML-Code vermischt.

PS: Vergiss das Backup nicht.

 

[Adam Gontier]

Warum so kompliziert?

hauptverzeichnis/galarie/templates/default_full/style.css
Zeile: 20

.tablehead {
    background-color: #E8E8E8;
    color: #004C75;
    [B]display: none;[/B]
}

Zeile: 37

.navbar {
    background-color: #FCDC43;
    color: #004C75;
    [B]display: none;[/B]
}

Diese Zeilen jeweils hinzufügen, danach noch diese Zeilen irgendwo in der style.css einfügen:

td.row2 table:first-child {
    [B]display:  none;[/B]
}

Dann bist du fertig.

Ist zwar nicht die feine englische Art, liefert aber das gewünschte Ergebnis.

 

[Mc Tuck]

Danke für die Antworten!

@ Yuuri: WO bzw. in welcher Datei suche ich die Nodes?

@ Adam Gontier. Was daran ist nicht genau die feine Art?

OK, ich werde es heute Abend ausprobieren - ich befürchte jedoch, das ich mich dann nochmal mit Fragen melden werde!

Ergänzung (16. März 2012)

@ Adam Gontier:

Ich habe es soweit gändert und es funktioniert mit der zweiten Variante!

Habe mich am Anfang wohl falsch ausgedrückt. Ich möchte nicht nur die Anmeldung weg haben, sondern die gesamte linke Spalte.

Könnte mir da bitte noch jemand behilflich sein, damit ich das Zufallsbild bzw. die komlett linke Spalte raus bekomme ?

DANKE !!!

 

[Adam Gontier]

easy:
Zeile: 53

[B]td[/B].row2 {
    background-color: #EFEFEF;
    color: #004C75;
    [B]display: none;[/B]
}

 

[Mc Tuck]

Soweit so gut.

Aber: Es fehlt jetzt die Komplette Kategorieauswahl. Wenn ich ein Bild anklicke, dann fehlen die Details und Kommentare.

http://www.fussball-sok.de/galarie

 

[Adam Gontier]

Setz diese Änderung bitte erst mal wieder zurück wenn du meinst, dass das so nicht passt.

Ich sehe übrigens die Bilddetails und Kommentare.

 

[Mc Tuck]

Aber die Menüstruktur ist komplett weg. Und bei den Bilddetails meine ich z. Bsp. die Klicks!

Ich setze es erstmal wieder zurück.

 

[Yuuri]

html > body > table > tbody > tr > td.bordercolor > table > tbody > tr > td.tablebgcolor > table > tbody > tr > td.row2 {
  display: none !important;
}

Würde als CSS für die Navigation funktionieren.

 

[Adam Gontier]

Sorry, dass ich auch nicht gleich den ganzen CSS-Pfad kopiert und angegeben habe.

Seiten, die mit Tabellen designet werden sind doch auch das allerletzte.

 

[Yuuri]

QFT

Wie geil, dass Capslock only Text automatisch konvertiert wird.

 

[Adam Gontier]

@Yuuri
Wie wahr.
Welches Dev-Tool nutzt du? Firebug ja anscheinend nicht.

@Mc Tuck
Da du alle Änderungen zurückgesetzt hast, musst du nun folgendes machen:

html body table tbody tr td table.tablehead{
	display: none !important;
}
html body table tbody tr td.bordercolor table tbody tr td.tablebgcolor table tbody tr td.navbar{
	display: none !important;
}
html body table tbody tr td.bordercolor table tbody tr td.tablebgcolor table tbody tr td.row2{
	display: none !important;
}

Diese Zeilen fügst du irgendwo in deine style.css ein.

 

[Yuuri]

Doch. Mit Firebug den CSS-Pfad kopieren und dann nur > eintragen zwischen den Nodes, damit du auch nur die entsprechenden Childnodes bekommst.

 

[Mc Tuck]

Hallo,

ich habe die Anweisung von Adam Gontier befolgt und die Zeilen der style.css hinzugefügt. Nun habe ich wieder den selben Effekt wie vorher:

- Menüstruktur (Kategorien) ist komplett weg
- Klicks bei den Bilddetails werden nicht angezeigt

also funktioniert bei mir defenitiv nicht !!!

 

[Yuuri]

Wie gesagt:

.tablehead {
    background-color: #E8E8E8;
    color: #004C75;
    display: none;
}
.navbar {
    background-color: #FCDC43;
    color: #004C75;
    display: none;
}
html > body > table > tbody > tr > td.bordercolor > table > tbody > tr > td.tablebgcolor > table > tbody > tr > td.row2 {
  display: none !important;
}

 

[Mc Tuck]

PERFEKT - Vielen DANK !!!

 

[Yuuri]

Dazu musst du die HTML anpassen. Den kompletten Teil

Spoiler

<table width="100%" cellspacing="0" cellpadding="1" border="0">
<tbody>
<tr>
<td class="bordercolor">
<table width="100%" cellspacing="0" cellpadding="3" border="0">
<tbody>
<tr valign="top">
<td class="row2">
Vorheriges Bild:
<br>
<b>
<a href="./details.php?image_id=14080&sessionid=tlffg91kppih00cc0efe848d30">Empor - SVM 01</a>
</b>
</td>
<td class="row2" align="right">
&nbsp;Nächstes Bild:
<br>
<b>
<a href="./details.php?image_id=14082&sessionid=tlffg91kppih00cc0efe848d30">Empor - SVM 03</a>
</b>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</tbody>
</table>

über oder unter (je nachdem ob über oder unter dem Bild)

Spoiler

<div align="center">
<img width="640" height="443" border="1" alt="Empor - SVM 02" src="./data/media/514/empor_-_svm_02.jpg">
<br>
<br>
<img border="0" alt="" src="./templates/default/images/lightbox_off.gif">
<a href="./postcards.php?image_id=14081&sessionid=tlffg91kppih00cc0efe848d30">
<img border="0" alt="" src="./templates/default/images/postcard.gif">
</a>
<img border="0" alt="" src="./templates/default/images/download_off.gif">
<img border="0" alt="" src="./templates/default/images/download_zip_off.gif">
</div>

einfügen.