IP blackliste

OPN ProfessionalHallo Zusammen,

in den letzten Versionen die in den Trunk liefen, wurde OPN um sicherheitstechnische Möglichkeiten bereichert. In diesem und den folgenden Artikeln möchte ich diese Möglichkeiten nach und nach kurz vorstellen.



OPN führt jetzt Intern eine Blackliste für IP Adressen. Diese Adressen sind für den Zugang zu der Webseite mittels .htaccess File gesperrt.

Alle IP Adressen die in diese Blackliste wandern, werden automatisch in das .htaccess File eingetragen. Dazu ist es natürlich nötig das das OPN Schreibrechte für das .htaccess File im docroot besitzt.

Ein automatisches Austragen aus dieser Liste durch BOTs ist nicht möglich. Manuell kann sich ein Benutzer der gesperrt ist allerdings Austragen, dieses kann man, wenn es gewünscht ist, noch schaltbar machen. Wobei ich es als kritisch ansehe wenn ein Benutzer nur durch den Administrator freischaltbar wäre.

Um den Administrator eine manuelle Pflege Möglichkeit zu geben wurde für diesen Zweck ein Customizer Modul geschaffen. Bei diesem Modul ist dann das manuelle löschen oder hinzufügen von IP Adressen mög-lich.

Auch ist dort erkennbar was das Eintragen der IP auf die Blackliste hervorrief. Natürlich ist ein Zähler für die entsprechende IP vorhanden.

Wenn eine IP automatisch in die Blackliste geschrieben wird, wird ein Eintrag in dem Errorlog erzeugt. Sofern man den Mail versand der Fehlermeldungen aktiviert hat erhält man darüber auch per Mail die Benachrichtigung.

Dass man per Customizer Modul manuell IP Adressen in der Blackliste hinzufügen kann hatte ich ja erwähnt, darum gehe ich jetzt zu dem Teil, bei dem IP Adressen automatisch in die Blackliste gelangen, über.

Allgemein gelangen IP Adressen auf diese Liste wenn von der IP Adresse Aktionen ausgehen die "ungebührlich" sind.

Spam, Hack, BöseBots, Scriptkiddy und Co sind hier zu nennen. Dazu dient safetytrap und EVA. beide werden in späteren Artikeln noch betrachtet.

Natürlich beantwortet dieser Artikel nicht alle möglichen Fragen aber Ihr könnt ja fragen und ich hoffe damit erst einmal einen kleinen Überblick über die Blickliste gegeben zuhaben.

Gruß
Stefan

Geschrieben von stefan am 26.03.2007 09:45:26  (16055 * gelesen) 

mehr... 309 Wörter 1 Kommentar   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMQE7

Release 2.4.5

OPN DEV NewsServus zusammen,

das Release OPN 2.4.5 ist fertig und steht zum download bereit.
Wie immer bitten wir darum sich nach den Installations-Anweisungen oder dementsprechend nach den Update-Anweisungen zu halten.

Neben Behebung einiger Bugs und Features wurden 2 neue Module hinzugefügt.

Support Meldungen (also Meldungen erfassen und mit einer id versehen)

rechtliche Nachrichten (zu einem theme (selbst einzustellen; egal wie viele) texte hinterlegen)


Ich denke dazu sollte stefan bitte noch etwas schreiben.

Viel Spass und Erfolg
Das OPN-Team

Geschrieben von spinne am 23.02.2007 04:35:18  (9303 * gelesen) 

mehr... 18 Wörter Kommentare?  Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMQE6

Datenschutzerklärung

OPN News
Wir freuen uns über Ihr Interesse an unserer Homepage und unserem Unternehmen. Für externe Links zu fremden Inhalten können wir dabei trotz sorgfältiger inhaltlicher Kontrolle keine Haftung übernehmen.

Der Schutz Ihrer personenbezogenen Daten bei der Erhebung, Verarbeitung und Nutzung anlässlich Ihres Besuchs auf unserer Homepage ist uns ein wichtiges Anliegen. Ihre Daten werden im Rahmen der gesetzlichen Vorschriften geschützt. Nachfolgend finden Sie Informationen, welche Daten während Ihres Besuchs auf der Homepage erfasst und wie diese genutzt werden:




