2018. 04. 18.Videó | PNG készítése Photoshop-ban
2018. 04. 17.Coppermine | Eredeti kép megnyitása új lapon és nem új ablakban
2018. 04. 03.Képről szöveg másolása
2018. 04. 02.Coppermine Galéria költöztetése
2018. 04. 01.Gif készítése Photoshop-ban
Coppermine Gallery themes

Coppermine Gallery themes
74 napja
110 néző

WordPress themes

WordPress themes
75 napja
113 néző

G-Portál themes

G-Portál themes
75 napja
67 néző

Tumblr themes

Tumblr themes
75 napja
98 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 684 megtekintés

Hozzászólások