Hallo

Dein CSS-Code im Feld "Text über Design" beginnt mit


Dazwischen stehen alle CSS-Codes.
Den neuen fügst du da mit ein, vor dem -->

Sollen später einmal weitere CSS-Codes dazu kommen, ebenfalls dort mit hinein. Siehe auch animierte Beispiel-Grafik

Hallo kornej,

- ich habe einen Screen gemacht
- mit Bildprogramm gelben Button ausgeschnitten
- Bild im Baukasten hochgeladen
- Bild im Impressum eingefügt
- und das Bild dann verlinkt
- Linkadresse ist meine Profilseite

Besuche doch mal das Profil einer deiner Seitenbesucher. Oben im Browser siehst du die URL. Am Ende steht immer der User-Name. Kopiere dir den Link und ersetze den Namen durch deinen eigenen. Dann hast du den Link zu deinem Profil.

http://www.homepage-baukasten.de/profile.php?of=iceblue-test

Ich denke das half dir schon weiter

Hallo jojo,

ein Feld (Tabelle, Tabellenspalte, oder DIV) lässt sich nicht verlinken. Verlinken lässt sich nur der Inhalt. Also Bild oder Text.

Ausklappbare Navigation:
Das ist mit der jetzigen Navigation nicht möglich. Da müsste der komplette Code erweitert und umgeschrieben werden. Da sollte man dann das "Coolmenü" verwenden. Das lässt sich ja im Aussehen völlig frei anpassen. Und kann das aussehen deiner jetzigen Navigation bekommen.

Hallo Maxi,

Mit der Suchmaschine fand ich zum Beispiel dieses :

1. Website Übersetzungs-Tool:
http://free-website-translation.com/?de
- unten Seite und Sprache eingeben
- danach OBEN auf "Ihr eigener Button" klicken
- erzeugt fertigen Code zum kopieren


2. oder Google Translate Gadget:
http://translate.google.com/translate_tools
- Größe und Sprache wählen
- danach auf Button "Code abrufen"

Hallo Nicolas,

wo die Seite das "Script" für seine Navigation her hat, kann ich dir nicht sagen. Und mit Sicherheit gab es die so auch nicht fertig. Sondern immer nur das "Grundgherüst" zum selber anpassen.

Du kennst das "Coolmenü" ?
www.homepage-baukasten.de/forum/viewtopic.php?t=101593

Das Coolmenü kann doch das Gleiche Aussehen bekommen,
wie das auf der Seite "camyo.de"

Wie passt man es an ?
Du möchtest die Hintergrundfarben ändern. Also schaust du im Code immer nach dem "background-color". Und Linkfarben weiß ? Suche im Code das "color". Denn das ist immer Textfarbe.

Weitere Tipps zum anpassen des Coolmenü's:
http://iceblue-test.de.tl/Coolmenu.htm

Hallo,

- Schreibe deinen Text in ein DIV
- das DIV bekommt eine Klasse
- die Klasse kannst du dir ausdenken
- mit CSS bekommt das DIV Breite / Höhe / Scrollbalken

- auf "Eigene Seiten editieren"
- Seite wählen, wo das DIV hinein soll
- im Editor oben links auf "Quellcode" klicken
- nun den Code einfügen



Nun bekommt die Klasse "meine_box" mit CSS sein Aussehen. Einfügen im Feld "Text über Design", VOR deinem :

.meine_box {
  width: 400px;
  height: 200px;
  padding: 15px;
  border: 1px solid #c9c9c9;
  overflow: auto; }

Das Feld wird durch das overflow: auto; scrollbar, wenn der Inhalt die Höhe 200px überschreitet

Hallo glenn

Bild verlinken im Seiteninhalt ?
Da hast du 2 Möglichkeiten:

- entweder mit dem Editor (die Werkzeugleiste)
- oder einfügen als HTML-Code
- beide Möglichkeiten hier beschrieben

Bild verlinken in rechter Box ?
Dort müssen wir HTML-Code einfügen
HTML-Code Bilder oder Texte verlinken

