2017. 11. 27.Coppermine | Egérre felugró ablak tartalmának megváltoztatása
2017. 11. 26.GIF készítése egy pillanat alatt
2017. 11. 26.FREE theme | Dakota Johnson WordPress theme
2017. 11. 25.WordPress alapvető használata
2017. 11. 24.Ingyenes | Eliza Taylor G-Portálos téma
009.png

Eliza Taylor

001.png

Little Mix

040.png

Gal Gadot

008.png

Girls' Generation

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 591 megtekintés

Hozzászólások