Theme anpassen und andere grundlegende Fragen

Also Drupal kann schon erstaunlich viel ohne an die Daten ran zugehen. Aber ernsthaftes Theming kannst du in alles was sich Content Management System schimpft nicht ohne wenigstens CSS und dann nur wenn es das Theme auch zulässt.

Also kurz "Da geht kein Weg dran vorbei" außer du zahlst dafür ;)

Hm...
verdammt... :D

Kann mir da vll. jemand ein Tutorial (möglichst kostenlos) empfehlen, wo man sich da einarbeiten kann? In das theming? So von grund auf? =)
Wäre echt schön!

Danke schonmal
Lockedoor

Genau so sieht es aus!

Da ein Webbrowser nicht mehr macht, als Dateien herunterzuladen und das enthaltene HTML zu interpretieren, gemäß den CSS-Stilen anzuzeigen und ggf. Javascript auszuführen hat man im Web so oder so keine Wahl, als sich eben mit HTML und CSS auseinanderzusetzen, wenn man entsprechende Einflüsse geltend machen will.

--
"Look, Ma, I'm dead!"
Cell, Stephen King

http://de.wikipedia.org/wiki/Html
http://de.wikipedia.org/wiki/Cascading_Style_Sheets
http://de.selfhtml.org/
http://www.w3schools.com/
http://drupal.org/handbooks
http://www.drupalcenter.de/handbuch
http://www.css4you.de/index.html
http://www.pmob.co.uk/
http://www.alistapart.com/
http://www.quirksmode.org/
http://www.w3.org/

usw. usw. usw.

So in 3 Jahren bist du dann durch scnr *FG*

Tutorial hier im Handbuch:
http://www.drupalcenter.de/handbuch/4217

Drupal School:
http://theartlab.net/podcast/drupal-school

Englisch auf drupal.org:
D5 - http://drupal.org/node/509
D6 - http://drupal.org/theme-guide

vielleicht ist ja was für dich dabei...

@luzer: vielen Dank, werd ich mir mal anschauen

@Kars-T: Ich hatte ja nach empfehlenswerten gefragt... ;)

Naja dann werd ich mich da wohl morgen mal ransetzen und mal sehen wie weit ich komme... :)

Bis hierhin schonmal danke an euch...

(Wie viel zeit muss man einplanen um das Zeug zu verinnerlichen? Nur so zum groben Überblick wie lange ich daran werde kauen können... ;) )

Kommt wohl drauf an, ob du nur ein Drupal-Gimp bist oder auch
ein HTML/CSS-Gimp...

Und natürlich auf den Umfang der Änderungen.
Im CSS eines bestehenden Themes rumzuwerkeln (z.B. Zen, wenn du dir den Podcast anschaust)
wirst du mit Chance morgen schon schaffen.
:)

Oo...
Ich befürchte ich bin auch ein HTML/CSS Gimp :(
Also ich kann nen Text halbwegs mit HTMLS formatieren... *g* Allerdings glaub ich, dass das, was ich jetzt vorhabe ein wenig mehr erfordert oder... ?
Hm werde mir die beiden Tutorials heute Abend mal zu Gemüte führen und sehen ob ich das verstehe... ansonsten gehe ich wohl nochmal einen Schritt zurück und fange mit den Grundverständnissen von HTML/CSS an...
Hängt das irgendwie zusammen, also reichts wenn cih mich nur mit HTML beschäftige un das CSS kommt dann von alleine oder sind das 2 grundverschiedene Dinge?

MfG
Lockedoor

Das sind zwei Dinge, die essentiell Hand in Hand gehen.

Wir schreiben ja mittlerweile das Jahr des XHTML. Und in diesem legst du quasi einen semantisch organisierten Inhalt an. Also hier eine Überschrift, dann ein Text und da eine Liste. Die stehen dann irgendwie im Baum des HTML. Eigentlich völlig unformatiert. Kommt dann ein Browser, nutzt der ein internes Stylesheet und zeigt dir das HTML leßbar an. Über dieses Cascadign Stylesheet kannst du dann die Darstellung beeinflussen. Und um das ganze dann interaktiv zu machen hast du dann Javascript. So läuft die Sache.

Und PHP ist dann eine Sache, die dir hilft das ganze automatisiert zu erstellen. Während Drupal dann eher eine Anwendung von PHP ist um das ganze zu verwalten.

So ungefähr mal eben runter getippt ;)

