Neko

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

Súgó Még nincs hozzászólás.

Frissítés

Csak regisztrált felhasználók írhatnak hozzászólást.