1. Erhebung und Verarbeitung von Daten

Jeder Zugriff auf unsere Homepage und jeder Abruf einer auf der Homepage hinterlegten Datei werden protokolliert. Die Speicherung dient internen systembezogenen und statistischen Zwecken. Protokolliert werden: Name der abgerufenen Datei, Datum und Uhrzeit des Abrufs, übertragene Datenmenge, Meldung über erfolgreichen Abruf, Webbrowser und anfragende Domain.

Zusätzlich werden die IP Adressen der anfragenden Rechner protokolliert.

Weitergehende personenbezogene Daten werden nur erfasst, wenn Sie diese Angaben freiwillig, etwa im Rahmen einer Anfrage oder Registrierung, machen.

2. Nutzung und Weitergabe personenbezogener Daten

Soweit Sie uns personenbezogene Daten zur Verfügung gestellt haben, verwenden wir diese nur zur Beantwortung Ihrer Anfragen, zur Abwicklung mit Ihnen geschlossener Verträge und für die technische Administration.

Ihre personenbezogenen Daten werden an Dritte nur weitergegeben oder sonst übermittelt, wenn dies zum Zwecke der Vertragsabwicklung – insbesondere Weitergabe von Bestelldaten an Lieferanten – erforderlich ist, dies zu Abrechnungszwecken erforderlich ist oder Sie zuvor eingewilligt haben. Sie haben das Recht, eine erteilte Einwilligung mit Wirkung für die Zukunft jederzeit zu widerrufen.

Die Löschung der gespeicherten personenbezogenen Daten erfolgt, wenn Sie Ihre Einwilligung zur Speicherung widerrufen, wenn ihre Kenntnis zur Erfüllung des mit der Speicherung verfolgten Zwecks nicht mehr erforderlich ist oder wenn ihre Speicherung aus sonstigen gesetzlichen Gründen unzulässig ist.

3. Auskunftsrecht

Auf schriftliche Anfrage werden wir Sie gern über die zu Ihrer Person gespeicherten Daten informieren.

4. Widerrufsrecht

Sollten Sie mit einem der Punkte nicht einverstanden sein, so haben Sie natürlich jederzeit die Möglichkeit unsere Community zu verlassen, der Benutzer und die angefallen personenbezogenen Daten werden dann, wenn gewünscht, gelöscht. Dieser Widerruf muss jedoch schriftlich an eine im Impressum angegebene Adresse erfolgen.

Sicherheitshinweis:

Wir sind bemüht, Ihre personenbezogenen Daten durch Ergreifung aller technischen und organisatorischen Möglichkeiten so zu speichern, dass sie für Dritte nicht zugänglich sind. Bei der Kommunikation per E Mail kann die vollständige Datensicherheit von uns nicht gewährleistet werden, so dass wir Ihnen bei vertraulichen Informationen den Postweg empfehlen.

Geschrieben von stefan am 07.02.2007 18:52:01  (16418 * gelesen) 

mehr... 337 Wörter 2 Kommentare   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMQE4

OPN Release 2.4.4

OPN DEV NewsServus miteinander,

das neue OPN Release 2.4.4 steht ab heute zur Verfügung.
Nicht erschrecken wenn das Update größer als normaler Weise ist, aber es wurden wieder so ziemlich alle Datein angefasst, da wir ja auch wieder ein neues jahr schreiben, und dieses auch in den Files geändert werden muss.

Unter anderm wurden zahlreiche Bugs behoben und Features umgesetzt, genauere Daten entnehmt aus dem Changelog.

Das OPN Admin-Modul OPNBOX entfällt ab dieser Version und wird bei einem Update automatisch gelöscht.

Wie sonst auch immer weise ich darauf hin, dass sich nach den Anleitungen in der Doku gehalten wird.
Für eine Neuinstallation bitte diesen Abschnitt befolgen, für ein Update bitte diesen Abschnitt befolgen. Beim Aufruf des Updatemanagers kommt es zu einer Fehlermeldung, die aber dann durch das Modulupdate behoben wird (also nicht wundern).

Bei einer Neuinstallation kann auch wieder festgestellt werden ob die Files komplett und richtig hochgeladen wurden, dazu bitte folgenden Abschnitt lesen und über den dort angegebenen Link das Tool laden.