---

Viele Grüße,

Kars-T

Arbeit: comm-press
Hobbies: Tower Defense HQ, plamo.de
Karsihasis

HTML und CSS verhalten sich ein wenig zueinander wie Wörterbuch und Grammatik. Mit (X)HTML definiert man semantische Bereiche, mit CSS steuert man wie diese dann vom Browser angezeigt werden sollen.

Beispiel
--------
Dieser HTML_Schnipsel sagt aus, dass "Testtext" eine Überschrift 2. Ordnung ist:
<h2>Testtext</h2>

Hier sagen wir via CSS, dass eien solche Überschrift 12 Pixel groß ist und an allen Seiten von einem 3 Pixel dicken schwarzen Rand umgeben ist:

P.S.:
Keine Ahnung warum der HTML Schnipsel nicht auch in einem Code-Block angezeigt wird :(
--
"Look, Ma, I'm dead!"
Cell, Stephen King

Soo...
habe mich heute mal in de Marterie eingearbeitet... also die Grundbegriffe sind ja nicht so schwierig...
Jetzt bin ich mal gespannt wenns ans Theme anpassen geht... Ich hoffe da komme ich bis spätestens mitte nächster Woche zu... =)
Danke schonmal an euch! Ich werd mich, falls irgendwelche Probleme auftauchen sollten einfach hier melden... =)

Eine kleine Frage noch:
Wenn ich bestimmt Texte (<.p>) bearbeiten1 möchte, kann ich nicht einfach wie bei den überschrift <.h1>, <.h2> usw. machen oder?
Dann muss ich IDs zuweisen, hab ich das richtig verstanden? =)
Also Beispielsweise gibts... was weiß ich... es gibt a texte und btexte; alle a texte sollen nen gelben Hintergrund haben und alle b texte nen blauen, dann weiß ich doch allen atexten jetzt die ID 1 zu und allen btexten die ID 2 oder? Nur zum richtigen verständnis... =)
(Punkte bei den Tags nur damit sie nicht umgesetzt werden!)

MfG
Lockedoor

EDIT:
Wirkt das nur so oder brauche ich auch PHP? Oo... habe mir grade mal die inhalte von so ner theme datei angeschaut und das erste was mri da entgegenspringt sind ja einige PHP dateien... =/
Wie is das?

Ja, <p>s solltest du id's aber in diesem Fall besser Klassen (id's darf man nur einmal auf einer Seite verwenden) zuweisen.
PHP brauchst du erstmal nicht. Kopier erstmal einfach die

Befehle, die du brauchst, aus einem fertigen Theme, ich finde, die sind selbserklärend. Ne if-Schleife ist dann natürlich auch was hübsches, aber das wirst du dann schon noch lernen.

Ein habbich noch. Dieses Buch von Daniel Mies habe ich neulich jemand geschenkt. Ist auf dem neuesten technischen Stand, aber total nett geschrieben, die Illustrationen da drin sind zum Quietschen und lockern die Sache wesentlich auf. So ein bisschen offline-Learning... An sich gibts ja tausend Tutorials im Netz, aber die sind oft nicht so gut Strukturiert, eher als Referenz zu gebrauchen.

Drupal - Social Publishing

Naja, ich will ja auch erstmal kein eigenes Theme schreiben sondern "siteground_2" anpassen... (also ein paar buttons ändern, den header tauschen und hier und da die schriftfarbe...)
Da bin ich mal gespannt ob das so klappt wie ich will :)

Ich hab n nettes Verständliches Tutorial gefunden... Html.net
Obs vollstädnig is weiß ich natürlich nich aber man lernt schnell :)

MfG
Lockedoor

EDIT:
Donnerstag, 29.5.08, 21:50.
Ich bin durch das oben genannte CSS Tutorial soeben durch.
Alles 100% verstanden habe ich zwar nicht, es war mir auch nicht immer möglich die Beispiele genauso nachzumachen aber ich denke das meiste und wichtigste habe ich verstanden.
Der Rest kommt später bestimmt auch noch... =)
Ich suche jetzt in dem Theme ordner nach den stellen wo ich das was ich veändern möchte, verändern kann... =)
Bin schon gespannt...

