Do it yourself: CSS für Profil und Blog

@Bishamon

Na Hauptsache, dass es jetzt wieder funzt. :Y:

@S_C

Was würden wir hier bloß ohne Dich als Profi machen. :)

Hallo , wie kann man ein einzelnes Bild auf dem Profil drehen, wenn möglich, wenn dieser erst mit den Mauszeiger berührt wird?
Bei dem Code von diesem Beitrag, dreht sich das Profilbild, samt Youtube Leiste.


Beitrag von Bishamon (Seite 337)

Bei mir soll jedoch das Profilbild stehen, nur ein Bild, welches ich im Profil habe, soll drehen, danke für die Hilfe.

@QonoS

Versuch mal folgenden Code:

.bild:hover {
animation: rotating 4s linear infinite;
}

@keyframes rotating {
0% { transform: rotate(0);}
100%{ transform: rotate(1turn);
}

Allerdings, wenn Du viele Bilder im Profil hast, dann weiß ich leider nicht, wie man den Code so zurecht stutzt, dass er nur ein einziges Bild anspricht, dass sich nur dieses eine dreht.

-Anna- schrieb:ein einziges Bild ansprich

mit zB
:nth-child(n)
?

https://www.w3schools.com/cssref/sel_nth-child.asp

@Bishamon
@-Anna-

Hab zwar den Code gehabt, das Bild hat sich jedoch nicht gedreht. Dieser hat allerdings andere Elemente auf meinem Profil "gestört", also, als der drin war, zeigte einiges nicht mehr an, somit lasse ich ihn nun draußen. Trotzdem danke vielmals.

Ich bräuchte nochmal Hilfe bitte :)

Kann man die Youtube Einbettungsleiste nach links im Profil verschieben und
wie kann man das Schreibfeld des GB transparent machen?
Danke nochmal :)

ProjectSerpo schrieb:wie kann man das Schreibfeld des GB transparent machen?

Hatten wir das nicht schon? :)

Beitrag von ProjectSerpo (Seite 326)

Das Textfeld sprichst du mit #gb_post_textarea an. Bei mir ist das:
#gb_post_textarea {color: #FFFFFF!important;
background-color: rgba(0,0,0,0.5) !important; font-size: 16px; font-family: Corbel Light;}

Luminita schrieb:Hatten wir das nicht schon? :)

Tatsache, wusste ich schon gar nicht mehr, danke :)
Danke für den Code. ;)

Hmm, liebe CSS Pros, gibts einen Weg, wie ich mein Gästebuch quasi "zweispaltig" anzeigen kann? Also, je 2 Einträge nebeneinander? Ich würds ja googlen, aber ich weiß nicht mal was ich eingeben soll :D

Hi, gibt es eine Möglichkeit, dass ich auf mein Profil die Jahreszahlen neben das Kreuz samt Rahmen platzieren kann? Dankeschön :)

@Sabertoothcat
Ja, hochschieben ;) Wie hast dus aktuell eingebaut?

@Luminita

Mit hochschieben habe ich es schon probiert, das klappt nicht.


Momentan sieht es so aus


<br>
<br><font size="5">
<br><p style="width:140px;padding:1px;border: 3px solid #a88732 ;border-radius: 10px; background:#000000; opacity: 0.6;">
<br><img src="https://www.allmystery.de/i/gg86yrbalkor_439058_922e9.gif">
<br>
<br></p><center><font size="22">
<br><p style="width:150px;padding:1px;border: 3px solid #a88732 ;border-radius: 10px; background:#000000; opacity: 0.6;">
<br><font size="6">1953
<br>1971
<br>2022
<br><font size="6">? <u>2023</u> ?
<br>
<br></p>
<br>
<br>

@Sabertoothcat
Ich mach sowas eigentlich immer per margin-top, hierfür war jetzt -400px. Dann kannst du es auch noch näher zusammenschieben, wenn gewünscht. Gleich groß sind sie halt nicht ;)

Original anzeigen (0,4 MB)

Luminita schrieb:Ich mach sowas eigentlich immer per margin-top, hierfür war jetzt -400px

Wie funktioniert das,was muss ich da eingeben?

@Sabertoothcat
Alles wie sonst auch:
margin-top: -400px;

Dort wo du auch die anderen Stylingelemente festlegst. :)

@Luminita

Meinst du so ?:
....
....
}

a, a.man, a:link, a:visited {
color: #a88732;
}

a.attitel{visibility:hidden;}
a.attitel:before{content:" ";
color: #a88732 ;
visibility:visible;
}

.margin-top: -400px;


.profile_links a img {visibility: hidden; display: block;}
......
......

Im Style Code?
So funktioniert das nicht :(

@Sabertoothcat
Nein :D Du musst es in den Code einbauen, den du mir oben geschickt hast ^^ Schreibs einfach hinter

ProjectSerpo schrieb:<p style="width:150px;padding:1px;border: 3px solid #a88732 ;border-radius: 10px; background:#000000; opacity: 0.6;">

@Luminita

Ich bin wirklich mehr als dumm :nerv: :D
Ok, das hat jetzt geklappt, wie kann ich dir noch näher zusammen rücken? :)

ProjectSerpo schrieb:Ich bin wirklich mehr als dumm :nerv: :D
Ok, das hat jetzt geklappt, wie kann ich dir noch näher zusammen rücken? :)

Kann passieren ;) Ich empfehle vertikale Anpassungen mit margin-left und margin-right - einfach austesten, welche Werte dir passen :)

Hat geklappt, danke liebe @Luminita , für deine nette Hilfe :)