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 » Honnan tölthetnék le ehhez...

Honnan tölthetnék le ehhez hasonlót?

Figyelt kérdés
beírsz egy webcímet, és ott kiad egy szimpla oldalt, amin van 2 szöveg, és ha az elsőre kattintasz átvisz az I. oldalra, ha a másodikra kattintasz, akkor átvisz a II. oldalra. találtam régebben metin2-es oldalakat, ahol ugyan így volt megoldva. az a lényeg, h háttérnek betehessek képet, aki kitölti a hátteret, és a két gomb az egyik jobb- másik baloldalon legyen, és CSS-el stílusos legyen. válaszokat köszi :D remélem van egy ehhez hasonló xD :D (nem értek annyira hozzá, hogy egy játékra csináltam szervert, (azaz kettőt) és így akartam megoldani.
2014. szept. 22. 20:26
 1/7 anonim ***** válasza:

<!DOCTYPE html>

<html>

<head>

<title>AAAA</title>

</head>

<body>

<style type="text/css">

* { margin: 0; padding: 0; }

body { background: #666; }

h1 { position: relative; top: 15px; z-index: 1; text-align: center; color: #fff; font-family: verdana; }

section#left {

width: 50%; position: absolute; bottom: 0; left: 0; top: 0;

background: #444;

float: left;

text-align: center;

padding-top: 300px;

}

section#right {

width: 50%; position: absolute; bottom: 0; right: 0; top: 0;

background: #555;

float: left;

text-align: center;

padding-top: 300px;

}

a {

color:#fff;

background: rgb(90, 90, 90);

padding: 5px 15px;

border: 1px solid rgba(0,0,0,0.1);

border-radius: 30px;

font-family: tahoma;

text-decoration: none;

position: relative;

top: 10px;

}

</style>

<h1>na melyik?</h1>

<section id="left">

<h2>egyik</h2>

<a href="#">Tovább</a>

</section>

<section id="right">

<h2>másik</h2>

<a href="#">Tovább</a>

</section>

</body>

</html>

2014. szept. 22. 20:56
Hasznos számodra ez a válasz?
 2/7 anonim ***** válasza:
a kép lemaradt: [link] ilyen?
2014. szept. 22. 20:57
Hasznos számodra ez a válasz?
 3/7 A kérdező kommentje:
igen igen. azaz. csak a hátteret képről tudjam beállítani, ne színekkel.
2014. szept. 24. 16:56
 4/7 anonim ***** válasza:

a background értékét állítod.


background: url('img-url');

2014. szept. 26. 14:28
Hasznos számodra ez a válasz?
 5/7 A kérdező kommentje:

Így átírtam, de nem jó..


<style type="text/css">

* { margin: 0; padding: 0; }

body { background: #666; }

h1 { position: relative; top: 15px; z-index: 1; text-align: center; color: #fff; font-family: verdana; }

section#left {

width: 50%; position: absolute; bottom: 0; left: 0; top: 0;

background: url('./fft.jpeg');

float: left;

text-align: center;

padding-top: 300px;

}

2014. szept. 26. 15:47
 6/7 anonim ***** válasza:

<!DOCTYPE html>

<html>

<head>

<title>AAAA</title>

</head>

<body>

<style type="text/css">

* { margin: 0; padding: 0; }

body { background: #666; color: #fff;}

h1 { position: relative; top: 15px; z-index: 1; text-align: center; color: #fff; font-family: verdana; }

section#left {

width: 50%; position: absolute; bottom: 0; left: 0; top: 0;

background: url('http://images2.layoutsparks.com/1/225612/simple-plain-grey-stripes.jpg');

float: left;

text-align: center;

padding-top: 300px;

}

section#right {

width: 50%; position: absolute; bottom: 0; right: 0; top: 0;

background: url('http://fc05.deviantart.net/fs70/f/2010/010/a/5/simple_wallpaper_by_mikro098.png');

float: left;

text-align: center;

padding-top: 300px;

}

a {

color:#fff;

background: rgb(90, 90, 90);

padding: 5px 15px;

border: 1px solid rgba(0,0,0,0.1);

border-radius: 30px;

font-family: tahoma;

text-decoration: none;

position: relative;

top: 10px;

}

</style>

<h1>na melyik?</h1>

<section id="left">

<h2>egyik</h2>

<a href="#">Tovább</a>

</section>

<section id="right">

<h2>másik</h2>

<a href="#">Tovább</a>

</section>

</body>

</html>

2014. szept. 26. 21:11
Hasznos számodra ez a válasz?
 7/7 A kérdező kommentje:

elírtad. a linkek végéről lehagytad a zárójelet. így működik:


* { margin: 0; padding: 0; }

body { background: #666; }

h1 { position: relative; top: 15px; z-index: 1; text-align: center; color: #fff; font-family: verdana; }

section#left {

width: 50%; position: absolute; bottom: 0; left: 0; top: 0;

background: url(' [link]

float: left;

text-align: center;

padding-top: 300px;

}

section#right {

width: 50%; position: absolute; bottom: 0; right: 0; top: 0;

background: url(' [link]

float: left;

text-align: center;

padding-top: 300px;

}

a {

color:#fff;

background: rgb(90, 90, 90);

padding: 5px 15px;

border: 1px solid rgba(0,0,0,0.1);

border-radius: 30px;

font-family: tahoma;

text-decoration: none;

position: relative;

top: 10px;

}

2014. szept. 27. 08:57

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 © 2025, 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!