Zu den Downloads geht es hier entlang.
Die Vollversion und das Update binden sich am Ende der Liste von "Zusätzliche Dateien"

Viel Spaß und Erfolg
wünscht das OPN-Team

Geschrieben von spinne am 18.01.2007 17:05:17  (10906 * gelesen) 

mehr... 233 Wörter 2 Kommentare   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgEx

Nicht das jemand denkt ich wäre gestorben. ;)

OPN NewsIch lebe noch. Und erfreue mich meines neuen Jobs.
Nach einer sehr langen Joblosen zeit habe ich seit Oktober letzten jahres nun wieder endlich einen Job.
Auf Grund dessen pendel ich Momentan zwischen Frankfurt Main (Arbeitsstelle) und Duisburg (Wohnort).
Sobald ich die Probezeit hinter mich gebracht habe, werde ich dann meinen Wohnsitz nach Frankfurt verlegen. Weil auf Dauer nervt einem das Pendeln doch schon.

Da ich Freitags Abends erst in Duisburg bin und Sonntags wieder nach Frankfurt fahre (per ICE), ist das Wochende doch immer Recht kurz.
Vor allem, da ich dann Samstags Sache erledigen muss, die ich momentan in der Woche nicht erledigen kann.
Ich denke mal, daß mein Umzug so in 4 bis 5 Monaten über die Bühne geht. Je nachdem wie schnelll ich dort eine nette Wohnung finde die auch bezahlbar ist. Da ja Mainhatten ein etwas teueres Pflaster in der Beziehung ist. ;-)

Geschrieben von hombergs am 13.01.2007 18:46:29  (17292 * gelesen) 

mehr... 83 Wörter 4 Kommentare   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgEw

Themes erstellen - Pro und Contra

OPN Themes

Hallo zusammen ...


erst einmal möchte ich meinen respekt für das umfangreiche nuke-system aussprechen.


ich passe schon seit jahren cms-systeme an. habe früher sehr viel mit postnuke gearbeitet und stehe bei opn vor einem mächtigen problem.


Das Design ist verdammt schwer anpassbar. am anfang dachte ich, ok kein problem. aber nun, da ich mir das ein wenig genauer angesehen habe, denke/glaube ich, wieder zu einem system zu wechseln, das nicht eine so nette community hat. möchte ich aber irgendwie nicht ... würde euch gerne ein paar ausgereifte themes zur verfügung stellen.



ok, fangen wir bei dem prob an, wovor jeder webmaster als erstes (nach erfolgter installation) steht. wie passe ich mein design an das opn an?


1. erst einmal die doku gelesen ... ok ... dann dann die zugehörigen dateien vom default kopiert, und auch umbenannt.


2. dann die datei theme.php geöffnet ... grausam und brutal für neulinge (naja, für mich ja noch verständlich, wenn ich an alte cms zurückdenke )


3. kann man da nicht einfach eine theme.php mit tags und includes für den header machen ... so wie ihr das auch beim eigentlichen content im adminmenu grafik gemacht habt?


4. und naja, ich habe mal das css-kompendium vom wc3 gelesen ... aber mir graust es jetzt schon tagelang eine css-datei in pixelworking anzupassen.


5. ich dachte auch, man vielleicht bist du einfach nur zu faul ... aber dann habe ich mir mal die community sites, die ops nutzen, angesehen ... o weh o weh ... das entspricht nicht meinen vorstellungen vom design ... die sind alle auf dem opn_default angepasst, und sind nun mal richtig hässlich (sry das ich das hier so hart umschreibe). die einzige ausnahme ist die seite von mod spinne ... aber auch diese site entspricht noch nicht meinen vorstellungen.


6. jetzt stehe ich vor nen riesenproblem ... nehm ich wieder nen anderes nuke oder cms, oder werde ich in eurer community ein aktives mitglied?


