Weisst du zufällig, wie man ein CSS Desighn macht?
Kommentar:
Hallo ,
Du müsstest das Baukasten-Design "CSS" auswählen. Zuerst siehst du das Design weiß, mit blauen Links.
Alle notwendigen Felder sind aber vorhanden (Navi / Textfeld / rechte Box / Header / Hintergrundfeld). Die sieht man noch nicht, weil sie mit CSS noch kein Aussehen bekommen haben, keine Breite, keine Farbe, keine Position im Design.
Jedes Feld hat einen Namen bekommen (eine Klasse oder auch eine ID) . Die brauchst du , damit du diese mit CSS auch ein Aussehen (Breite, Hintergrundfarbe, Hintergrundbild u.s.w.) geben kannst. Die findest du hier : Klassen im Design "CSS"
Hi. Das ist eine super seite um zu verstehen wie man all diese Codes benutzt und einsetzt. Ich habe da aber noch eine Frage: Kann man diese Eigenen - Navibuttons auch beim desing RED-Allgemein so einbauen wie hier ? also bei Text über dem Desing ?
bei mir klappt da irgend etwas nicht... Ich währe froh wenn mir jemand weiterhelfen könnte.
L.G. Janosch
Hallo, hier bin ich mal wieder. Ich habe mich die letzten Tage dran gemacht, die ganzen Kommentare auf meiner Seite umzustylen. Es hat jedoch nur ein wenig geklappt. Wenn du meine Seite besuchst, zum Beispiel die "About" Seite, siehst du, dass nur das Feld gestylt wurde, in dem man den Kommentar abgeben kann. Du hast hier unter "Linksammlung" allerdings die geschriebenen Einträge der Kommentare auch anders gestylt. Aber mit dem Gästebuch-Code von dir (Extras gestalten) funktioniert das nicht..Hast du einen Tipp? LG Jens Theo
Kommentar:
Hallo Theo,
eine Beschreibung für das "anpassen" der Kommentare (bei "Extras editieren" / Kommentare) habe ich hier auch nicht.
Die Kommentare platziert der Baukasten in einer Tabellenspalte , welche width="100%" (Breite) hat. Davon hat der Baukasten aber mehrere. Damit wir die anderen nicht mit anpassen, schreiben wir vorweg die Klasse des Textfeldes (.edit_content) . So weiß der Browser : Nur die Tabellenspalte (td) mit 100% Breite anpassen, die sich im Textfeld (.edit_content) befindet.
Das erste ist für Mozilla-Browser.
Das zweite für Safari-und Google-Chrome-Browser.
Der IE kann keine abgerundeten Ecken darstellen.
Und Frage 2 : Höhe des Eingabefeldes
--------------------------------------------------
- auf "Extras editieren"
- Gästebuch wählen
- dort auf "erweiterte Optionen"
- dort dann die Höhe bestimmen
Ah okay danke, darf ich jetzt durch der Domain sachen ab 18 draufstellen? oder ist das imma noch verboten?
Kommentar:
Hallo EmøX,
Das ist immer abhängig davon, in welchem Land die Seite erstellt wurde und wie die Gesetzeslage in diesem Land ist. Du hast deine Homepage in Deutschland. Inhalte ab 18 solltest du also besser hinter einen Login setzen
Hi!
Wollte mal fragen, ob Du ungefähr schon einschätzen kannst, wann Deine Erklärungsseite zu den Tooltips online geht?
LG
Kommentar:
Hallo Carlo,
eigentlich wollte ich hier ein Tooltip beschreiben, das ohne Javascript auskommt. Nur mit CSS. Allerdings lässt sich dieses Tooltip (Info-Fenster) nicht über und nicht neben dem Mausanzeiger platzieren. Auf die leichte Möglichkeit mit CSS verzichte ich daher erstmal. Eine Tooltip-Alternative ist zur Zeit http://www.walterzorn.de/tooltip/tooltip.htm
Wow, das ging schnell, vielen Dank für deine Hilfe !
Kommentar:
Gern geschehen. Jeder Gästebuch-Eintrag löst eine Email aus. Und jede Email löst einen Hinweis in meinem Messenger aus. Bin ich gerade online, kann ich umgehend antworten
Hi erstmal !
Also ich bin Maik, und ich hätte da eine kleine Frage zum Div-Feld :
Ich würde gerne einen Hintergrund im Div-Feld erzeugen, wie geht das?
was muss ich zum CSS-Code noch dazufügen ?
Bitte antworte mir schnell in mein Gästebuch!
LG Maik
Kommentar:
Hallo Maik,
Hintergrundfarbe mit background-color: #FFFFB2; oder Hintergrundbild mit background-image: url(Bild-URL);
Wenn Du ein Hintergrundbild möchtest :
- das gewünschte Hintergrundbild gleiche Breite wie das div
- Bild hochladen bei "Bilder verwalten"
- nach dem Hochladen Namen vom Bild anklicken
- Bild wird dir nun angezeigt
- mit der Maus auf das Bild
- mit Rechtsklick auf "Eigenschaften"
- dort steht die https://img.webme.com/pic/../......../Name.jpg
- das ist die Bild-URL
- diese in die Klammer einfügen
- bei background-image: url(BILD-URL);
wie hast du den "Nachricht abschicken" Button, hier im Gästebuch, schwarz gemacht und den Abstand zu den smileys vergrößert ?
MfG Alex
Kommentar:
Hallo Alex,
Der Absende-Button im Gästebuch ist ein input-tag.
Das input erzeugt "Schaltflächen" im Formular. Das hat im Quellcode den type= submit (ein Absende-Button). Diesen können wir mit CSS anpassen :
Statt der #XXXXXX; gewünschte Farbcodes einfügen. Color wäre Textfarbe, background-color die Hintergrundfarbe. Das margin-top ist der Abstand nach oben. Also zu den Smileys. Einfügen im Feld "Text vor dem Gästebuch". Natürlich geht auch ein HOVER Effekt. Mit input[type="submit"]:hover und gewünschten background-color.
Aber kann ich auch eventuell das Textfeld erweitern??
Danke, dass du immer so schnell und zuverlässig antwortest
Kommentar:
Das müsste gehen.
Navi-Feld, Textfeld und die rechte Boxen befinden sich in Tabellenspalten, die nebeneinander sitzen.
Entferne doch mal testweise das Feld der Navi mit display: none;
td.edit_navi_headbg{display: none;}
- linke Tabellenspalte (Navi) wird damit entfernt
- Tabellenspalte rechts davon rutscht nach Links
- das wäre das Textfeld
- es müsste sich dann auch verbreitern
- vermutlich kannst du Links aber nichts mehr platzieren
Sollte sich das Textfeld nicht verbreitern:
- Textfeld hat ja die Klasse td.edit_content
- und die befindet sich in Klasse table.edit_rechts_tabelle
Ich habe meine ganze Navigation hoch verlegt und möcjte den Platz der rechts der jetzt freigeworden ist nutzen. Aber wie geht das??
Kommentar:
Hallo Schorsch,
Du meinst sicherlich den Platz LINKS,
denn Rechts sitzen ja die rechten Boxen.
Über das Baukasten-Menü (nach dem Einloggen) geht das nicht. Weil wir kein Feld zum füllen zur Auswahl haben.
Lösung:
- ein Feld erstellen
- Feld bekommt die Breite der Navi
- Feld wird auf Linke Seite positioniert
- das Feld bekommt gewünschten Inhalt
- Beschreibung Feld erstellen + positionieren
• dies ist der Inhalt im < div id="popup1" >
• befindet sich im Feld "Text UNTER Design"
• das DIV ist nur auf einer Seite zu sehen
• und auf dieser Seite wurde das Design entfernt
• angezeigt wird also nur der Inhalt des einen DIV