Hallo Leute ich brauche jetzt mal aktiv eure Hilfe, ich kriegs nämlich nicht hin:
mein projekt ist hier
Zugangsdaten:
Sarah : 789

Ich möchte beim Forum das unter "Allgemeines" weiß haben.
Dann wärs noch schön, dass der dünne blaue balken unter den reitern (wenn man ZB auf registrieren klickt) verschwindet und evtl. die Farben dieser Reiter ändern.
Kann mir mal wer n Tipp geben wo ich das im stylesheet finde? gibt viele Links wo man hovers usw verändern kann aber irgendwie is da nicht das richtige dabei... ich bin am verzweifeln...
Dann werde ich demnächst noch oben den header austauschen wenn mir da n Kumpel mal was passendes erstellt hat...

Wäre echt schön wenn mri heir wer nen Tipp geben könnte =)
Lockedoor

PS: Das ist das Theme "siteground_2"

Oberster aller TIP: Firebug, damit kann man genau sehen wo welche Stylesheets herkommmen und welche Eigentschaft von was geerbt wird. Einfach unverzichtbares Tool:
Also: Unter Allgemeines Weiß

Für den blauen Balken:

Farben der Tabs: Ab Zeile 163 in siteground.css im Theme Ordner

--------------
Blog www.freeblogger.org: Deutscher IRC-Channel: irc.freenode.net #drupal.de ... Jabber-me: dwehner@im.calug.deXING

Ah... ich hatte mich verschrieben sorry...
Also alles bis auf das mit dem Forum ist perfekt!!! TAUSEND DANK! :)

Allerdings meinte ich, das unter dem Forum NICHT weiß hatte ich vergessen... das kleine wörtchen nicht... =/
Weil da kann man ja gar nicht lesen was da steht in dem weiß... Kann man das über tabelle auch einfach schwarz machen? =) Wäre gut =)
Das selbe Problem ist nämlich auch wenn man sich die Details Eingabeformate durhcliest:
Da ist ein weißer Kasten und die Schrift darin ist auch weiß... =/

PS:
Das toll was du da vorgeschlagen asht schau ich mir mal an...
icst das ein Module oder einfach so ein programm?

Firebug ist ein Addon für Firefox s.h. http://www.drupalcenter.de/handbuch/6716
--------------
Blog www.freeblogger.org: Deutscher IRC-Channel: irc.freenode.net #drupal.de ... Jabber-me: dwehner@im.calug.deXING

Gibts das auch für den Inernet Explorer? =)
Oder nur Firefox?
Wenn nicht werd ich wohl endgültig umsteigen müssen... =/
Noch en Idee wegen dem forum dings?

es gibt keinen einzigen Grund den Internet Explorer zu benutzen, fertig das ist einfach so! Das gibts so in der Stärke nur für den FF
Für andere Farbe

--------------
Blog www.freeblogger.org: Deutscher IRC-Channel: irc.freenode.net #drupal.de ... Jabber-me: dwehner@im.calug.deXING

Schon einer das neue Opera Tool probiert?

Drupal - too unorganised to be a system

Keine Ahnung wegen dem Opera Dingens...
Allerdings hab ich noch 2 Probleme die ich nich hinkriege...
Es geht ums Forum:
Wenn ich da nen neuen Beitrag erstelle wird der titel in weiß angezeigt...
Mit dem fast weißen hintergrund is das nich so doll... wie kireg ich den titel in schwarz? =/

2. Problem ist dass ich gerne den hintergrund der Tabellen dies hier und da mal gibt zb im forum unter "hinweise zum schreiben eines beitrags schwarz hätte da auch hier der Text weiß ist...
Ich habe schon die Zeile gefunden wo ich das theorethisch ändern können müsste nämlich unter drupal/modules/system/default.css

wenn ich dann aber schreibe
"table {
background-color: #09090a
}"
Bleibt der hintergrund weiterhin weiß...
was kann ich da machen???

Danke
Lockedoor

Doch den gibt es: Zum Testen!

Ich kann nämlich nem Kunden schlecht ne Website verkaufen, die bei ihm und seinen Kunden im Browser wie ürre aussieht.

P.S.:
Phrasen wie "das ist einfach so" und das total in Mode gekommene "das ist Fakt"/"Fakt ist", machen mich immer ganz wuschig und per se misstraurisch.