wer nen screen vom ersten layout haben möchte ... melde sich bitte vie email oder hier im thread ... es ist erst einmal ein pre-layout, bei dem ich dachte, das man dieses locker in 2-3 stunden an opn anpassen könnte. ... ist aber net so :(

Geschrieben von ollip2k am 05.01.2007 17:17:25  (22179 * gelesen) 

mehr... 279 Wörter 27 Kommentare   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE%2F

Sylvester

OPN News
Nicht mehr lange und ein Neues Jahr beginnt.
2007 schreiben wir dann.

Bevor wir aber zum feiern kommen, finde ich das es eine gute Zeit ist einmal zu Reflektieren was uns das alte Jahr denn so interessantes zu bieten hatte.

Vieles ist dieses Jahr rund um OPN passiert. Da kann man sich sicherlich nicht alles merken. Aber ein paar Punke finde ich erwähnenswert.

Den richtigen Weg haben wir mit der Neustrukturierung (noch nicht abgeschlossen), der Webseite und internen Strukturen eingeschlagen. Das Ruder wurde so neu ausgerichtet.

Ein Team Mitglied hat Deutschland den Rücken zugewandt und lebt jetzt in einem anderen Land. Meinen Respekt für den gang des richtigen Wegs.

Das erste Mal seit Jahren wurde für OPN gespendet. Meinen Dank auch noch einmal an dieser Stelle an alle Spender.

Neue Mitstreiter für OPN haben sich zu uns gesellt. Was mich persönlich tief bewegt hat.

Insgesamt also doch Ereignisse die eine Feier rechtfertigen. Traditionsbedingt ist da bei mir immer etwas Größeres im gang. Einmal im Jahr zu Sylvester. Vom Barock Feuerwerk bis zum Feuerlaufen alles dabei.

In dem Sinne wünsche ich euch dann einen guten Rutsch ins neue Jahr und viel Erfolg für 2007.

euer Stefan

Geschrieben von stefan am 31.12.2006 07:35:54  (15743 * gelesen) 

3 Kommentare   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE%2B

Weihnachten

OPN NewsWieder ist es so weit, Weihnachten steht schon nicht nur mehr
vor der Tür, nein es hat schon Einzug gehalten.

Der Christbaum steht hell erleuchtet ganz im festlichen blau
in mitten der Guten Stube. Durchs ganze Haus zieht ein Duft
von frischen Weihnachtsplätzchen. Das ganze Haus erstahl, des
Nachts, in Festlichen Farben. Geschmückt bis unters Dach.

All die Vorkehrungen sind getroffen.

Jetzt endlich; ein aufatmen und Zeit an die Familie und Lieben
zudenken. Die Nächsten Tage gehören der Besinnlichkeit und des
Zusammenseins mit seinen Lieben.

All jenes was man noch hätte machen sollen; verdrängt in den
Hintergrund.

Kurze Gedanken flackern noch einmal auf, wieso; denn nur einmal
im Jahr. Doch, wie Fackeln im Wind, verlöschen Sie dann auch.

In diesem Sinne wünsche ich euch da draußen, wo auch immer Ihr seid,
ein gesundes und gesegnetes Weihnachtsfest 2006 aus ganzem Herzen.

Stefan

Geschrieben von stefan am 22.12.2006 12:34:44  (16155 * gelesen) 

3 Kommentare   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE9

Grundsätzliches zum HTML/CSS Layout mit OPN

OPN Themes


Um mal den Grund etwas zu erläutern warum es besser ist mit Vererbung zu arbeiten, will ich mal ein paar Gedanken hier dazu erläutern.





Weniger (CSS-Styles) ist mehr
Es ist nicht nötig, für jedes verwendete HTML-Element eine eigene Klasse zu definieren, weil die Browser
  1. eigene Vorgaben mitbringen
  2. global im Stylesheet, HTML-Elemente formatiert werden können
  3. Durch Vererbung und gezielt gesetzte CSS-Styles Abweichung von der Standardlösung erreicht werden können.


Punkt 1



Browser - die Browser bringen bereits ein Grundformatgerüst mit das auf gute Lesbarkeit ausgerichtet ist.
Da die Browser hier allerdings alle von einander abweichen, muss man hier in der heutigen Zeit darauf zurückgreifen, die Browser auf ein gleiches Level zu bringen.

Wie der interessierte Leser schnell bemerkt gibt es viele Wege, ob gut oder weniger gut, sinnvoll oder nicht, soll hier nicht behandelt werden.

Da man aus der Praxis am schnellsten lernt hier mal ein paar CSS-Fragmente die das ganze ein wenig zeigen sollen.

Das Beispiel ist aus einem aktuellen Theme.



Die Universalformatierung

/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt. Damit wird das
** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht.
*/

* { margin:0; padding:0; font-size: 100%; }

Die Kommentierung erklärt eigentlich alles. Wir beugen so dem Unterschieden in den Browserinternen CSS-Regeln vor und fangen bei 0 bzw 100% an. Diese Angaben dienen dem Browser im weiteren Verlauf der Layoutberechnung als Grundlage.

Da diese Methode natürlich auch Probleme verursacht erfolgen jetzt die ersten Korrekturen:

/* Das zurücksetzen der Innen- und Außenabstände verursacht zu kleine Selectboxen. Dies wird korrigiert */
option {padding-left: 0.4em }


Ihr seht wir haben nun mit eigentlich 2 Zeilen das Layout massiv beeinflusst. Stellt Euch die Menge an Code vor wenn wir nun alle HTML Elemente und eventuell eigene CSS-Klassen in der Art formatieren müssten.

Ein weiteres wesentliches Grundelement vom Layout mit CSS ist die Vererbung.
Dazu muss man wissen wie HTML funktioniert. Mal als simples Beispiel vergleichen wir es mit einem Baum.

Die Wurzel ist der der Anfang darauf sitzt der Stamm, aus dem weitere Äste sitzen die wiederum Blätter tragen.

Wurzel = HTML
Stamm = BODY
Äste = Blockelemente wie z.B. DIV (Abstände haben in diesem Bereich Einfluss)
Blätter = Inlineelemente wie z.B. SPAN (Abstände werden ignoriert)

Nochmal zur Erinnerung, das ist ein extrem simpler Vergleich, der nur das Grundverständnis fördern soll

Wenn wir also der Wurzel grundlegende Formatierungen mitgeben wird sich das im ganzen "Baum" wiederfinden, weshalb also allgemeingültige Formatierungen hier angebracht sind.
z.B:

html {height:100%}

Diese Anweisung bewirkt im Viewport die volle Ausnutzung der verfügbaren Höhe.

Jetzt gehts an den Stamm:


body {
/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts
** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die Höhe des Browserfensters. */

min-height: 101%;     

/* Beseitigung des Rundungsfehlers bei Schriftgrößen im Opera sowie Standardformatierungen */

font-size: 100.01%;

/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden wenn die Größe des Browser Fensters geändert wird. */

position: relative;

/* Vorgabe der Standardfarben und Textausrichtung*/

color: #fff;
text-align: left;
background: #333;
padding: 10px;     
}


Wir setzen jetzt also grundsätzliche Formatierungen die bis in die Blätter weitergegeben werden (Zumindest in der schönen Welt Utopia, wo es keine Browserbugs gibt.)

Die nun definierten Werte sind solange gültig bis sie erneut überschrieben werden.

Weiter gehts zu den Ästen:


/* Standardrahmen zurücksetzen */

fieldset, img { border:0; }
     
/* Anpassung für Safari Browser. font-size:100% ist für den Safari in Formularen zu groß */

select, input, textarea { font-size: 99% }



Da bestimmte Fehler, in den Browsern immer mal wieder vorkommen, kann man hier durch ein paar Zeilen die schlimmsten schon einmal ausmerzen. Das bereitet uns später weniger Kopfschmerzen.

Hier ein weiteres Beispiel wie man ein paar Grundsätzliche Formatierungen nutzen kann um Layoutweit einheitliche Werte zu vererben:

/* ######################################################################### **
** ### Standard-Formatierungen für Listen & Zitate ######################### **
** ######################################################################### */

ul, ol, dl { margin: 0 0 1em 0; }
li { margin-left: .5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}


wer aufmerksam den CSS-Code gelesen hat, wird schon bemerkt haben das ich am Anfang alle Abstände auf 0 gesetzt habe und nun wieder Abstände setze. Genau das ist bei der Browservielfalt heute wichtig, da einige etwas "krumm" rechnen.


Punk 2


Da wir in OPN die CSS-Klassen massiv reduziert haben und dafür die entsprechenden HTML-Elemente gesetzt haben, wird es möglich mehr die Vererbung zu nutzen. Auch hierzu möchte ich ein klein wenig schreiben. Wen also der obere Teil noch nicht abgeschreckt hat, jetzt gehts ans eingemachte ;)

