XHTML, CSS und PHP

aus Papoo Dokumentation, der freien Wissensdatenbank
(Unterschied zwischen Versionen)
Wechseln zu: Navigation, Suche
(hier gehören alle Bearbeitungen rein)
(AHnVlAnJEnsS)
 
(21 dazwischenliegende Versionen von 13 Benutzern werden nicht angezeigt)
Zeile 1: Zeile 1:
Das Papoo-CMS basiert auf vier Bestandteilen:
+
17 von 22 Kunden fanden die flgeonde Rezension hilfreich:                     Super Hammer!!, 2. August 2009Vona0 (Mechernich)                 Rezension bezieht sich auf: Makita HR 2470 SDS-Plus-Bohrhammer (Werkzeug)     Der Bohrhammer ist sehr gut verarbeitet und durch die Gummierung sehr schf6n anzufassen. Das Bohrfutter le4sst sich gut he4ndeln und auch die Drehzahlelektronik le4sst sich sehr gut dosieren. Grf6dfe und Gewicht der Maschine sind ffcr den alltagsbetrieb noch sehr angenehm und ffcr Hobbyschrauber sicher allemal ausreichend. Klare Kaufempfehlung!Helfen Sie anderen Kunden bei der Suche nach den hilfreichsten Rezensionena0War diese Rezension ffcr Sie hilfreich?a0  | a0
* [http://de.wikipedia.org/wiki/PHP PHP] - in dieser Programmiersprache ist Papoo geschrieben
+
* [http://de.wikipedia.org/wiki/MySQL MySQL] - das verwendete [http://de.wikipedia.org/wiki/RDBMS RDBMS] von Papoo ist in der Regel MySQL
+
* [http://de.wikipedia.org/wiki/XHTML XHTML] - die Ausgaben im Browser wird über XHTML erreicht
+
* [http://de.wikipedia.org/wiki/Cascading_Style_Sheets CSS] - mittels CSS werden die Formatierungen, also das Aussehen der Ausgabeseiten von Papoo, gesteuert.
+
 
+
Den Anwender von Papoo ist es möglich das Aussehen von Papoo über Änderungen an den CSS-Dateien weitesgehend an Ihre eigenen Bedürfnisse anzupassen. Einen Überblick über die Vielfalt der Seiten bieten die [http://www.papoo.de/index/menuid/143 Referenzen] von Papoo. Schauen Sie sich einfach mal auf den Seiten um.
+
 
+
== Fußzeile ==
+
Das Aussehen und der Inhalt der Fußzeile werden in der Datei /templates/[[foot.inc.html]] angepasst.
+
 
+
Hinweis: Bitte sichern Sie sich die Originaldatei vor einer Änderung, z.B. mit folgendem Namen: foot_ori.inc.html. So können Sie die ursprüngliche Datei jederzeit wieder her stellen.
+
 
+
[...]
+
 
+
<nowiki>{if $startseite}</nowiki><br/>
+
<nowiki><a style="display: none;height: 0px;left: -1000px;overflow:hidden;position: absolute;top: -1000px;width: 0px;" href="http://www.papoo.de">Barrierefreies Internet auf {$site_name} durch Papoo !</a></nowiki><br/>
+
<nowiki>{/if}</nowiki><br/>
+
<nowiki><div style="display: none;height: 0px;left: -1000px;overflow:hidden;position: absolute;top: -1000px;width: 0px;">.<h2 class="ignore">xx_zaehler</h2></div></body></html></nowiki><br/>
+
 
+
 
+
Zum Beispiel könnte man hier nach dem {/if} die vorhandene Fußzeile ersetzen.
+
Folgender Code erzeugt eine hellbraune Fußzeile mit einem Link:
+
 
+
 
+
<nowiki>{/if}</nowiki><br/>
+
<nowiki><center></nowiki><br/>
+
<nowiki><div style="background-color: #ECE1C3; color: black; padding: 0.5em; border-left: none; border-top: solid; border-bottom: solid; border-right: none; border-top-width: thin; border-bottom-width: thin; border-color: gray; width: 100%; "></nowiki><br/>
+
<nowiki><a href="http://www.papoo.de">Barrierefreies Internet auf {$site_name} durch Papoo</a></div><center></body></html></nowiki><br/>
+
 
+
 
+
== Ich habe ein Problem mit dem CSS ==
+
Die Frage des Designs stellt sich mit jeder Installation von Papoo.
+
 
+
Bisher gibt es eine CSS-Datei für alle Browser und eine CSS-Datei (IE_Fixes), in der die Besonderheiten für den Internet Explorer reinkommen.
+
 
+
Nun kommen immer wieder Fragen, wo kann ich dies oder das in der CSS-Datei ändern. Dafür gibt für den Firefox mit dem [http://www.erweiterungen.de/detail/97/ '''Web Developer''' eine sehr gute Erweiterung], die eine zusätzliche Symbolleiste einblendet. Mit dieser Leiste können online Änderungen zum Test vorgenommen werden:
+
* ''CSS bearbeiten'' ([http://de.wikipedia.org/wiki/Shortcut Shortcut]: STRG+Umschalt+B)
+
* ''CSS deaktivieren'' ([http://de.wikipedia.org/wiki/Shortcut Shortcut]: STRG+Umschalt+D)
+
* ''Grafiken deaktivieren''
+
* ''Grafiken ohne ALT-Attribute hervorheben''
+
 
+
Ebenso kann über die Funktion ''Style informationen anzeigen'' (STRG+Umschalt+Y) mittels Mauszeiger jedes Element auf dem Bildschirm auf seine grundlegenden CSS Elemente überprüft werden.
+
 
+
Ab Papoo Version 3.0 wird das System auf [http://www.highresolution.info/webdesign/yaml/ YAML] umgestellt.
+
 
+
== Überschriften in der 3. Spalte sollen auch farbig unterlegt sein ==
+
<nowiki><h3 class="bla">header</h3></nowiki>
+
 
+
<pre>.bla {
+
background:#555;
+
}
+
 
+
oder
+
/* Kann natürlich auch h2,h4 etc sein */
+
.rechts1fl h3 {
+
background:#555;
+
}</pre>
+
 
+
* Quelle: [http://www.papoo.de/forumthread/forumid/6/menuid/138/rootid/7641/msgid/7782#7782 Forum - Überschriften farbig in der dritten Spalte]
+
* Quelle: [http://www.papoo.de/forumthread/forumid/1/menuid/138/rootid/7883/msgid/7889#7889 Forum - Überschriften farbig (Code in css/papoo/papoo.css)]
+
 
+
==Wie bekomme ich die Suchbox in die rechten Spalte==
+
Gilt bis [[Version 3.0]]<br />
+
Da dies eine beliebte Änderung ist, will ich sie hier mal vorstellen. [[Bild:Suchbox-3-Spalte.jpg|thumb|Die Suchbox in der 3. Spalte, hier angepaßt an die [[Überschriften in der 3. Spalte sollen auch farbig unterlegt sein]]]]
+
 
+
Es sind dafür 2 Änderungen nötig.
+
# Die Suchbox-Befehle stehen in der Datei: /templates/top.inc.html
+
#: In dieser Datei die Befehlszeile ''{if $suchbox}'' suchen. Diese bis zum folgenden {/if} ausschneiden.
+
# Diese Zeilen aus 1. kommen nun in die Datei /templates/rightcollumn.html. Wenn die Suchbox nach der Login-Box erscheinen sollen, suchen Sie bitte die Zeile ''{if $loggedin}'' und dann das zugehörige {/if}. Danach fügen Sie bitte die Zeilen aus 1. ein.
+
# Als nächsten ist noch die CSS-Datei anzupassen, damit die Positionierung stimmt.
+
## Suchen Sie sich .suchen{} und löschen Sie dieses
+
## Suchen Sie sich #suchbox (es sind 3 Einträge). Diese verschieben Sie bitte hinter .loginbox, dies dient der besseren Zuordnung.
+
## Setzen Sie bitte in die Zeile .loginbox ''',.suchen''' ein
+
## Kommentieren Sie bei #suchbox folgende Zeilen aus:
+
##:* position
+
##:* z-index
+
##:* top
+
##:* left
+
 
+
Übertragen Sie die geänderten Dateien wieder auf Ihren Server. Danach sollten Sie die Suchbox schon in der 3. Spalte sehen und benutzen können.
+
 
+
Wichtig: Sollten Sie die Suchbox nicht sehen, prüfen Sie bitte, ob die Suchbox in den Stammdaten überhaupt aktiviert ist.
+
 
+
Hier können Sie sich eine [http://www.ao-hahn.de/daten-papoo/papoo_Suchbox_3_Spalte.zip Datei] runterladen, die die drei geänderten Dateien enthält. Voraussetzung: Grundinstallation von Papoo Vers. 2.1.4 und Nutzung der papoo.css.
+
 
+
Hier sehen Sie noch eine andere Anpassung für die Login- und Suchbox: [http://www.papoo.de/forumthread/forumid/6/menuid/138/rootid/8509/msgid/8537 Forum - Suchbox in der 3. Spalte]
+
 
+
== Probleme und Fehler ==
+
* [[XHTML, CSS und PHP (Probleme und Fehler) | Probleme und Fehler bei Papoo mit XHTML, CSS oder PHP]]
+

Aktuelle Version vom 9. April 2012, 17:45 Uhr

17 von 22 Kunden fanden die flgeonde Rezension hilfreich: Super Hammer!!, 2. August 2009Vona0 (Mechernich) Rezension bezieht sich auf: Makita HR 2470 SDS-Plus-Bohrhammer (Werkzeug) Der Bohrhammer ist sehr gut verarbeitet und durch die Gummierung sehr schf6n anzufassen. Das Bohrfutter le4sst sich gut he4ndeln und auch die Drehzahlelektronik le4sst sich sehr gut dosieren. Grf6dfe und Gewicht der Maschine sind ffcr den alltagsbetrieb noch sehr angenehm und ffcr Hobbyschrauber sicher allemal ausreichend. Klare Kaufempfehlung!Helfen Sie anderen Kunden bei der Suche nach den hilfreichsten Rezensionena0War diese Rezension ffcr Sie hilfreich?a0 | a0

'Persönliche Werkzeuge
Namensräume
Varianten
Aktionen
Navigation
Werkzeuge