Do it yourself: CSS für Profil und Blog

Ja. Aber Schau her :

@Deathwing_
Eine style-Anweisung, also css, ohne Einheiten bei den Größen- und Positionsangaben??

Schick mir bitte mal den Link. Das will ich selbst mal anschauen :)

Edit: und das "alt" hat dort schon mal gar nichts verloren.

http://home.arcor.de/barmbecker-jung/main.html

Hier ! Villeichts liegts daran das das eine BaukastenHompeage ist ?

@Deathwing_
Wenn es dort auch schon nicht richtig steht :)

[objerror]Bild nicht mehr verfügbar (main-Dateien/flamme.gif)[/objerror]

Habe die Einheiten mit angegeben, dann ist das auch richtig.

Und wenn man schon ein style einbaut, dann könnte man auch gleich das width, height und border mit in die style einfügen. So wie in meinem Beispiel oben.

Ja mit deinem Code hats Super Funktioniert aber Normalerweise wenn nix dran Steht nimmt er doch automatisch px ? :)

@Deathwing_
Und wer hat dir das beigebracht? Wenn du im HTML die Zahlen der Größenangaben angibst, dann ja.
Aber wenn du ein style="..." mit einbaust, dann ist dass nichts anderes als in deinem Profilcode mit dem < style >< /style >. Und wie gibst du dort Größen, margins, paddings etc an? Eben. Mit px oder pt oder % oder em oder rem...

S_C schrieb:Und wer hat dir das beigebracht?

Du ? Voher konnte ich gar nix was Css betrifft ? :)

Okay dann immer mit Angabe

@Deathwing_
Lach... aber bestimmt nicht so, mein Bester :)

Wenn du im html ein style einbaust, dann ja. Ich würde dem img eine ID zuweisen und das css separat schreiben.

[objerror=http%3A%2F%2Fhome.arcor.de%2Fbarmbecker-jung%2Fmain-Dateien%2Fflamme.gif]Bild nicht mehr verfügbar[/objerror]

#flamme {
position: absolute;
left: 622px;
top: 12px;
width: 480px;
height: 324px;
border: none;
}

Hallo @BlackPearl,

hier ein Standard-Player für dein Profil mit allen Steuerelementen:

<iframe id="my_player" src="/fcgi/?m=profile&ytid=o8hveO_IY7k" frameborder="0" height="25" width="303"></iframe>

Dein Song ist schon eingebaut.

Darüber hinaus habe ich dem iframe die ID #my_player zugewiesen für den Fall, dass du mehrere iframes einbaust. Die ID kannst du natürlich umbennen.

Mit css kannst du den dann auch direkt ansprechen und beliebig positionieren:

#my_player {
position: relative;
margin: 0px auto 0px auto;
}

Das wäre jetzt automatisch mittig zentriert.
Mit der 1. 0px legst du den Abstand nach oben und dem 2. 0px den nach unten fest.

Oder z.B. mit Rahmen:

#my_player {
position: relative;
margin: 0px auto 0px auto;
padding: 10px;
border: solid 2px red;
}

Usw...

So, @Gnupf :

Ich würde die Schriftfarbe der .topnav auf Grün setzen und das Hintergrundbild per Photoshop um etwa 10, 15% abdunkeln. Du hast dir damit nämlich einen Eyecatcher geschaffen, der automatisch von deinem eigentlichen Inhalt ablenkt.

Da du deinen Content wegen dem Hintergrundbild linkslastig ausgerichtet hast, würde ich
.profile_pic {
float: right;
}
auf
.profile_pic {
float: left !important;
}
umschreiben und mit margin-left: 120px korrigieren. Also so:

.profile_pic {
float: left !important;
margin-left: 120px;
}

Dann passt das schon mal mit deinem Bild darunter sauber überein.
Auch den 4-Zeiligen center-Text würde ich so ausrichten, damit diese drei Elemente insgesamt zusammen passen. Es sei denn, du hast das bewusst so gemacht :Y:

@S_C
Nur, wie bekomme ich den Denkspruch nach links, der ist ja kein HTML

Danach gehts an die Schriftfarbe

@Gnupf
Zum ganz groben Verständnis:

Das HTML zeichnet den Inhalt aus, also das, was der Browser darstellt. Deinen Denkspruch, deine Bilder, das GB usw.

Zu fast jedem Element hat Allmy das passende css geschrieben, das diesen Inhalt (Content) formatiert. Also Schriftfarbe und -art, die Link-Effekte, die Ausrichtung usw.

Wenn du also das html beeinflussen möchtest, dann nur über die css, denn das html ist "fest" eingebaut und kann selbst nicht verändert werden.
Du kannst es ausblenden und praktisch komplett neu aufbauen, so wie ich, aber formatiert wird auch das per css.

Das Beispiel oben macht genau das mit deinem html-Element bzw. -Klasse .profile_pic.

Danke schön, ich experimentier noch ein wenig, wenn mir je der Kopf raucht, geh ich ne weile in Uh-Bereich :D

Deinen Denkspruch musst du also mit dem "center" ansprechen:

center {
float: left;
margin-left: 30px;
}

... und schon bist erlöst ;)

Genau darum ging es, den Denkspruch zuordnen, dann hab ich jetzt nur noch die Schrift... da bin ich noch unschlüssig, was ich final mache, ob mit grünem Nebel oder nicht oder... oder...

@S_C
Wie kann ich das mit Deiner Hilfe je wieder gut machen :)

@Gnupf
In dem du mich anklingelst und dir helfen lässt, wenn's mal klemmt. Okay? :Y:

Das mache ich sehr gerne. Danke schön :D

@Gnupf
Kein Problem, alles gut :Y:

Hier noch ein Link, da gibt es tolle Sachen:

http://de.cooltext.com/Logo-Design-Animated-Glow

Über das Top Menü "Logos" und "Schriftarten" findest du eine tolle Auswahl, auch was Ideen betrifft ;)

Viel Spaß dann weiterhin!

Hey, klasse, dan hab ich was zu tun, an Schlaf ist hier eh nicht zu denken