Kurze Zusammenfassung, wir haben unseren Baum also in der Siluette beschrieben und gehen nun an das Feintuning, dem eigentlichen Layout.

Ziel sind oft verschiedene Spalten mit unterschiedlichen Aufgaben. Zum Beispiel Sideboxen und Centerboxen. OPN verfügt über die Möglichket Sideboxen und Centerboxen in einer Spalte zu vermischen, weshalb unser alter Weg mit vielen CSS-Klassen bald an ein mengenmässige Mauer kam. Ich könnte auch sagen Man sieht den Wald vor lauter Bäumen nicht. Es war extrem schwer alle Zusammenhänge von Darstellungsfehlern zu erkennen. Wir hatten z.B. CSS-klassen für Fettgedruckten, Schräggedruckten und Fett/Schräg-gedruckten Text in kleiner, normaler, größerer und Extragroßer Ausführung. Wer nachrechnet kommt schnell auf 12 CSS-Klassen.

Jetzt kommt als weiterer Faktor, der Programmierer, je nach Tageslust ;) wurde mal ein Text so oder so formatiert. Das dieses System unpraktisch ist versteht sicher jeder.

Und um Euch weiterzu verwirren gab es jede dieser Klassen auch noch für Sideboxen und Centerboxen.

Mit dem etwas später eingeführtem Feature, jede Box auch zu side oder Center zu machen wird das Dilemma der vielen starren (zwar relativ einfach zu formatierenden CSS-Klassen) deutlich.

