fejléc
Gyakori kérdések Belépés Új kérdés Véletlen kérdés
Keresés
Kezdőoldal » Számítástechnika » Weblapkészítés » A háttérnek hogyan lehet...

A háttérnek hogyan lehet fekete színátmenetet készíteni?

Figyelt kérdés

Jelenleg ilyen az oldal:

[link]


És ilyenre szeretném:

[link]


Köszi a segítséget!


2012. márc. 4. 17:54
 1/6 A kérdező kommentje:

Ha szükséges ez az oldal kódja:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<html>

<head>

<meta content="text/html; charset=ISO-8859-1"

http-equiv="content-type">

<title>Orarend</title>

</head>

<body style="background-image: url(18.jpg);">

<big><big><big><span style="font-weight: bold;"><br>

</span></big></big></big>

<div style="text-align: center;"><big><big><big><span

style="font-weight: bold;"></span></big></big></big><br>

<br>

<br>

<br>

<br>

<br>

</div>

<table class="MsoTableGrid"

style="border: medium none ; border-collapse: collapse; width: 857px; height: 420px; text-align: left; margin-left: auto; margin-right: auto;"

border="1" cellpadding="0" cellspacing="0">

<tbody>

<tr style="height: 50.7pt;">

<td

style="border-style: solid; border-color: windowtext; border-width: 6pt 1pt 1pt 6pt; padding: 0cm 5.4pt; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 28.45pt; height: 50.7pt;"

width="38">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><span style="font-size: 16pt; color: white;"><o:p> </o:p></span></b></p>

</td>

<td

style="border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 6pt 1pt 1pt medium; padding: 0cm 5.4pt; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.1pt; height: 50.7pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><i style=""><span

style="font-size: 16pt; color: white;">Hétfõ<o:p></o:p></span></i></b></p>

</td>

<td

style="border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 6pt 1pt 1pt medium; padding: 0cm 5.4pt; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.2pt; height: 50.7pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span class="orarendab"><b style=""><i style=""><span

style="font-size: 16pt; color: white;">Kedd<o:p></o:p></span></i></b></span></p>

</td>

<td

style="border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 6pt 1pt 1pt medium; padding: 0cm 5.4pt; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 69.45pt; height: 50.7pt;"

width="93">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><i style=""><span

style="font-size: 16pt; color: white;">Szerda<o:p></o:p></span></i></b></p>

</td>

<td

style="border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 6pt 1pt 1pt medium; padding: 0cm 5.4pt; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.9pt; height: 50.7pt;"

width="113">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><i style=""><span

style="font-size: 16pt; color: white;">Csütörtök<o:p></o:p></span></i></b></p>

</td>

<td

style="border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 6pt 1pt 1pt medium; padding: 0cm 5.4pt; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.2pt; height: 50.7pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><i style=""><span

style="font-size: 16pt; color: white;">Péntek<o:p></o:p></span></i></b></p>

</td>

<td

style="border-style: solid solid solid none; border-color: windowtext windowtext windowtext -moz-use-text-color; border-width: 6pt 6pt 1pt medium; padding: 0cm 5.4pt; background: black none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 102.95pt; height: 50.7pt;"

width="137">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><i style=""><span

style="font-size: 16pt; color: white;">Idõ<o:p></o:p></span></i></b></p>

</td>

</tr>

<tr style="">

<td

style="border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt 6pt; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 28.45pt;"

width="38">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><span style="font-size: 14pt;">1.<o:p></o:p></span></b></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.1pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Szak gyak.<br>

</span>M105-M103<span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.2pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span class="orarendab"><span style="font-size: 14pt;">Történelem<br>

</span></span>D117<span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 69.45pt;"

width="93">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Elektro.<br>

</span>B112<span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.9pt;"

width="113">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Kémia<br>

</span>A006<span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.2pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Fizika<br>

</span>A104<span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 6pt 1pt medium; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 102.95pt;"

width="137">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><span style="font-size: 14pt;">07:30 - 08:15<o:p></o:p></span></b></p>

</td>

</tr>

<tr style="">

<td

style="border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt 6pt; padding: 0cm 5.4pt; background: rgb(191, 191, 191) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 28.45pt;"

