[css+xhtml] Jak zrobić taki link... Opcje

[Kisiol_Ent]

Otorze chce aby link "Pobierz teraz!" był gifem i mrygał ochoczo do użytkownika...
Wszystko jest ok ale chce tez aby np jak uzytkownik wylaczy style CSS albo oglada strone
w trybie textowym (np na komórce) to zeby zamiast (pod) gifem był tekst...
Jak to zrobić?

Mam koncepcje aby zrobić link zwykly i przykryć go linkiem graficznym ale niewiem czy to dobry pomysl...

Ten post edytował strife 10.02.2007, 10:48:45

[plisek]

nie wiem czy dobrze zrozumiałem, ale prostym sposobem jest chyba użycie JavaScript i automatyczne wymuszanie przeładowania strony wg wybranej opcji np włącz style css-wyłacz style css

mozna tez to napisac w php i przed zaladowaniem strony ustalic w jak sposób ma byc wyswietlana tresc strony-sam text, czy "ochoczo mrugający' ;P graficzny z css

pozdr

a jezeli chodzi o to jak zrobic, porponuje poczytac o instrukcjach warunkowych

Ten post edytował plisek 8.02.2007, 23:22:41

[cyphelf]

W pliku html:

[HTML] pobierz, plaintext 
<h1 id="download"><span></span>Ściągnij plik</h1>
[HTML] pobierz, plaintext 

W css:

[HTML] pobierz, plaintext 
h1 span {
	display: block;
	position: relative;
	z-index: 1;
}
#download, #download span {
	width: 200px;
	height: 50px;
	background-repeat: no-repeat;
	background-image: url("/twoj_plik.gif");
}
 
#download span {
	margin-bottom: -50px;
}
[HTML] pobierz, plaintext 

W ten sposób powinno działać, musisz jeszcze dodać tam odnośnik <a>, a <h1> możesz zmienić na cokolwiek innego,

[siemakuba]

A czy nie będzie słusznie zrobić tak:

[HTML] pobierz, plaintext 
<style type="text/css">
#link { 
    background:url('obrazek_dla_linku.jpg') no-repeat 0 0 transparent;
    display:block;
    width:200px;
    height:20px;
    text-indent:-999px;
}
</style>
 
<a id="link" href="link.html">Wartość tekstowa linku</a>
[HTML] pobierz, plaintext 

Dzięki temu przy włączonym CSS obrazek z tła wypełnia zawartość odnośnika a tekst jest schowany. Kiedy CSS będzie wyłączone link będzie najnormalniejszym linkiem tekstowym.

pozdr.

[Kisiol_Ent]

A kiedy beda wyłączone grafiki to textu niebedzie! Do kitu ta metoda!
Próbowałem img zrobic ale tez do kitu bo ja sie wylaczy grafike to bedzie ramka z ikonka :/

Ale widze ze cyphelf mi tu dobry kod podaje zaraz go przerobie (IMG:http://forum.php.pl/style_emoticons/default/snitch.gif)

Dzieki cyphelf :*

Ten post edytował strife 10.02.2007, 10:49:51

[maryaan]

np na komurce

co to jest komurka?

brak grafiki w przegladarkach tekstowych rekompensuje alternatywny tekst, ktory - jak z tego wynika - jest elementem wymaganym


pozdrawiam
maryaan
tropiciel dzieci neo

[siemakuba]

A kiedy beda wyłączone grafiki to textu niebedzie! Do kitu ta metoda!

Do każdej z metod bardziej "kombinacyjnych" niż podstawowa składania HTML/CSS i ich wykorzystanie zgodne z przeznaczeniem można znaleźć X sytuacji w których ta metoda się nie sprawdzi.

Chciałeś sposobów na swoje rozwiązanie to je dostajesz. Nie krzycz więc na nikogo proszę.

pozdr.

[lopik]

w trybie textowym (np na komórce)

A robienie stron pod komórki to już trochę inna bajka (IMG:http://forum.php.pl/style_emoticons/default/winksmiley.jpg)

Ten post edytował lopik 10.02.2007, 10:41:51

[Vogel]

[HTML] pobierz, plaintext 
<link rel="stylesheet" type="text/css" media="screen" href="screen.css" />
<link rel="stylesheet" type="text/css" media="print" href="print.css" />
<link rel="stylesheet" type="text/css" media="handheld" href="mobile.css" />
[HTML] pobierz, plaintext