Do it yourself: CSS für Profil und Blog

@YaaCool

also ganz das man sie nie wieder sieht

ich mach geschwind eine skizze wie ichs meine

@YaaCool


so mein ich das invi das dass Profil danach so Aussieht

du findest raus wie die klassen heißen, beispielsweise mit hilfe der Klassensammlung in der Wiki.


Dann blendest du sie einzelnd aus.

klasse1{display:none;}
klasse2{display:none;}

etc.

das alles im Style-Tag.

@interpreter


ok danke

@interpreter

schade.. ich hab zwar schon mit gerechnet aber schade..

falls es interessiert:

ich wollte nämlich auf die links der namen in den beiträgen eingehen und die sind leider alle unique :/

Ich hab da schon recherchiert, weil ich was ganz ähnliches machen wollte... ist halt so :(

weiss jemand wie der script bei invisus profil geht das das bild verschwindet

ja ich

haha :D :D

@YaaCool

und wie geht der wenn ich fragen darf

und btw wie ändert man das der ALLMYSTERY schriftzug grau ist wenn man drüberfährt

@Creizie

mit einem hover effekt und einer transition

für das allmystery (farbe und hover) guck mal im wiki

@YaaCool
hover beschreibt, was passiert, wenn mit der Maus über ein Element gefahren wird. Der Hover Effekt kann überall eingefügt werden, um einen gewünschten Effekt überzeugen.
Beispiele:
.header:hover {background: #fff;};
ändert den Hintergrund im Header beim drüber fahren von Farbe x in weiß.
.tabnav a:hover {text-shadow: none; color: lime;}
ändert die Farbe der Links in der Rubrikleiste beim hovern von x nach lime und entfernt den Textschatten.
So können ebenfalls Transparenz Effekte, sowie Schriftänderungen vorgenommen werden, oder beim Hovern einfach etwas verschwinden lassen.


das hier

@Creizie

auf was bezogen?

@YaaCool

Das wie bei dir wo das durchsichtig ist bis das man darüberfährt

geht das übrigens auch mit links

@Creizie

ja das geht eigentlich mit fast allem

@YaaCool

und wie muss ich dass eingeben so

<hover><hidden>Bild</hidden></hover>

@Creizie

mit opacity ( Tipps für die Gestaltung des Profils (Seite 27) (Beitrag von canpornpoppy) )
und hover
dazu gibst du dem bild eine klasse und machst das in der css

also zb


und in der css dann

.BILDKLASSE {opacity: 0.0;}
.BILDKLASSE:hover {opacity: 1.0;}

oder so

@YaaCool

ok vielen dank

@YaaCool

geht nich

@Creizie

du hast vergessen den hier


img.heart {margin-left: -200px; display: block; width: 252px; height: 40px; background: url(https://www.allmystery.de/static/upics/A9Sulg_image.heart.png) no-repeat;


mit ner geschweiften Klammer zu schließen. Das macht den Rest ungültig der da steht.