2018. 05. 12.Videó | Kép élénkítése Photoshop-ban
2018. 05. 05.ColorCop színlopó program
2018. 04. 30.Coppermine | Kép és fájlméret megadása az indexképek alatt
2018. 04. 24.Coppermine | Thumbnails képek méretének változtatása egyszerűen
2018. 04. 18.Videó | PNG készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
289 napja
703 néző

WordPress themes

WordPress themes
291 napja
198 néző

G-Portál themes

G-Portál themes
291 napja
112 néző

Tumblr themes

Tumblr themes
291 napja
162 néző

Felbontásbarát fejléces menü G-Portálra

Most, hogy már WordPress-ben is szerkesztek vannak olyan kódok, amiknél azon gondolkodom, hogyan lehetne úgy megcsinálni, hogy azt a G-Portálon is lehessen használni. Mivel a fejléces menü kódjánál a WordPress-ben megvan ugye, hogyan kell beállítani, hogy az ne csússzon el semmilyen felbontásban, így ezt kipróbáltam a G-Portálon is és természetesen ott is jó lett a kód. Ezzel a kóddal minden felbontásban és mindenféle méretű monitoron a fejlécre helyezett tartalom ugyanott lesz és nem fog elcsúszni ezentúl a G-Portálon. Kivéve azt a kis semmiséget, hogy szerkesztőként bejelentkezve a vezérlősáv miatt lejjebb csúszik a fejlécre helyezett tartalom, de kijelentkezve ez a probléma megoldódik.

 

Tény, hogy a fejléces menü kódjával nem csak menüt lehet a fejlécre helyezni, hanem bármi mást is, csak az évek alatt ez a név ragadt rá a fejléces kódra, de menü helyett lehet Chat-et, friss képeket, friss híreket vagy bármi mást is helyezni a fejlécre. Nem fog elcsúszni. Sőt egyszerre több mindent is lehet tenni rá, csak akkor másik DIV közé kell tenni a tartalmakat és a CSS kódot is ki kell bővíteni hozzá egy újjal.

 

Ahhoz, hogy a fejlécen a tartalom tényleg ott is legyen, ahol lennie kell, ezért amit oda szeretnétek majd elhelyezni azt minden esetben a szerkeszthető fejléc moduljába kell tenni. Tehát a DIV kód ebbe a modulba megy!

 

A kód leírása:
A div kódok közé kell tenni mindent, amit a fejlécen szeretnétek elhelyezni. Ezt a kódot pedig a szerkeszthető fejlécbe kell tenni! Ha ez megvan, akkor jöhet a CSS kód átírása.

 

DIV kód

 

<div id="fejlecen-tartalom">IDE JÖN A FEJLÉCRE HELYEZETT TARTALOM (chat, friss képek, stb...)</div>

 

CSS kódja

 

<style type="text/css">
#fejlecen-tartalom{
width: 550px; /* ezzel adod meg a tartalom szélességét. */
height: 350px; /* ezzel adod meg a tartalom magasságát. */
position: absolute; /* ez marad */
margin-left: auto; /* ez marad */
margin-right: auto; /* ez marad */
margin-left: 350px; /* ezzel állítod be, hogy balról mennyivel dobja el a tartalmat a CSS */
margin-top: 30px; /* fentről lefelé dobja el a tartalmat a CSS */
}
--></style>


1 813 megtekintés

Hozzászólások