Do it yourself: CSS für Profil und Blog
21.10.2022 um 21:10Eine Frage hätte ich und zwar:
Kann man den großen schwarzen Block "Beobachtet" auch transparent machen?
Kann man den großen schwarzen Block "Beobachtet" auch transparent machen?
Do it yourself: CSS für Profil und Blog
6.820 Beiträge ▪ Schlüsselwörter:
Allmystery, Hilfe, Welt ▪ Abonnieren: Feed E-Mail
Do it yourself: CSS für Profil und Blog
21.10.2022 um 21:49Do it yourself: CSS für Profil und Blog
21.10.2022 um 22:05Hallo @Luminita
Ich habe mal ein Screenshot gemacht von dem Bereich:
Eben dieses schwarze "Beobachtet" Feld, wenn das noch transparent wäre, würde es besser passen. Als du bei mir schauen warst, habe ich es versteckt gehabt. 😄
Ich habe mal ein Screenshot gemacht von dem Bereich:
Eben dieses schwarze "Beobachtet" Feld, wenn das noch transparent wäre, würde es besser passen. Als du bei mir schauen warst, habe ich es versteckt gehabt. 😄
Do it yourself: CSS für Profil und Blog
05.11.2022 um 15:54Ich brauche mal wieder Hilfe :( Ich möchte ein Teil meines Textes in Wellenstil machen, also , dass es sich wie in einem Wellengang bewegt.
Habe dafür eine passende Seite gefunden. Diese gibt folgende Anleitung an , für HTML
https://gscode.in/css-wave-text-effects/#gsc.tab=0 (Archiv-Version vom 30.09.2022)
Woran liegt das ?
Vielen Dank für eure Hilfe.
Habe dafür eine passende Seite gefunden. Diese gibt folgende Anleitung an , für HTML
https://gscode.in/css-wave-text-effects/#gsc.tab=0 (Archiv-Version vom 30.09.2022)
<div class="test-wrap">Der Text hier ist ein Beispiel aus der Website. Ich habe es mit meinem Text versucht, aber da funktioniert nichts.
<div class="wave-text">He remembered the time he had hooked one of a pair of marlin. The male fish always let the female fish feed first and the hooked fish, the female, made a wild, panic-stricken, despairing fight that soon exhausted her, and all the time the male had stayed with her, crossing the line and circling with her on the surface. He had stayed so close that the old man was afraid he would cut the line with his tail which was sharp as a scythe and almost of that size and shape. When the old man had gaffed her and clubbed her, holding the rapier bill with its sandpaper edge and clubbing her across the top of her head until her colour turned to a colour almost like the backing of mirrors, and then, with the boy’s aid, hoisted her aboard, the male fish had stayed by the side of the boat. Then, while the old man was clearing the lines and preparing the harpoon, the male fish jumped high into the air beside the boat to see where the female was and then went down deep, his lavender wings, that were his pectoral fins, spread wide and all his wide lavender stripes showing. He was beautiful, the old man remembered, and he had stayed.</div>
</div>
Woran liegt das ?
Vielen Dank für eure Hilfe.
Do it yourself: CSS für Profil und Blog
05.11.2022 um 19:25@Sabertoothcat
Hast du den ganzen Code eingebaut, oder nur das zitierte? Wenn letzteres, dann ist das wohl dein Problem. Hast ihm ja gar nicht gesagt, was er tun soll, nur dass er Eigenschaften verwenden soll, die er aber gar nicht kennt.
Hast du den ganzen Code eingebaut, oder nur das zitierte? Wenn letzteres, dann ist das wohl dein Problem. Hast ihm ja gar nicht gesagt, was er tun soll, nur dass er Eigenschaften verwenden soll, die er aber gar nicht kennt.
Do it yourself: CSS für Profil und Blog
05.11.2022 um 19:29@Luminita
Könnte das der Code sein? Der ist auch auf der Seite angegeben.
body{
}
.test-wrap{
padding:4rem;
max-width:740px;
margin:auto;
}
.wave-text{
.letter-wrap{
position:relative;
top:0;
left:0;
font-size:1.25rem;
color:#326760;
line-height:1.8rem;
}
}
Könnte das der Code sein? Der ist auch auf der Seite angegeben.
body{
}
.test-wrap{
padding:4rem;
max-width:740px;
margin:auto;
}
.wave-text{
.letter-wrap{
position:relative;
top:0;
left:0;
font-size:1.25rem;
color:#326760;
line-height:1.8rem;
}
}
Do it yourself: CSS für Profil und Blog
05.11.2022 um 19:58Ich habe nur das eingegebenLuminita schrieb:Hast du den ganzen Code eingebaut, oder nur das zitierte?
<div class="test-wrap"><div class="wave-text">mein Text </div></div>
Do it yourself: CSS für Profil und Blog
05.11.2022 um 20:03Das was ich meine mit der Schrift, ist das zweite Beispiel unterNashira schrieb:Könnte das der Code sein? Der ist auch auf der Seite angegeben.
Title:- Wave text effect (with SVG/blend mode)
Author:- Lucas Bebber
Made With:- HTML CSS JAVASCRIPT
Do it yourself: CSS für Profil und Blog
05.11.2022 um 20:05@Sabertoothcat
Ich hab's interessehalber auch bei mir probiert, ging auch nicht. Aber hat schon was, sieht gut aus!
Ich hab's interessehalber auch bei mir probiert, ging auch nicht. Aber hat schon was, sieht gut aus!
Do it yourself: CSS für Profil und Blog
05.11.2022 um 20:28@Sabertoothcat
@Nashira
Okay, das was ihr jetzt habt ist nur ein div Tag.
Reicht natürlich nicht, weil das Ding dann eben noch nicht weiß, was es tun soll.
Ich hab grad mal testweise den ganzen HTML Code aus der Seite auf mein Profil geworfen, da kommt das hier raus:
Original anzeigen (0,4 MB)
Auch nicht das, was du willst, aber damit kann man ja mal rumprobieren.
@Nashira
Okay, das was ihr jetzt habt ist nur ein div Tag.
The HTML division tag, called "div" for short, is a special element that lets you group similar sets of content together on a web page. You can use it as a generic container for associating similar content.Quelle: https://www.freecodecamp.org/news/html-div-what-is-a-div-tag-and-how-to-style-it-with-css/
Reicht natürlich nicht, weil das Ding dann eben noch nicht weiß, was es tun soll.
Ich hab grad mal testweise den ganzen HTML Code aus der Seite auf mein Profil geworfen, da kommt das hier raus:
Original anzeigen (0,4 MB)Auch nicht das, was du willst, aber damit kann man ja mal rumprobieren.
Do it yourself: CSS für Profil und Blog
05.11.2022 um 20:30Ach, sorry, da ist ja auch noch ein CSS Teil, gar nicht gesehen. Den wirst wohl auch brauchen.
Do it yourself: CSS für Profil und Blog
05.11.2022 um 20:54Das ist mir dann schon wieder zuviel Aufwand,dann lass ich es lieber :D
Ja :)
Do it yourself: CSS für Profil und Blog
14.11.2022 um 20:54Hallo, kann mir vielleicht jemand weiterhelfen ? Welchen Code muss ich im Profil eingeben, wenn ich Bilder rein stellen will, die man erst erkennt,also angezeigt sind, wenn man es mit dem Mauszeiger berührt? Danke für die Hilfe :)
Do it yourself: CSS für Profil und Blog
25.11.2022 um 21:34@Sabertoothcat
Das ist etwas komplexer, da gibt es einige Möglichkeiten mit CSS:
Wenn ich es richtig verstanden habe, willst du, dass sich ein Bild öffnet, ohne darauf zu klicken.
Sobald du mit der Maus über z.B. einen bestimmten Text, ein Thumbnail, oder eine bestimmte Position fährst (hoverst) dann öffnet sich, erscheint oder slidet ein Bild rein. Du musst die Ausgangssituation angeben (z.B. 0% Größe des Bildes, Position, 0% Deckkraft) und die Zielsituation (z.B. 100% Größe, Zielkoordinaten, 100% Deckkraft)
Du kannst dir z.B. mal die Freundesliste bzw. Quelltext in meinem Profil anschauen.
Sobald du mit der Maus über den violetten Balken rechts "hoverst" slidet die Freundesliste von rechts auf eine bestimmte Position links.
Hoffe, dass ich dir damit etwas weiterhelfen konnte.
LG :tannenbaum:
Das ist etwas komplexer, da gibt es einige Möglichkeiten mit CSS:
Wenn ich es richtig verstanden habe, willst du, dass sich ein Bild öffnet, ohne darauf zu klicken.
Sobald du mit der Maus über z.B. einen bestimmten Text, ein Thumbnail, oder eine bestimmte Position fährst (hoverst) dann öffnet sich, erscheint oder slidet ein Bild rein. Du musst die Ausgangssituation angeben (z.B. 0% Größe des Bildes, Position, 0% Deckkraft) und die Zielsituation (z.B. 100% Größe, Zielkoordinaten, 100% Deckkraft)
Du kannst dir z.B. mal die Freundesliste bzw. Quelltext in meinem Profil anschauen.
Sobald du mit der Maus über den violetten Balken rechts "hoverst" slidet die Freundesliste von rechts auf eine bestimmte Position links.
Hoffe, dass ich dir damit etwas weiterhelfen konnte.
LG :tannenbaum:
Do it yourself: CSS für Profil und Blog
29.11.2022 um 12:33Eher andersrum, dass sich ein Bild erst öffnet, wenn man drauf klickt :)TanAtara schrieb am 25.11.2022:mit CSS:
Wenn ich es richtig verstanden habe, willst du, dass sich ein Bild öffnet, ohne darauf zu klicken.
Mittlerweile hab ich jedoch bei S_C 's Thread etwas gefunden,was mir eventuell helfen kann und somit eine Änderung meines Profilsgestaltung wäre, jedoch vielen Dank für deine Hilfe ,sehr nett von dir:)
Do it yourself: CSS für Profil und Blog
27.04.2023 um 18:04Ich bräuchte bitte Hilfe. Wie bekomme ich die Schrift im Profil unten :"Zuletzt hier" weg ?
Do it yourself: CSS für Profil und Blog
27.04.2023 um 18:58Ich habe das Mal ausprobiert, es funktioniert, jedoch bleibt die Beitragszählung (in dem Fall 'keine' ) und das Datum, an dem sich angemeldet hat, bestehen.YaaCool schrieb am 11.10.2012:du könntest es damit machen
.profile_info {visibility: hidden;}
.profile_info b:nth-child(1) {visibility: visible !important;}
.profile_posts b {display: none;}
geht dann zwar über visibility, dh dein restliches zeug rückt nicht nach oben nach, aber über display geht halt schlecht, weil es zu dominant ist, weil die eigenschaft dann einfach weiter gegeben wird, weil der b-tag, den du behalten willst eben unter .profile_info steht
Wie bekommt man das noch weg?
Danke im voraus
Do it yourself: CSS für Profil und Blog
28.04.2023 um 00:48ProjectSerpo schrieb:Ich bräuchte bitte Hilfe. Wie bekomme ich die Schrift im Profil unten :"Zuletzt hier" weg ?
<style>
h2, .profile_posts, .profile_last_post, .profile_created_threads, .profile_member_since {
display: none;
}
</style>Do it yourself: CSS für Profil und Blog
01.05.2023 um 16:48@Outback
Kannst du mir bitte weiterhelfen ?
Wie kann ich im header ein Foto hinzufügen ?
Momentan sieht es bei mir so aus:
.header {background: none; background-color: transparent;}
header {
background:none ;
backdrop-filter: none;
}
Danke :)
Kannst du mir bitte weiterhelfen ?
Wie kann ich im header ein Foto hinzufügen ?
Momentan sieht es bei mir so aus:
.header {background: none; background-color: transparent;}
header {
background:none ;
backdrop-filter: none;
}
Danke :)