Do it yourself: CSS für Profil und Blog

ProjectSerpo schrieb:Kann ich innerhalb des Rahmens auch so "farblich transparent" machen?

Hast du das nicht schon?

Ciela schrieb:Wieso machst du nicht noch extra für .profile_info?

Weil ich nicht weiss, wie der Code aussehen soll, so vielleicht?


.profile_info{color: #797c80 ;}

Luminita schrieb:Hast du das nicht schon?

Nein, hab ich nicht.

ProjectSerpo schrieb:.profile_info{color: #797c80 ;}

Schonmal ein guter Anfang, ja :) Aber da muss kein Leerzeichen vor das Semikolon.. ich weiß nicht, ob das was ausmacht, auf jeden Fall ist es keine Pflicht. :D

ProjectSerpo schrieb:Nein, hab ich nicht.

Bei welchem Rahmen bzw. welchem Text willst du das denn dann machen?

@Ciela

Habe ein Hintergrundbild installiert, aber da ist nichts, nur der Baribal in seiner Höhle beim Winterschlaf. ☹️

Frostrubin schrieb:aber da ist nichts,

yo. du verwendest:
url('[IMG]/i/up_0c641aa3474bf68d_giphy3.gif[/IMG]');

ohne [IMG]

Luminita schrieb:Bei welchem Rahmen bzw. welchem Text willst du das denn dann machen?

Bei dem hier

@Bishamon

Kann man das irgendwie noch einmitten?

ProjectSerpo schrieb:Meine andere Frage wäre, ich habe einen Rahmen um einen Text und hab es damit angegeben:

<p style="width:400px;padding:4px;border: 2px solid #573366;border-radius: 18px">

Kann ich innerhalb des Rahmens auch so "farblich transparent" machen?

Ich glaube jetzt, dass ich mit die "<p style" Werte da nicht weiter komme...
Ich hab mal ein bisschen gegoogelt und ich glaube, dass ich damit mit "<TABLE BORDER" arbeiten muss...

So findet man auf dieser Website

https://html.nicole-wellinger.ch/tabellen/beispiel2.html

Für den auf dieser Seite gezeigten Rahmen folgender Stylecode:

<CENTER>
<TABLE BORDER="0" CELLSPACING="0" CELLPADDING="10">
<TR>
<TD BACKGROUND="tabellenbg.jpg" WIDTH="600" HEIGHT="500" VALIGN="TOP">
<FONT FACE="Verdana, Arial" SIZE="3" COLOR="#FFFFCC">
Hier kann man nun seinen Text reinschreiben.
</TD>
</TR>
</TABLE>
</CENTER>

Hab diesen mal ausprobiert,aber es funktioniert nicht. Doch wäre es vielleicht ein Ansatz, mit "table border" zu arbeiten und ihm auch für meine Vorstellungen zu ändern..

ProjectSerpo schrieb:Stylecode:

das ist nur html. Gänzlich ohne CSS.

Ich weiß nicht, was du vorhast, aber einen transparenten Farbwert kann man mit rgba() angeben.
zB rot:

rgba(255, 0, 0, 0.6);

0.5 ist halbtransparent, 0.9 ziemlich, und 1 gänzlich transparent.

Bishamon schrieb:0.5 ist halbtransparent, 0.9 ziemlich, und 1 gänzlich transparent.

Ist nicht 0 transparent? Ich musste jetzt nochmal nachschauen, weil ich mir nicht mehr sicher war, aber mein transparentes .profile_info hat 0.0 da stehen. :ask:

Ciela schrieb:Ist nicht 0 transparent?

stimmt.
hab das jetzt leider vertauscht.

Bishamon schrieb:Ich weiß nicht, was du vorhast, aber einen transparenten Farbwert kann man mit rgba() angeben.

Ich hab es jetzt mal geschafft, die .profil_info einen transparenten Farbwert zu geben.
Das habe ich jetzt damit gemacht:

.profile_info{
background-color: #2f2942; padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;
-webkit-border-top-left-radius: 8px 8px;
-webkit-border-top-right-radius: 8px 8px;
border-bottom-left-radius: 8px 8px;
border-bottom-right-radius: 8px 8px;
-moz-border-radius: 0 0 8px 8px;
-webkit-border-bottom-left-radius: 8px 8px;
-webkit-border-bottom-right-radius:8px 8px;
background-color: #151017; opacity: 0.6;
padding: 12px;
border-top-left-radius: 8px 8px;
border-top-right-radius: 8px 8px;
-moz-border-radius:8px 8px 0 0;

}


So hätte ich gerne auch im Textrahmen.

Ja, die Freundesliste habe ich jetzt auch mal selbst bearbeitet (gleichen Muster wie oben gezeigt), mal sehen, wie lange ich die drin lasse.

ProjectSerpo schrieb:So hätte ich gerne auch im Textrahmen.

hmm. dann geht es dir anscheinend um die Hintergrundfarbe:

ProjectSerpo schrieb:background-color: #151017; opacity: 0.6;

da steht opacity für Transparenz bzw Deckkraft. auch hier geht es von 0 bis 1.

Bishamon schrieb:dann geht es dir anscheinend um die Hintergrundfarbe:

Ja genau :)
Aber in dem : <p style="width:400px;padding:4px;border: 2px solid #573366;border-radius: 18px"> kann ich nichts
einbauen, damit es so wird.

Bishamon schrieb:da steht opacity für Transparenz bzw Deckkraft. auch hier geht es von 0 bis 1.

Von 0 bis 1 und nicht weiter?

ProjectSerpo schrieb:Von 0 bis 1 und nicht weiter?

0 ist 0% Deckkraft und 1 ist 100% Deckkraft
Alles dazwischen kannst du nehmen. :)

ProjectSerpo schrieb:kann ich nichts
einbauen,

aber ja doch

<p style="width:400px;padding:4px;border: 2px solid #573366;border-radius: 18px; background: blue; opacity: 0.5;">sdsdfsdfsfsdf</p>

aus

background: blue;

wird durch

opacity: 0.5;

auf rotem Hintergrund ein Violett.

@Ciela

Kann ich das Profilbild irgendwie nach unten schieben?

@Frostrubin
Ja, das geht bestimmt, man muss nur das Element herausfinden. Kann ich jetzt am Handy leider aktuell nicht. Aber vielleicht kann dir ja @Bishamon helfen.

Bishamon schrieb:<p style="width:400px;padding:4px;border: 2px solid #573366;border-radius: 18px; background: blue; opacity: 0.5;">sdsdfsdfsfsdf</p>

Danke vielmals, doch es kam bei mir als roten Hintergrund. Ich habe es dann auf so erst umgeändert

<p style="width:400px;padding:4px;border: 2px solid #f8f5fa;border-radius: 18px; background:#573366; opacity: 0.1;">

Das war dann genauso wie das profil_info, doch komischerweise konnte man keinen Text mehr lesen. Die Hintergrundfarbe hat das irgendwie "verschlungen" . Den Text in diesem Rahmen habe ich so auf #f8f5fa geändert (also fast weiss), doch es war trotzdem kaum lesbar. Normalerweise müsste die sehr helle Schrift gut zu erkennen sein... Auch die Rahmenfarbe #f8f5fa sollte vom Hintergrundbild gut erkennbar sein,war es jedoch nicht...komisch :ask:

Ich lass jetzt jedoch, wie ich es am Anfang hatte, so kann man alles am Besten lesen, möchte mich jedoch bei dir und bei @Ciela
sowie @Eseneziri herzlich für eure Hilfe und Tipps bedanken :)