width="38">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><span style="font-size: 14pt;">2.<o:p></o:p></span></b></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(191, 191, 191) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.1pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Szak gyak.<br>

</span><small>M105-M103</small><span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(191, 191, 191) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.2pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Nyelvtan<br>

</span><small>A006</small><span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(191, 191, 191) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 69.45pt;"

width="93">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Tesi<o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(191, 191, 191) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.9pt;"

width="113">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Nyelvtan<br>

</span><small>A112</small><span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(191, 191, 191) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.2pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span style="font-size: 14pt;">Kémia<br>

</span><small>B204</small><span style="font-size: 14pt;"><o:p></o:p></span></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 6pt 1pt medium; padding: 0cm 5.4pt; background: rgb(191, 191, 191) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 102.95pt;"

width="137">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><span style="font-size: 14pt;">08:30 - 09:15<o:p></o:p></span></b></p>

</td>

</tr>

<tr style="">

<td

style="border-style: none solid solid; border-color: -moz-use-text-color windowtext windowtext; border-width: medium 1pt 1pt 6pt; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 28.45pt;"

width="38">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><b style=""><span style="font-size: 14pt;">3.<o:p></o:p></span></b></p>

</td>

<td

style="border-style: none solid solid none; border-color: -moz-use-text-color windowtext windowtext -moz-use-text-color; border-width: medium 1pt 1pt medium; padding: 0cm 5.4pt; background: rgb(242, 242, 242) none repeat scroll 0% 50%; -moz-background-clip: initial; -moz-background-origin: initial; -moz-background-inline-policy: initial; width: 84.1pt;"

width="112">

<p class="MsoNormal"

style="margin-bottom: 0.0001pt; text-align: center; line-height: normal;"

align="center"><span class="o

2012. márc. 4. 17:55
 2/6 A kérdező kommentje:

Nem engedte beírni az egész forrást...

inkább így mutatom, ha szükséges

*****



* Automatikusan eltávolított tartalom.
2012. márc. 4. 18:00
 3/6 anonim ***** válasza:

Több lehetőséged van. Most csak hármat említek meg.


1. A képet csinálod meg átmenetesre és azt illeszted be háttérként.


2. két div-et egymásba ágyazol. A külső div hátterének definiálod az átmenet nélküli képet.

A belső div-ben pedig egy másik képet rakszbe háttérként, és ennek a képnek a csak az átmenetet kell tartalmaznia, amit png formátumban mentsz ki.


3. Ismét két div-re lesz szükség, a küldső div ugyanaz, mint az előző megoldásban. A belső div viszont egy átmenetes áttetsző háttérszínt kap.

Ehhez ezekre lesz szükséged:

[link]

[link]

[link]

2012. márc. 4. 20:21
Hasznos számodra ez a válasz?
 4/6 themaki1333 ***** válasza:

ember :D nézted a kiterjesztést amit létrehoztál?? :D


"33431047/orarend.txt" <- ez a vége :D

ez mióta html????

azért nem jeleníti meg az oldalt...

2012. márc. 4. 21:10
Hasznos számodra ez a válasz?
 5/6 themaki1333 ***** válasza:
még valami a perceket tedd közé :) ;) nagyon jól fog kinézni :) (felső-indexbe pakolja őket)
2012. márc. 4. 21:19
Hasznos számodra ez a válasz?
 6/6 anonim ***** válasza:
Kezdésnek mondjuk ne HTML beli style-okat adj, hanem csinálj külön CSS-t. Akkor lehet a legjobban és legbiztosabban megoldani, hogy minden böngésző alatt jól menjen. Egyedül a képes megoldás (előttem szóló első lehetősége) ami jó mindenhova.
2012. márc. 5. 10:26
Hasznos számodra ez a válasz?

Kapcsolódó kérdések:

Számítástechnika főkategória kérdései »
Számítástechnika - Weblapkészítés kategória kérdései »



Minden jog fenntartva © 2024, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu

A weboldalon megjelenő anyagok nem minősülnek szerkesztői tartalomnak, előzetes ellenőrzésen nem esnek át, az üzemeltető véleményét nem tükrözik.
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!