Sowie man eine Box artfremd einsetzt, stösst man an eine Layoutgrenze. Diese Grenze haben wir mit der Reduktion der CSS-Klassen und Nutzung der HTML-Elemente eingerissen.

Vererbung ist hier das Zauberwort. Doch zurück zu der Sidebox- und Centerboxspalte.

Im Theme wird normalerweise immer ein erster großer "AST" für die Sideboxen abgespaltet und um es mal ganz simple zu halten ein weiterer "AST" für die Centerboxen.

Nutzen kann man hier z.B. am eindeutigsten das Attribut "ID".

Eine ID ist ein wie ein Personalausweisnummer für ein bestimmtes Elemente, sie darf nur ein einziges Mal vergeben werden


<div id="Sidebox"> <p>Allerlei Inhalte wie Menüs</p> </div>

<div id="Centerbox"> <p> Die wichtigen allerlei Inhalte <p> </div>


Unser Stammelement wird nun sagen wir Vater und Mutter also ein Elter, genauer ein Elternelement. All die guten Eigenschaften die das Elternelement auszeichnen kann es vererben.

Wir haben nun also 2 Hauptäste geschaffen die die ID Sidebox und Centerbox tragen. Wie haben nun ein HTML Element benutzt, aber ein Unterscheidungsmerkmal geschaffen das wir für die Vererbung benutzen können. Damit sich die Nachkommen, (Kindelemente ) nicht streiten können machen wir also ein Testament.
Wir haben rote Buchstaben auf weißem Untergrund und weiße auf blauem Untergrund. Wer kriegt was?




/**************************************************/
* Für die Sideboxen soll es rot auf weiß werden ****
***************************************************/

div#Sidebox p {color: red; background: white;}

/**************************************************/
* Für die Centerboxen soll es weiß auf blau werden **
***************************************************/

div#Centerbox p {color: white; background: blue;}



Aussage obiger Styles ist in Worten ungefähr so:

Sidebox:

Wenn p (Absatz) innerhalb von DIV mit der ID Sidebox vorkommt formatiere die Schriftfarbe Rot und den Hintergrund Weiss.

Centerbox:

Wenn p (Absatz) innerhalb von DIV mit der ID Centerbox vorkommt formatiere die Schriftfarbe Weiss und den Hintergrund Blau.



Dies ist nun die erste Ebene des Prinzips, sie ist einfach zu verstehen denke ich. Nun kommen wir zu dem etwas abstrakteren Teil.

Wir haben nun im Boxenadmin die Möglichkeit die Box als Center und Sidebox zu benutzen. Wenn nun also der Programmierer das alte System benutzen würde, müsste eine Sidebox immer rote Schrift und weissen Hintergrund haben.

