Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

Fejléces menü készítése
Fejléces menü készítése : Felbontásbarát fejléces menü

Felbontásbarát fejléces menü



Kattints a képre a nagy mérethez!

Ezzel a kóddal (elvileg) minden felbontásban a fejlécre helyezett tartalom ugyanott lesz és nem fog elcsúszni.

A kód leírása:
A div kódok közé kell tenni mindent, amit a fejlécen szeretnél elhelyezni. Ha ezzel megvagy, akkor jöhet a CSS kód átírása. Ha nem szöveget teszel a fejlécre, akkor a szövegre vonatkozó sorokat kitörölheted a CSS kódból (color, text-alig, line-height).
A left értéket mindig százalékban add meg!!! Ne térj át a pixelre, mert akkor ugyanúgy elfog csúszni a fejlécen lévő tartalom más felbontású böngészőkben.

A pixelt mindig a monitorod bal felső sarkától számolja a böngésző. Tehát egy 1920 pixeles monitoron ami tökre a lap szélén lesz, az egy 1024 pixeles monitoron már belelóg a fejlécbe.

<div class="headmodule">
Ide jön a Chat vagy fejléces menü kódja, vagy bármi, amit a fejlécre szeretnél tenni.</div>
<style type="text/css">
.headmodule {
  color: #eea4a5;
  text-align: justify;
  line-height: 20px;
/* innen kell állítani, hogy hol helyezkedjen el a tartalom a fejlécen */
  position: absolute; /* ez marad!!! */
  left:58.7%; /* vízszintesen állítja be a tartalmat a fejlécre */
  top: 525px; /* függőlegesen állítja be a tartalmat a fejlécre */
  width: 300px; /* a tartalom szélessége */
  height: 186px; /* a tartalom magassága */
  -webkit-transform: translate(-50%, -50%); /* ez marad!!! */
  transform: translate(-50%, -50%); /* ez marad!!! */
}
--></style>

Forrás

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

Mindig tudnod kell, melyik kikötõ felé tartasz. - ROSE HARBOR, a mi városunk - FRPG    *****    A boroszkányok gyorsan megtanulják... Minden mágia megköveteli a maga árát. De vajon mekkora lehet ez az ár? - FRPG    *****    Alkosd meg a saját karaktered, és irányítsd a sorsát! Vajon képes lenne túlélni egy ilyen titkokkal teli helyen? - FRPG    *****    why do all monsters come out at night - FRPG - Csatlakozz közénk! - Írj, és éld át a kalandokat!    *****    Aki szörnyekkel küzd, vigyázzon, nehogy belõle is szörny váljék. S ha hosszasan tekintesz egy örvénybe, az örvény vissza    *****    Rose Harbor, ahol a tenger suttog és a múlt sosem tûnik el teljesen. - FRPG - csatlakozz közénk te is :)    *****    Egy kikötõ, ahol minden hullám egy új kezdetet ígér. Rose Harbor, több mint egy város, egy világ a világ mögött.    *****    Rose Harbor &#8211; kisvárosi báj, nagy titkokkal - légy részese te is ennek a kalandnak :) - FRPG    *****    Óceán, erdõ, csillagfény &#8211; minden ösvény Rose Harborba vezet - aktív FRPG közösség    *****    Itachi Shinden 1. kötet Magyarul elérhetõ a konoha.hu -n. Nézzetek be! *** Itachi Shinden 1. kötet Magyarul elérhetõ!!!    *****    ÁGICAKÖNYVTÁRA - KÖNYVEK, KÖNYVEK, KÖNYVEK - ÁGICAKÖNYVTÁRA    *****    MOVIE-NIGHT -> Filmek, Sorozatok <- MOVIE-NIGHT    *****    Movie-    *****    Játssz a színekkel keress szebbnél szebb képeket, építs, szépítsd a portálod, hogy szebb és színesebb legyen a világod!    *****    Debrecen Huszti Lakóparki napelemes családiház eladó. 06209911123 Debrecen Huszti Lakóparki napelemes családiház eladó.    *****    Pont ITT Pont MOST! Pont NEKED! Már fejlesztés alatt is szebbnél színes szebb képek! Ha gondolod gyere less be!    *****    Kedves Csokoládé kedvelõk! Segítségeteket kérném a kérdõívem kitöltéséhez! Témája a CSOKOLÁDÉ MÁRKÁK! Köszön    *****    Homlokzati hõszigetelés! Vállaljuk családi házak, lakások, nyaralók és egyéb épületek homlokzati hõszigetelését!    *****    * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. * Beugrós munkavállalók éjjel-nappal. *    *****    Elindult a Játék határok nélkül rajongói oldal! Ha te is szeretted a '90-es évek népszerû mûsorát, nézz be ide!