Facebook,Twitter anstelle "suche"
Forumsregeln
phpBB 3.0 hat das Ende seiner Lebenszeit überschritten
phpBB 3.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 3.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf die neuste phpBB-Version, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
phpBB 3.0 hat das Ende seiner Lebenszeit überschritten
phpBB 3.0 wird nicht mehr aktiv unterstützt. Insbesondere werden - auch bei Sicherheitslücken - keine Patches mehr bereitgestellt. Der Einsatz von phpBB 3.0 erfolgt daher auf eigene Gefahr. Wir empfehlen einen Umstieg auf die neuste phpBB-Version, welches aktiv weiterentwickelt wird und für welches regelmäßig Updates zur Verfügung gestellt werden.
Facebook,Twitter anstelle "suche"
Suche eine Mod.
Wo anstelle der (suche) oben rechts im Header!
zb. 3 Icons ( Facebook, Twitter, etc.) angezeigt werden.
Wo anstelle der (suche) oben rechts im Header!
zb. 3 Icons ( Facebook, Twitter, etc.) angezeigt werden.
-
- Valued Contributor
- Beiträge: 3545
- Registriert: 21.04.2004 12:22
- Wohnort: Berlin
- Kontaktdaten:
Re: Facebook,Twitter anstelle "suche"
Ein bisschen genau sollte dein Anliegen schon beschrieben werden.
Willst du einfach nur solche Icons, wo man auf dem Klick auf die entsprechende Fan-/Gruppen-Seite kommt oder sollen Es Like-Buttons sein oder oder oder?
Aber egal was du da nun hin haben willst, öffne die overall_header.html und entferne den HTML-Teil für das Suchfeld:(prosilver)
Und dann baust du da einfach deine gewünschten Icons ein.
Willst du einfach nur solche Icons, wo man auf dem Klick auf die entsprechende Fan-/Gruppen-Seite kommt oder sollen Es Like-Buttons sein oder oder oder?
Aber egal was du da nun hin haben willst, öffne die overall_header.html und entferne den HTML-Teil für das Suchfeld:
Code: Alles auswählen
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
Und dann baust du da einfach deine gewünschten Icons ein.
- 7emper5i
- Ehemaliger Übersetzer
- Beiträge: 1473
- Registriert: 11.04.2009 13:31
- Wohnort: Köln
- Kontaktdaten:
Re: Facebook,Twitter anstelle "suche"
Hallo,
Ich nehme an, dass du deine "Mod"-Suche auf der von http://www.phpBB.com verwendeten Darstellung basiert.
Anhand derer habe ich kurz den Code zusammen geworfen. Das Ergebnis ist noch "einfacher" zu gestalten, da aktuell sowohl der CSS-Code der Search-Box, als auch der Code der Social-Icons an sich miteinander zu dem von dir gewünschten Ergebnis führen.
Das Ergebnis der folgenden Code-Änderung sieht so aus:
[ externes Bild ]
Bei einem unmodifizierten phpBB der Version 3.0.9 befinden sich die Zeilen zwischen 114 und 124
Ersetze dies mit den folgenden Zeilen:
Hier kannst du nun entsprechend deinem Gusto die Anordnung ändern, oder auch einige Zeilen weglassen.
Die Zeilen sind prinzipiell selbsterklärend.
Anschließend gehst du in deinen phpBB3/styles/prosilver/theme/images/ - Ordner und fügst dort die folgenden drei Bilder ein:
Facebook: [ externes Bild ]
RSS: [ externes Bild ]
Twitter: [ externes Bild ]
Als abschließenden Schritt öffnest du im Ordner phpBB3/styles/prosilver/theme/common.css und scrollst nach ganz unten. Bei einem unmodifizierten phpBB der Version 3.0.9 wäre das ab Zeile 633.
Dort fügst du dann folgendes ein:
Wenn du alle drei Schritte entsprechend ausgeführt hast, gehst du bitte in dein Administrator Kontrollzentrum (ACP) und dort auf den Karteireiter STYLES.
Links siehst du dann die Option Style-Komponenten - dort aktualisierst du bitte alle prosilver-Komponenten. Insgesamt also drei Aktualisierungen.
Anschließend gehst du auf den Karteireiter ALLGEMEIN und führst eine CACHE LEERUNG aus.
Dann gehst du auf deine Forenansicht, und falls du noch nichts siehst, aktualisiere bitte deinen Browser mit F5.
Ich nehme an, dass du deine "Mod"-Suche auf der von http://www.phpBB.com verwendeten Darstellung basiert.
Anhand derer habe ich kurz den Code zusammen geworfen. Das Ergebnis ist noch "einfacher" zu gestalten, da aktuell sowohl der CSS-Code der Search-Box, als auch der Code der Social-Icons an sich miteinander zu dem von dir gewünschten Ergebnis führen.
Das Ergebnis der folgenden Code-Änderung sieht so aus:
[ externes Bild ]
Suche in deiner overall_header.html die CodezeilenHinweis:
Eine sauber geschriebene Lösung liefere ich eventuell noch einmal nach.
Die "Anleitung" basiert auf dem phpBB-Werkstemplate prosilver, angelehnt an der Lösung von http://www.phpBB.com
Code: Alles auswählen
<!-- IF S_DISPLAY_SEARCH and not S_IN_SEARCH -->
<div id="search-box">
<form action="{U_SEARCH}" method="post" id="search">
<fieldset>
<input name="keywords" id="keywords" type="text" maxlength="128" title="{L_SEARCH_KEYWORDS}" class="inputbox search" value="<!-- IF SEARCH_WORDS-->{SEARCH_WORDS}<!-- ELSE -->{L_SEARCH_MINI}<!-- ENDIF -->" onclick="if(this.value=='{LA_SEARCH_MINI}')this.value='';" onblur="if(this.value=='')this.value='{LA_SEARCH_MINI}';" />
<input class="button2" value="{L_SEARCH}" type="submit" /><br />
<a href="{U_SEARCH}" title="{L_SEARCH_ADV_EXPLAIN}">{L_SEARCH_ADV}</a> {S_SEARCH_HIDDEN_FIELDS}
</fieldset>
</form>
</div>
<!-- ENDIF -->
Ersetze dies mit den folgenden Zeilen:
Code: Alles auswählen
<div id="search-box">
<div id="top-social" class="top-social-home">
<div id="top-social-icons">
<a href="http://www.deineseite.de/feeds/rss/?sid=xxx"><img src="{T_THEME_PATH}/images/rss.png" alt="RSS"></a>
<a href="http://www.facebook.com/deineseite"><img src="{T_THEME_PATH}/images/facebook.png" alt="Facebook"></a>
<a href="http://www.twitter.com/deineseite"><img src="{T_THEME_PATH}/images/twitter.png" alt="Twitter"></a>
</div>
</div>
</div>
Die Zeilen sind prinzipiell selbsterklärend.
Anschließend gehst du in deinen phpBB3/styles/prosilver/theme/images/ - Ordner und fügst dort die folgenden drei Bilder ein:
Facebook: [ externes Bild ]
RSS: [ externes Bild ]
Twitter: [ externes Bild ]
Als abschließenden Schritt öffnest du im Ordner phpBB3/styles/prosilver/theme/common.css und scrollst nach ganz unten. Bei einem unmodifizierten phpBB der Version 3.0.9 wäre das ab Zeile 633.
Dort fügst du dann folgendes ein:
Code: Alles auswählen
/* Social Buttons im Header
---------------------------------------- */
#top-social {
height: 20px;
margin: 0 auto;
position: relative;
top: 15px;
}
.top-social-home {
right: 10px !important;
}
#top-social-icons {
float: right;
}
#top-social-icons img {
float: left;
padding: 0 3px;
}
#top-social-icons div {
float: left !important;
padding: 0 3px !important;
}
Wenn du alle drei Schritte entsprechend ausgeführt hast, gehst du bitte in dein Administrator Kontrollzentrum (ACP) und dort auf den Karteireiter STYLES.
Links siehst du dann die Option Style-Komponenten - dort aktualisierst du bitte alle prosilver-Komponenten. Insgesamt also drei Aktualisierungen.
Anschließend gehst du auf den Karteireiter ALLGEMEIN und führst eine CACHE LEERUNG aus.
Dann gehst du auf deine Forenansicht, und falls du noch nichts siehst, aktualisiere bitte deinen Browser mit F5.
Viel Erfolg.Hinweis Nr 2:
Durch die Tatsache, dass die Forenlogos unterschiedliche Größe bei allen phpBB-Usern haben können, verschiebt sich auch die Höhe der Social-Network-Icons.
Die Höhe verändert ihr, indem ihr in der common.css den Wertsucht und dortCode: Alles auswählen
#top-social { .. }
entsprechend euren Ansprüchen verändert.Code: Alles auswählen
top: 5px;
Die Deutsche Rechtschreibung ist Freeware, sprich, du kannst sie kostenlos nutzen. Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen.
Re: Facebook,Twitter anstelle "suche"
Hat jemand auch ne Info wie ich das ganze in den Style an die Stelle der beiden X bekomme ?
[ externes Bild ]
Vielen Dank
EDIT: Die Suche oben drüber soll erhalten bleiben
[ externes Bild ]
Vielen Dank
EDIT: Die Suche oben drüber soll erhalten bleiben
Re: Facebook,Twitter anstelle "suche"
Wäre hilfreich gewesen in welche datei genau man
eintragen muss...
Ich habe es in die "common.css" kopiert.
Funktioniert!
Code: Alles auswählen
/* Social Buttons im Header
---------------------------------------- */
#top-social {
height: 20px;
margin: 0 auto;
position: relative;
top: 15px;
}
.top-social-home {
right: 10px !important;
}
#top-social-icons {
float: right;
}
#top-social-icons img {
float: left;
padding: 0 3px;
}
#top-social-icons div {
float: left !important;
padding: 0 3px !important;
}
Ich habe es in die "common.css" kopiert.
Funktioniert!
Wir war'n geboren um zu leben, mit den Wundern jener Zeit,
sich niemals zu vergessen, bis in alle Ewigkeit.
sich niemals zu vergessen, bis in alle Ewigkeit.
- 7emper5i
- Ehemaliger Übersetzer
- Beiträge: 1473
- Registriert: 11.04.2009 13:31
- Wohnort: Köln
- Kontaktdaten:
Re: Facebook,Twitter anstelle "suche"
Hallo,
da hast du Recht. Die Datei- innerhalb der Ordnerangabe ist mir beim schreiben untergegangen. Ich hab es nachgetragen.
Gottseidank hatte ich es im Hinweis Nr. 2 ja erwähnt. Der aufmerksame Leser konnte es sich ja auch so erschließen.
Danke und Gruß
da hast du Recht. Die Datei- innerhalb der Ordnerangabe ist mir beim schreiben untergegangen. Ich hab es nachgetragen.
Gottseidank hatte ich es im Hinweis Nr. 2 ja erwähnt. Der aufmerksame Leser konnte es sich ja auch so erschließen.
Danke und Gruß
Die Deutsche Rechtschreibung ist Freeware, sprich, du kannst sie kostenlos nutzen. Allerdings ist sie nicht Open Source, d.h. du darfst sie nicht verändern oder in veränderter Form veröffentlichen.