Teammitglieder online
Regeln und nützliche Hinweise
Neueste Themen
» kann man noch Blogs hier erstellen?von Joost Mi 27 März 2024 - 18:40
» Einstellen der Profilfelder funktioniert nicht
von Skouliki Di 26 März 2024 - 12:54
» Gründer-E-Mail-Adresse ändern
von Skouliki Mo 25 März 2024 - 13:48
» PN's werden nicht mehr rot eingefärbt
von Skouliki Fr 22 März 2024 - 7:44
» Forum löschen, Probleme mit Gründeraccount
von Skouliki Do 21 März 2024 - 9:04
» Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
von Skouliki Do 21 März 2024 - 9:03
» [phpBB3] Suchfunktion ohne Funktion
von Skouliki Mi 20 März 2024 - 8:41
» Neuer User kann sich anmelden.
von Skouliki Mi 20 März 2024 - 8:38
» Zugangsdaten vergessen/verloren
von Joost Sa 16 März 2024 - 21:07
» Schwierigkeiten mit BBCode
von Skouliki Fr 15 März 2024 - 11:51
» Entdeckt die neue Option Servimg Premium
von Joost Mi 6 März 2024 - 19:50
» Neues YAMAHA XT660-Forum
von gnadenlos Fr 1 März 2024 - 7:33
» Forum nur noch für Eingeloggte sichtbar?
von Skouliki Di 27 Feb 2024 - 7:53
» [phpBB3] Eine Frage zum Forum selbst.
von Skouliki Di 27 Feb 2024 - 7:52
» Beiträge verschwinden
von Skouliki Do 22 Feb 2024 - 7:47
» [Tutorial - alle Versionen] (De)aktiviert die Anzeige von Signaturen aus Eurem Profil
von Eto Do 15 Feb 2024 - 22:17
» Datenback-Dump?
von Skouliki Mo 12 Feb 2024 - 22:02
» Einloggen nicht mehr möglich [erbitte schnelle Rückmeldung!]
von Skouliki Mo 12 Feb 2024 - 8:15
Beiträge mit den meisten Reaktionen des Monats
» Beitrag von Joost in Entdeckt die neue Option Servimg Premium ( 2 )
» Beitrag von Joost in Missbrauchsmeldung "Sexueller Inhalt" war (wieder) Werbung/Spam/Scam
( 2 )
» Beitrag von T.G. in Zugangsdaten vergessen/verloren
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
» Beitrag von Skouliki in PN's werden nicht mehr rot eingefärbt
( 1 )
[phpBB2] Wechselschalter - Template - Button
2 verfasser
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1 • Teilen
[phpBB2] Wechselschalter - Template - Button
Huhu, ich bins wieder mit meinem CSS und Template Code.
Ich hatte ja gestern schon gefragt, ob man für die "Profilbuttons" e-mail Schicken und Website das im Template extra benennen müsste und als es hieße ja, habe ich mich dran gesetzt.
Ich habe es jetzt jeweils als id sowie als class probiert. Ging beides nicht, was mache ich falsch?
Im Template habe ich die richtige Stelle gefunden
viewtopic_body ->
Um das für den e-mail button zu verändern muss ich mir
So ich habe folgenden css erstellt: (ich nehm mal die id version, class müsste ja eig genauso funktionieren nur mit . statt #)
dann hab ich sie als erstes so eingefügt:
meine Zweite Idee war folgende
Hier ist zwar alles wieder in einer Zeile, das Bild dafür nonexistent, und der Link auch, aber ein teil des Codes aus dem Template ist zu sehen. (
Schließlich, hab ich mir überlegt, beide Varianten zu verbinden um vielleicht auf das gewünschte Ergebnis zu kommen:
(
Frage ist, wie bekomm ich es hin, dass das bild verlinkt ist wie normal und es angezeigt wird, in einer Zeile, so wie normal, nur über css?? Ich wäre echt dankbar, wenn ihr mir sagen könntet, was ich falsch mache :/
<3333 Im Voraus für die Hilfe
glG Ray
#Edit nur wenn jemand zeit hat mir zu helfen ich würde mich freun ansonsten versuh ichs selbst nochmal wird schon klappen iwie...
Ich hatte ja gestern schon gefragt, ob man für die "Profilbuttons" e-mail Schicken und Website das im Template extra benennen müsste und als es hieße ja, habe ich mich dran gesetzt.
Ich habe es jetzt jeweils als id sowie als class probiert. Ging beides nicht, was mache ich falsch?
Im Template habe ich die richtige Stelle gefunden
viewtopic_body ->
- Code:
{postrow.displayed.PROFILE_IMG} {postrow.displayed.PM_IMG} {postrow.displayed.EMAIL_IMG} <!-- BEGIN contact_field --> {postrow.displayed.contact_field.CONTENT}<!-- END contact_field --> {postrow.displayed.ONLINE_IMG}
Um das für den e-mail button zu verändern muss ich mir
- Code:
{postrow.displayed.EMAIL_IMG}
So ich habe folgenden css erstellt: (ich nehm mal die id version, class müsste ja eig genauso funktionieren nur mit . statt #)
- Code:
#email {display : block;
background-image: url(http://i12.servimg.com/u/f12/17/43/29/62/email10.png);
height:52px; /*Höhe des Bildes */
width:104px; /*Breite des Bildes*/}
dann hab ich sie als erstes so eingefügt:
- Code:
<img id="email" style="{postrow.displayed.EMAIL_IMG}" />
- screen:
meine Zweite Idee war folgende
- Code:
<a href="{postrow.displayed.EMAIL_IMG}" style="{postrow.displayed.EMAIL_IMG}" id="email"/>
- Code:
{postrow.displayed.EMAIL_IMG}
Hier ist zwar alles wieder in einer Zeile, das Bild dafür nonexistent, und der Link auch, aber ein teil des Codes aus dem Template ist zu sehen. (
- screen:
Schließlich, hab ich mir überlegt, beide Varianten zu verbinden um vielleicht auf das gewünschte Ergebnis zu kommen:
- Code:
<a href="{postrow.displayed.EMAIL_IMG}"><img id="email" style="http://2img.net/i/fa/empty.gif" /></a>
(
- screen:
Frage ist, wie bekomm ich es hin, dass das bild verlinkt ist wie normal und es angezeigt wird, in einer Zeile, so wie normal, nur über css?? Ich wäre echt dankbar, wenn ihr mir sagen könntet, was ich falsch mache :/
<3333 Im Voraus für die Hilfe
glG Ray
#Edit nur wenn jemand zeit hat mir zu helfen ich würde mich freun ansonsten versuh ichs selbst nochmal wird schon klappen iwie...
Zuletzt von Raylan am Fr 24 Mai 2013 - 16:55 bearbeitet; insgesamt 2-mal bearbeitet
Raylan- Geselle
- Beiträge : 77
Anmeldedatum : 06.11.12
Re: [phpBB2] Wechselschalter - Template - Button
Hallo,
du machst hier einen grundlegenden Fehler: Du siehst dir nicht an bzw. überlegst dir nicht, welchen HTML-Code die Variable exakt von der Datenbank abfragt und ausgibt.
Wenn du die Variable so einbindest...
Dann behandelst du sie so, als ob sie eine URL ausgeben würde (nicht mehr oder weniger, sondern nur eine URL wie www.google.de ):
Verstehst du nun, welchen Fehler du gemacht hast? Du hattest überhaupt nicht nachgesehen, für welchen Code diese Variable überhaupt sorgt und wie du dann mit diesem Code umgehen musst.
Wenn du darüber nachdenkst, dann wird klar: Die Variable {postrow.displayed.EMAIL_IMG} muss eine verlinkte Grafik als HTML-Code ausgeben, weil nur dadurch möglich ist, dass die Variable zu dem E-Mail-Button führt.
Also öffnest du Firebug und siehst dir das auch nochmal in der Praxis an:
Und tatsächlich siehst du, dass die Variable einen HTML-Code in diesem Schema ausgibt - also eine verlinkte Grafik:
Das bedeutet: Wir können diese Variable nicht direkt in ein anderes Element als Wert (style/href/...) integrieren, sondern wir können sie nur von einem übergeordneten Element umschließen lassen. Dazu bietet sich ein span-Element mit Klasse an:
Inzwischen setzen wir in der Bilderverwaltung ("Buttons") die Leergrafik ein, damit wir dann mit CSS das Hintergrundbild mittels Wechselstyle einsetzen können.
Wie sieht der Code durch diese Änderung im Quelltext aus? Das kannst du wieder mit Firebug überprüfen. Dabei sehen wir gleich, dass wir nun die Grafik (Leergrafik) direkt ansprechen können, weil sie nun die span-Klasse mail_button besitzt, mit der wir sie gerade umschlossen haben.
Der Rest ergibt sich in einfachster Weise daraus:
Ich hoffe, ich konnte dir die Vorgangsweise nun etwas deutlicher machen, die du für alle Templateänderungen in Bezug auf Variablen benötigst. Zusammengefasst:
Günther
du machst hier einen grundlegenden Fehler: Du siehst dir nicht an bzw. überlegst dir nicht, welchen HTML-Code die Variable exakt von der Datenbank abfragt und ausgibt.
Wenn du die Variable so einbindest...
- Code:
<img id="email" style="{postrow.displayed.EMAIL_IMG}" />
Dann behandelst du sie so, als ob sie eine URL ausgeben würde (nicht mehr oder weniger, sondern nur eine URL wie www.google.de ):
- Code:
<a href="{postrow.displayed.EMAIL_IMG}" style="{postrow.displayed.EMAIL_IMG}" id="email"/>
Verstehst du nun, welchen Fehler du gemacht hast? Du hattest überhaupt nicht nachgesehen, für welchen Code diese Variable überhaupt sorgt und wie du dann mit diesem Code umgehen musst.
Wenn du darüber nachdenkst, dann wird klar: Die Variable {postrow.displayed.EMAIL_IMG} muss eine verlinkte Grafik als HTML-Code ausgeben, weil nur dadurch möglich ist, dass die Variable zu dem E-Mail-Button führt.
Also öffnest du Firebug und siehst dir das auch nochmal in der Praxis an:
Und tatsächlich siehst du, dass die Variable einen HTML-Code in diesem Schema ausgibt - also eine verlinkte Grafik:
- Code:
<a href="/profile?mode=email&u=1">
<img title="E-Mail senden" alt="E-Mail senden" src="http://2img.net/i/fa/subsilver/icon_email.gif">
</a>
Das bedeutet: Wir können diese Variable nicht direkt in ein anderes Element als Wert (style/href/...) integrieren, sondern wir können sie nur von einem übergeordneten Element umschließen lassen. Dazu bietet sich ein span-Element mit Klasse an:
Ich hoffe, du siehst durch meine Erklärung nun selbst, dass es keine andere Möglichkeit gibt, diese Variable in einen zusätzlichen HTML-Code zu integrieren.<span class="mail_button">{postrow.displayed.EMAIL_IMG}</span>
Inzwischen setzen wir in der Bilderverwaltung ("Buttons") die Leergrafik ein, damit wir dann mit CSS das Hintergrundbild mittels Wechselstyle einsetzen können.
Wie sieht der Code durch diese Änderung im Quelltext aus? Das kannst du wieder mit Firebug überprüfen. Dabei sehen wir gleich, dass wir nun die Grafik (Leergrafik) direkt ansprechen können, weil sie nun die span-Klasse mail_button besitzt, mit der wir sie gerade umschlossen haben.
Der Rest ergibt sich in einfachster Weise daraus:
Ich hoffe, ich konnte dir die Vorgangsweise nun etwas deutlicher machen, die du für alle Templateänderungen in Bezug auf Variablen benötigst. Zusammengefasst:
- Welchen HTML-Code gibt die Variable ganz genau in den Quellcode aus?
- Wie kann man mit diesem HTML-Code umgehen? In den meisten Fällen ist es nur möglich, ihn mit einem span-/div-Element zu umschließen und diesem Element eine Klasse oder ID zuzuweisen.
- Durch die umgebende Klasse oder ID kann das Element, das sich anstelle der Variable im Quellcode befindet, nun ganz einfach angesprochen werden. Firebug schlägt dir sogar selbst schon die passende Zuweisung vor (z.B. .klassenname element { ... } ).
Günther
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Wechselschalter - Template - Button
Ja, doch, mir war klar, dass da mehr dahinter stecken muss, allerdings hatte ich es gestern auch mit einer <div ...> funktion versucht, was allerdings ebenfalls nicht den gewünschten effekt hatte, weil das bild zwar angezeigt wurde, der Link allerdings trotzdem nicht so war, wie ich ihn haben wollte.... Ich habe mir nur leider, in der annahme, dass es so nicht geht den div code nicht aufgeschrieben.....
Danke, für deine Ausführliche Antwort, sie hat mir wirklich viel geholfen.
*großen Danke Lolly schenk*
glG
Ray
Danke, für deine Ausführliche Antwort, sie hat mir wirklich viel geholfen.
*großen Danke Lolly schenk*
glG
Ray
Raylan- Geselle
- Beiträge : 77
Anmeldedatum : 06.11.12
Re: [phpBB2] Wechselschalter - Template - Button
Bitte. Wenn du dir auch immer selbst mit Firebug den Quellcode ansiehst, kannst du diese Schritte in Zukunft selbst durchgehen.
-closed-
Edit: Auf Wunsch wieder geöffnet
Da du schreibst "es klappt nicht", bitte ich dich per PN um die Logindaten für einen Mitglieder-Testaccount (ohne besondere Rechte). Denn als Gast kann ich diese Kontaktbuttons nicht sehen und somit auch den Fehler nicht vor Ort untersuchen. Danke.
-closed-
Edit: Auf Wunsch wieder geöffnet
Da du schreibst "es klappt nicht", bitte ich dich per PN um die Logindaten für einen Mitglieder-Testaccount (ohne besondere Rechte). Denn als Gast kann ich diese Kontaktbuttons nicht sehen und somit auch den Fehler nicht vor Ort untersuchen. Danke.
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Wechselschalter - Template - Button
Uuuuhkay, also ich hab jetzt im Template, zuerst meinen dann deinen Code mit span eingesetzt, weil ich mir dachte, es muss ja gehen, inzwischen sieht es so aus:
Im CSS
Allerdings wird so das bild wieder gar nicht angezeigt und wenn ich
Daten & Links schicke ich wie gewünscht auch nochmal als PN (genauso wie jetzt mit dem span war das gestern mit dem div auch -.-)
- Code:
<span class="mail_button">{postrow.displayed.EMAIL_IMG}</span>
Im CSS
- Code:
.mail_button {background-image: url(http://i12.servimg.com/u/f12/17/43/29/62/email10.png);
height:52px; /*Höhe des Bildes */
width:104px; /*Breite des Bildes*/}
Allerdings wird so das bild wieder gar nicht angezeigt und wenn ich
- Code:
display : block;
Daten & Links schicke ich wie gewünscht auch nochmal als PN (genauso wie jetzt mit dem span war das gestern mit dem div auch -.-)
Raylan- Geselle
- Beiträge : 77
Anmeldedatum : 06.11.12
Re: [phpBB2] Wechselschalter - Template - Button
Dann hättest du dir meinen Screenshot etwas genauer ansehen sollen.
Sieh dir nochmal an, welche CSS-Zuweisung ich dort eingesetzt habe.
Auch in meiner Erklärung solltest du dir Punkt 3 nochmals ansehen:
Sieh dir nochmal an, welche CSS-Zuweisung ich dort eingesetzt habe.
Auch in meiner Erklärung solltest du dir Punkt 3 nochmals ansehen:
Und dieses Element ist nun einmal img innerhalb der span-Klasse.Durch die umgebende Klasse oder ID kann das Element, das sich anstelle der Variable im Quellcode befindet, nun ganz einfach angesprochen werden. Firebug schlägt dir sogar selbst schon die passende Zuweisung vor (z.B. .klassenname element { ... } ).
- Code:
.mail_button img {
...
}
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Re: [phpBB2] Wechselschalter - Template - Button
UUUuhhhh verdamt -.- *das blinde Huhn anfang zu rupfen -.-*
Tut mir leid, dass ich so nen stress gemacht hab *head meets tischplatte mal wieder*
Sry sry sry und DANKE!!! <3333
Nochmal 100% DANKE, habs ausprobiert, klappt super <3333
Tut mir leid, dass ich so nen stress gemacht hab *head meets tischplatte mal wieder*
Sry sry sry und DANKE!!! <3333
Nochmal 100% DANKE, habs ausprobiert, klappt super <3333
Raylan- Geselle
- Beiträge : 77
Anmeldedatum : 06.11.12
Re: [phpBB2] Wechselschalter - Template - Button
Bitte.
-closed-
-closed-
Günther- Admin a.D.
- Beiträge : 15349
Anmeldedatum : 16.07.08
Ähnliche Themen
» [phpBB2] Wechselschalter Kategoriebilder - Template
» [phpBB2] Wechselschalter - Buttons
» [phpBB2] Wechselschalter nicht sichtbar
» [phpBB2] [WECHSELSCHALTER] CSS Datei hochladen!
» [phpBB2] Wechselschalter in andere Version
» [phpBB2] Wechselschalter - Buttons
» [phpBB2] Wechselschalter nicht sichtbar
» [phpBB2] [WECHSELSCHALTER] CSS Datei hochladen!
» [phpBB2] Wechselschalter in andere Version
Das Forum der Foren :: Hilfe und Unterstützung :: Probleme mit Scripten oder Codes :: Probleme mit Scripten oder Codes - Archiv
Seite 1 von 1
Befugnisse in diesem Forum
Sie können in diesem Forum nicht antworten