--
"Look, Ma, I'm dead!"
Cell, Stephen King

Hm...
gut... ich hab ja jetzt in dem Sinn keinen "kunden" und checke das dann einfach mal am Rechner meines Freundes wie das ganze bei ihm aussieht... =)

Hast du zufällig noch ne Idee was mein o.g. Problem angeht? :)

Es ist zugegeben nicht so einfach. Aber wir haben dir den entscheidenden Hinweis schon gegeben. "table" ist viel zu unscharf. Du musst die td oder th suchen, dann ist noch eine Klasse zugewiesen. Und dann schau dir das, was Firebug ausspuckt, genauer an: (Habe schon viel am Advanced Forum rumgeschraubt, deshalb kommst du mir da nicht davon) da ist oft noch ein #forum vorangestellt.

Nicht so einfach sage ich, weil CSS so ein Gewichtungssystem hat: das höchste Gewicht hat eine id, die überschreibt alles, dann Klasse usw. Wenn also irgendwo #forum td.hallohalli steht, kannst du stundenlang schreiben td.hallohalli und dem versuchen irgendne Klasse zuzuweisen: funzt nicht. Du musst schreiben #forum td.hallohalli. Das hat dann das gleiche Gewicht wie der Originalstyle und nun wird überschrieben.

Falls du kaum Erfahrung mit CSS hast, wirst du kaum packen. Aber das macht nichts, man kann es ja lernen. Weiterführend Lektüre zu dem Thema:
http://htmlhelp.com/reference/css/structure.html
http://www.css4you.de/wscss/css06.html

Btw: vielleicht wär das nochmal was für nen German Dojo: Profi-CSS-Tips für Einsteiger. Stelle mich freiwillig als Dozent ;)

Drupal - too unorganised to be a system

So, hatte grade eben nen Geistesblitz und alles ist jetzt eigentlich so wie's mir gefällt (vom Layout her)...
Keine Ahnung wieso ich das gestern nich gecheckt hab, naja egal, jetzt gehts ja! =)
Ich mache diesen Thread jetz einfach mal zu einem Thread für alle meine Probleme hier, die ich sonst nirgends gelöst finde... xD:

Ich möchte im Profil ein benutzerbild anzeigen lassen. Mit der entsprechenden Option unter dem Profil-Anpass Dingens geht es aber nicht, wenn ich dann da n Bild hochladen will kommt einfach nur dieses Zeichen für kein bild gefunden.
Habe mir auch schon das Modul "imce" installiert und habe da auch Bilder hochladen können aaaber:
Wie füg ich die dann in die Website ein??
Dann würde mich noch interessieren wie ich im Profil die Reihenfolge der Angezeigten informationen ändern kann.
Also z.B. ich möchte dass der überbegiff "persönliches" ganz oben steht und die unterbegriffe davon ebenfalls in einer bestimmten Reihenfolge anzeigen lassen...

Bin schon gespannt auf eure Lösungsvorschläge
Lockedoor

P.S.
Habe grade festgestellt, dass ich in dem Team nicht die einzelnen Profilfelder angeben kann also da fehlt unter bearbeiten dann die überkategorien wie "persönliches" usw.
Kann ich die irgendwie einfügen? Oder sichtbar machen oder wie krieg ich die hin??

Also ich finde es keine gute Idee deine weiteren Probleme hier weiterzuführen, da es dann zu unübersichtlich wird und es für weitere Benutzer leicht ist, änhliche Probleme schon anhand des Betreffs zuerkennen.

benutzerbilder aktivierst du in den Themeeinstellung deines verwenden Themes.

Das andere Problem kann ich nur raten, wird in den Einstellung vom Profile-Modul und dem jeweiligen Feld keine Auswahlliste angeboten die sich Reihenfolge oder so nennt mit Zahlen von -10 bis 10?

Sowie halt bei Menüpunkte und Blöcke.

----------------------------------------
Alle Angaben ohne Gewähr!!:D
http://www.tobiasbaehr.de/

Danke da werd ich mal schauen...

Gut dann kann der Htread hier meinetwegen geschlossen werden.
Werde ggf. halt dann wieder nen neuen aufmachen...

Danke an alle nochmal für eure Hilfe! =)

Lockedoor