Do it yourself: CSS für Profil und Blog

in HTML:

< img src="BILD-LINK" class="irgendeineklasse">


in CSS:

.irgendeineklasse {width: BREITE; height: HÖHE;}
.irgendeineklasse:hover {width: GRÖßEREBREITE; height: GRÖßEREHÖHE;}

natürlich ersetzen

@YaaCool
Was genau bedeutet "irgendeineklasse"? :|

@Plop

na dass du dir aussuchen kannst, was du dahin schreibst

@YaaCool
Ja... okay, dann anders.. :D Was ist eine Klasse? Wenn ich das jetzt bei einem meiner Bilder machen möchte...was muss ich dann dort reintippen?

@Plop
@Kylmää

irgendwas, das is völlig egal.
es dient nur zum ansprechen des elements, in dem fall des bildes, in der CSS also im < style> bereich
wichtig ist eben, dass es nicht reicht im html zu schreiben <.... class="irgendwas"> sondern dann in der css ein .irgendwas {...} und/oder .irgendwas:hover {...} (siehe oben) kommen muss um es weiter zu bearbeiten
so wie du auch alle anderen sachen in deinem profile entweder über die klasse, mit einem punkt (.) angesprochen hast oder die ID mit einer raute (#), so kannst du eigenen elementen auch eine klasse und/oder ID und so geben um sie in anderen sprachen nachträglich weiter zu verwenden und zu bearbeiten

hm, in meim Profil, ich bekomm es nicht hin das die drei anklickbaren Links die gleiche Schriftfarbe bekommen wie der restliche Text im Profil ...
wenn ich's mit Body ansprech müsste es doch?!
und auch wenn ich die Farbe in die Links einbau funzt es nich oder ich mach was falsch ...

@tic
Hast du es mal mit

a {color: #000000;}

probiert? Die Farbe musst du natürlich ändern.

da ... bekommst nen Keks @Ciela *hinhalt* :D ...

wie kann man den schmarn
nach ganz links verschieben ? :O

https://www.allmystery.de/static/upics/LmNZjh_102155_bild_13.png

@low_milk

Ganz nach links, keine Ahnung :D
Aber selbst rumschieben müsste so gehen:

.profile_links {position: relative;
left: 1px;
right: 1px;
top: 1px;
bottom: 1px;}

Die Angaben natürlich löschen/ verändern. ;)

Der Balken ist schon ganz links, wie man auch an dem Bild sieht
Man müsste ihn entweder in Minus nach links verschieben oder die Padding Werte der Links innen ändern, das würde dann aber sicher dumm aussehen

@low_milk
versuch mal:
.profile_links{position:relative;left:-250px;}

@Ciela
@Bodo
@YaaCool
Danke :)

wie verkleinere ich das profilbild?

@S.D.

musste 2 "hex hex" rufen :D

oder du setzt

div.profile_pic img {
height: xypx;
width: xypx;
}

statt xy setzt du einfach zahlen ein.

alles weiter kannst du hier nachlesen Allmystery-Wiki: Mögliche Gestaltungen

und hier Allmystery-Wiki: Klassen-Sammlung hast du auch bilder dazu damit du siehst welches element du wie ansprechen musst. zu beginn solltest du aber auch den ersten post des threads lesen.

Do it yourself: CSS für Profil und Blog

@Prof.nixblick danke^^

Hi, ist das machbar das der Text den man schreibt genau mittig dargestellt wird?

@Aniol

Ja :)

<*center>Text<*/center>

Ohne Sternchen.

Sieht dann so aus

Einfach nur Leerzeilen?! Ich sehe nämlich nur das Wort Text xD

AH doch jetzt! Vielen Dank:)