Da wir nun so arbeiten das nach Ort des Vorkommens die Formatierung gewählt wird, eben durch Vererbung, erhalten wir homogenere leichter zu wartende CSS files.

Ihr merkt das Prinzip ist garnicht so schwer zu verstehen.

Wir greifen also nicht wie ein Gesetzgeber stur in den Ablauf des Layouts ein, sondern überlassen durch gezielte Unterstützung in Form von Regeln das Layout seinem natürlichen Lauf.


Punkt 3


Durch gezieltes Eingreifen mittels Vererbung können wir nun schnell trotzdem Unterschiede in der Formatierung möglich machen.


Wichtig ist nur das man die Vererbungskette nicht zu lang werden lassen darf, da es sonst schnell mal zu unvorhergesehen Fehlern kommt.

mal ein Beispiel noch dazu.

Wir haben alle sideboxen in obigen Beispiel mal in ein P (Absatz) gesetzt, die Wirklichkeit ist etwas komplizierter.
Im Boxenadmin habt Ihr die Möglichkeit einer Box eine bestimmte ID mitzugeben, diese ID könnt Ihr wiederum nutzen um Abweichungen zu erreichen.

kleines Beispiel gefällig?


<div id="Sidebox">
<p>Allerlei Inhalte wie Menüs</p>
<p id="DerAbsatzDerAusDerReiheTanzt">Allerlei Inhalte wie Menüs</p>
</div>


Obiges soll einmal das HTML verdeutlichen
Nun zum CSS, machen wir die Box mal Orange auf schwarz


/****************************************************************************/
* Für die Sideboxen soll es rot auf weiß werden ******************************
*****************************************************************************/

div#Sidebox p {color: red; background: white;}

/****************************************************************************/
* nach der Standardbox definiert man die Abweichung damit das CSS greift ****
*****************************************************************************/

/*Beispiel für nur in Sideboxspalte*/

div#Sidebox p#DerAbsatzDerAusDerReiheTanzt {color: orange; background: black;}

/*Beispiel in allen Spalten*/

p#DerAbsatzDerAusDerReiheTanzt {color: orange; background: black;}

/*Beispiel für nur in centerboxspalte*/

div#Centerbox p#DerAbsatzDerAusDerReiheTanzt {color: orange; background: black;}




So wie Ihr seht haben wir nun wieder jederzeit die Wahl, je nach Ort auch andere Formatierungen zu veranlassen, die auch greifen wenn wir mal eine Box verschieben.

Ein bisschen Vorplanung macht es natürlich leichter.


So wer bis hierher gelesen hat, dem sag ich mal Danke und Respekt, du willst es echt wissen ;)

Kommentare? Fragen?

Geschrieben von bdragon am 29.11.2006 15:41:07  (5415 * gelesen) 

mehr... 1891 Wörter 3 Kommentare   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE6

Umstrukturierung

OPN NewsWir sind derzeit etwas am Umstrukturieren des OPN-Netzwerkes.
Darunter fällt die Zusammenlegung der Themes-Seite und der Doku-Seite, diese werden nach und nach auf die OPN-Info gelegt als neue Themengruppen, die dann über die Navigation im Header erreichbar sind.
Somit werden dann die Subdomains themes.openphpnuke und doc.openphpnuke wegfallen.
Leider ist es uns nicht möglich die Forenbeiträge der themes.openphpnuke sinnvoll in das bestehende der Info zu integrieren.


Artikel, Howtos und Tutorials werden wir weitengehends in die entsprechenden Themengruppen einarbeiten.

Wer hierzu ggfs. konstruktive Vorschläge oder Verbesserungsvorschläge hat, kann diese gerne äussern.

Unter anderem haben wir im selben Zug das Layout auf ein neues Theme umgestellt.



Das OPN-Team

Geschrieben von spinne am 20.11.2006 08:29:05  (15907 * gelesen) 

mehr... 48 Wörter 1 Kommentar   Druckbare Version Druckbare Version mit Kommentaren     Auf Facebook posten http://www.openphpnuke.info/system/article/index.php?opnparams=VnZRaQYzXDwAMgE4

Blättern in unseren Artikeln