Hallo,

Wir müssen uns zuerst das Bild mit allen Klassen ansehen
- wir sehen, wir müssen 4 Felder anpassen
- jedes Feld hat einen (Klassen-) Namen
- die Felder links und rechts im Seiteninhalt
- den Seiteninhalt selbst
- sowie den Abschluss unten im Seiteninhalt

Hintergrundfarbe bekommen sie mit background-color: #000000;
Die Farben in den Feldern (auch die weiße) sind Hintergrundbilder. Damit unsere schwarze Hintergrundfarbe angezeigt wird, müssen wir das background-image: url(); mit verwenden. Da wir die Klammer () leer lassen, wird die Original-Grafik überschrieben, unsere gewünschte Hintergrundfarbe kann angezeigt werden.

Beispiel für Seiteninhalt:

td.edit_content {
  background-color: #000000;
  background-image: url(); }

Beispiel für Abschluss im Seiteninhalt :

td.edit_content_bottom {
background-color: #000000;
background-image: url(); }

Das machst du mit den anderen beiden Klassen genauso

Hallo Thorsten,

die Größe des "Thickbox-Fenster" ist immer so "gewählt", das kein Scrollbalken entsteht innerhalb des "Thickbox-Fensters". Wie groß das Bild sich im "Thickbox-Fenster" öffnet, ist abhängig von der Bildschirmauflösung des Besuchers. Die Abstände zum Bildschirmrand werden immer gleich gehalten.

Beispiel ?
-------------
Nehmen wir an, dein Bild hat die Originalgröße 1440 x 990 Pixel. Besucher mit 1024er Bildschirmauflösung sehen es ca. 600 x 450 Pixel groß. Und Besucher mit 1440er Bildschirmauflösung sehen es ca 800 x 600 Pixel groß. Es wird immer ein Auto-Abstand nach oben sowie nach Links und Rechts eingehalten. Diese Einstellungen befinden sich in der "/thickbox.css" (im Thickbox-Script). Ändern könnte man es schon,dazu müsstest du die "/thickbox.css"

- auf dem PC speichern
- die thickbox.css öffnen und im Code anpassen
- die thickbox.css irgendwo hochladen
- und die neue URL der "thickbox.css" im Script einfügen

Hallo,

Absende-Button im Formular verschieben ?
Da der Button keine Klasse vom Baukasten bekommen hat,
schauen wir uns kurz den Quellcode an, welches HTML-Element
er enthält. Er schaut so aus:

<input type="submit" value="Nachricht absenden">

Als "Anrede" für den CSS-Code verwenden wir dann :

- input[type="submit"]
- verschieben nach UNTEN mit margin-top:
- verschieben nach Rechts mit margin-left:
- Beispielcode / Einfügen Feld "Text vor Kontaktformular" :



Ich hoffe das half dir weiter

Hallo maxi3100,

Ja zu dem Thema gibt es einen Forenbeitrag von mir. Ich denke der enthält alles, was Du benötigst
Forenthema : Ein eigenes Webradio betreiben

Hallo JoJo,

/* abgerundete Ecken für Mozilla Browser */
-moz-border-radius: 10px;

/* abgerundete Ecken für Safari + Google Chrome */
-webkit-border-radius: 10px;

/* abgerundete Ecken für alle CSS3-fähigen Browser */
border-radius: 10px;

Das wäre dann immer für alle 4 Ecken.


Frage 2: Dunkler Streifen im Feld

- füge in deinem DIV ein zweites DIV ein
- das neue DIV bekommt eine Klasse
- z.B. Klasse "dunkel"
- die bekommt mit CSS gewünschten Aussehen
- zum Beispiel schwarze Hintergrundfarbe
- und 50% Transparenz
- das neue DIV bekommt einen Abstand nach oben
- damit es UNTEN im anderen DIV sitzt

.dunkel {
  margin-top: 50px;
  background-color: #000000;
  opacity: .5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=50); }

Nun nur noch das
in das andere DIV einfügen.
Den Abstand nach oben bei margin-top evt. anpassen.