Hjelp med 'content' i CSS

7. oktober 2009

Hei!

Jeg skal skrive kort og godt.

Har profil på en side, der det står "pålogget"..
La oss si at classname er #eksempel.

Jeg skal erstatte 'pålogget' med noe annet.
Men jeg tror jeg har skrevet alt feil.

Kode

#eksempel
{
display: none;
}

#eksempel:after
{
content: "Online mofo...";
}

Noen som kan hjelpe meg med det?
Virker kanskje litt n00b, men er lenge sia sist jeg har holdt på med CSS.

pinkrabbitz

1.338 373

7. oktober 2009

http://www.quirksmode.org/css/beforeafter.html

Der ser du en veldig grei guide på nettopp det, men tror ikke det er det du er ute etter!

Digital Hybrid

Philosphicus

1.975 107

7. oktober 2009

Mja. Litt tricky den der, men er mulig etter litt skitne triks.

HTML-kode

#eksempel {
	visibility:hidden;
}
#eksempel:after {
	visibility: visible;
	content: "online mofo...";
	margin-left: -70px;
}

margin-left må da justeres etter behov.

z0p

uʍop ǝpısdn

3.814 906

7. oktober 2009

viktig å huske på at dette ikke er støttet i alle nettlesere.
#stylesheets kan ikke være en klasse, men i beste fall en id som referer til et unikt element
koden ser rett ut, men elementet pseudo klassen tilhører vil jo ikke renderes (display:none) og man kan ikke sette inn noe etter et element som ikke vises.
Pålogget/avlogget er jo dynamisk data og hører ikke hjemme i stylesheet

Ondskap

Trådstarter

1.803 675

7. oktober 2009

Sitat av Digital Hybrid

Mja. Litt tricky den der, men er mulig etter litt skitne triks.

HTML-kode

#eksempel {
	visibility:hidden;
}
#eksempel:after {
	visibility: visible;
	content: "online mofo...";
	margin-left: -70px;
}

margin-left må da justeres etter behov.

Vis hele sitatet...

Dette var akkurat det jeg prøvde på!
Tusen takk

Digital Hybrid

Philosphicus

1.975 107

7. oktober 2009

Og som z0p sier; dette fungerer ikke i alle nettlesere (f.eks. Internet Explorer), og bør på ingen måte brukes i en seriøs produksjon av en side.

Sist endret av Digital Hybrid; 7. oktober 2009 kl. 00:57.

Ondskap

Trådstarter

1.803 675

7. oktober 2009

Sitat av Digital Hybrid

Og som z0p sier; dette fungerer ikke i alle nettlesere, og bør på ingen måte brukes i en seriøs produksjon av en side.

Vis hele sitatet...

Det er ingen seriøs produksjon av en side, har det bare litt gøy å kødder med profilen min:P

Og de har forskjellig class ID på pålogget/avlogget...

Sist endret av Ondskap; 7. oktober 2009 kl. 00:59.

Ondskap

Trådstarter

1.803 675

8. oktober 2009

Måtte gå for denne...

Kode

div[style="color: rgb(56, 142, 33); float: right; margin-right: 5px;"] {
visibility:hidden;
}

div[style="color: rgb(56, 142, 33); float: right; margin-right: 5px;"]:after {
visibility: visible;
font-size:10px; 
color:#FFF; 
content:" Online Motherfucker!"; 
font-weight:bold; 
}

Den andre funket plutselig ikke lenger...