Kezdőoldal » Számítástechnika » Weblapkészítés » Állandó fejléc, ami megy...

Állandó fejléc, ami megy lefelé ha görgetem az oldalt. (? )

Figyelt kérdés

Tehát olyat szereték csinálni mint, ami ezen az oldalon van: [link]


Egyenlőre a képet raktam össze hozzá, a kérdésem hogy milyen kóddal lehet ezt megoldani.Valaki részletesen le tudná írni? Előre is köszönöm :)



2012. jún. 16. 15:56
1 2
 1/20 anonim ***** válasza:
pozicionálással lehet megoldani. képpel szeretnéd csinálni?
2012. jún. 16. 16:25
Hasznos számodra ez a válasz?
 2/20 anonim ***** válasza:
100%

Kell adnod egy azonosítót (ID-t), vagy osztályt (CLASS -t) a fejlécednek HTML -ben:

<div id="fejlec"><img src="fejlec.png" /></div>

És CSS -ben fixed -re kell tenned a pozícióját a DIVednek.

Végeredmény:

<div id="fejlec" style="position:fixed;"><img src="fejlec.png" /></div>

2012. jún. 16. 17:56
Hasznos számodra ez a válasz?
 3/20 A kérdező kommentje:

Köszönöm!

A másik pedig hogy hogyan tudok rárírni a fejlécre.Rá szeretném írni a képre, hogy Home,About ezek...Hogy a legegyszerűbb? A legjobb lenne ha elmondanátok, hogy külön betűtipus hozzárendelés és így meg úgy.De tökéletes úgy is hogy kimentem PS ből png be, és azt rakom rá.


(a külön betütipust úgy értem, hogy valamiféle design érzékem azért van, tehát nem akarom Ariel betütipussal végig.Úgyhogy szeretnék külön betütipust hozzáadni a weboldalhoz)

2012. jún. 16. 18:52
 4/20 anonim ***** válasza:

Ráírni úgy tudsz, hogy létre hozol egy listát (<li>):

<li>

<ul>Home</ul>

<ul>About</ul>

<ul>STB</ul>

</li>

és beállítod (cssben), h egymás mellett legyenek (boccs fejből nemtom h kell). És CSSben fel pozícionálod:

<style> li {position: fixed; top:?px;}</style>

A cssben a top értékhez kb fele annyit kell írj mmint ahány px a fejléced, a kérdőjel helyére. De ha nem jó nyugodtan találgass.

Betűhozzárendelés:

<style> li {font-family: "Verdana" "Georgia" sans;} </style>

Értelemszerűen a fontok nevét te választod ki. Ha különleges fontot akarsz tenni, akkor inkább ne tégy. Nekem wordpresshez van egy jó pluginom, de így nem tom a megoldást.

2012. jún. 16. 19:54
Hasznos számodra ez a válasz?
 5/20 anonim ***** válasza:

Ráírni úgy tudsz, hogy létre hozol egy listát (<li>):

<ul>

<li>Home</li>

<li>About</li>

<li>STB</li>

</ul>

és beállítod (cssben), h egymás mellett legyenek és CSSben fel pozícionálod:

<style>

li, li a {diplay:block; float: left; padding: 0 3px;}

ul {position: fixed; top:?px;}

</style>

A cssben a top értékhez kb fele annyit kell írj mmint ahány px a fejléced, a kérdőjel helyére. De ha nem jó nyugodtan találgass.

Betűhozzárendelés:

<style> li, li a {font-family: "Verdana" "Georgia" sans;} </style>

Értelemszerűen a fontok nevét te választod ki. Ha különleges fontot akarsz tenni, akkor inkább ne tégy. Nekem wordpresshez van egy jó pluginom, de így nem tom a megoldást.

2012. jún. 16. 20:01
Hasznos számodra ez a válasz?
 6/20 anonim ***** válasza:
A második a jó, ez első nem!
2012. jún. 16. 20:01
Hasznos számodra ez a válasz?
 7/20 A kérdező kommentje:

Meg tudnád nekem csinálni a kódokat, ráraknám igazából egy tumblr sablonra.Eddig úgy voltam vele, hogy csak hozzá adom egy wp sablonhoz, de 1 órája felfedeztem hogy a tumblr ugyanazt tudja :) Egyenlőre még nem áll teljesen össze, hogy hogy nézzen ki.De ha meg tudnád csinálni, akkor adj egy mail címet.Holnapra küldöm hogy milyet szeretnék, és előre is köszi.



Ha nem akarod kiírni a címet, küldj ide egy üres mailt a4ndya@gmail.com

2012. jún. 16. 20:50
 8/20 A kérdező kommentje:
Most néztem amúgy, hogy alapból fent van tumblr-ön a betűtipus amit szeretnék 'BebasNeueRegular'
2012. jún. 16. 20:51
 9/20 anonim ***** válasza:
Háát. Én Canadában vagyok coder, és designer, és ami az igazat jelenti én pénzért szoktam az ilyet csinálni... De majd meglátjuk, lehet hogy megesik rajtad a szívem.
2012. jún. 16. 22:12
Hasznos számodra ez a válasz?
 10/20 A kérdező kommentje:
Addig is had kérdezzem meg, hogy hol tanultál? Mármint itt magyarországon, vagy kint külföldön?
2012. jún. 16. 23:02
1 2

Kapcsolódó kérdések:




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!