Cikkajánló
Ez a tartalom regisztrációhoz kötött. Ha már regisztrált tag vagy, akkor a Bejelentkezés alatt tudsz belépni, ellenkező esetben regisztrálnod kell a tartalom megtekintéséhez.Regisztrált felhasználó belépéseFelhasználónévJelszó Emlékezzen rám  RegisztrációFelhasználónév*Email cím*E-mail cím újra*Honlap**Kötelezően
A cím kérdésére az őszinte válasz az lenne, hogy akármennyi, mert mindenki saját maga dönti el, hogy mennyi honlapot szeretne szerkeszteni. Ez jogos is, de az én véleményem ettől
8. rész   Ebben a részben a column_main azaz a G-Portálon lévő középső modullal ismerkedhettek meg. Lásd a cikk alatt a képen a középső világos színű modult. Ezt a
Emma Roberts G-Portálos téma Instagram doboz weboldalra Project dobozok és egy Elit csere effekt Elit csere effekt szöveggel és képekkel Lana Del Rey és Kylie Jenner G-Portálos témák
2016. január. 21.
Középső modulnak görgetősáv G-Portálon

A napokban kaptam egy kérdést arról, hogyan lehet azt megcsinálni, hogy a középső modul görgethető lehessen. De csak a középső modul. Bevallom én eddig ennek nem néztem semmilyen formában utána, mert nem igazán foglalkoztatott a dolog, ezért is írtam azt, hogy nem megoldható. Bocsánat. De mivel volt kérdés róla, így elhoztam ennek is a leírását, ami természetesen eddig sehol máshol nem volt meg, és persze megoldható a dolog :). A CSS kódnak itt most csak azt a részét emelem ki, amitől görgethető lesz a középső modul. A teljes téma természetesen letölthető innen.

 


megnézem / letöltöm

 

CSS kód

 

td.sitecol:nth-child(2) {
background: transparent;
position: relative;
top: 40px !important;
}
.column_main_td {
background: transparent;
padding: 0 !important;
overflow-y: scroll;
overflow-x: hidden;
height: 615px !important;
position: absolute;
}

 

Leírás

 

td.sitecol:nth-child(2)
a top egy olyan érték, amivel az egész középső modul lejjebb kerül x értékkel. Ez azért jó, mert így nem egyből a csúnya, fekete G-Portálos csík alatt fog kezdődni, hanem lejjebb attól. Viszont, ha ezt lejjebb dobjátok, akkor célszerű a szélső modult is ugyanennyivel lejjebb dobni, hogy szép legyen :) Ahhoz ez a kód kell:

 

.column_side_td {
padding: 40px 10px 0 0 !important;
}

 

.column_main_td
background: transparent; – célszerű átlátszóvá tenni
padding: 0 !important; – ez is ajánlott beállítás
overflow-y: scroll; – ettől fog gördülni a modul szélén
overflow-x: hidden; – ettől nem gördül a modul alján
height: 615px !important; – ilyen magas a görgethető modul
width: 600px !important; – ilyen széles a modul
position: absolute; – ez kell, mert különben nem lesz görgethető a modul

 

Ha használni fogtok szélső modult is, mint a képen, akkor ajánlott úgy beállítani, hogy a két modul egyforma magas legyen. Innen pedig már csak a képzelet és a CSS kód tudása szab határt, hogy mit hoztok ki a portálotokból :) Persze a G-Portálos reklám csúnyít azért rajta, de ez nem a világ vége ;) Ha pedig van AdBlock bővítmény telepítve a böngészőben, akkor a reklámok nem fognak látszani. (egyelőre ilyen reklámok vannak a GP-n)

 


megnézem

Kapcsolódó bejegyzések

lindadesign
629 megtekintés

Előző, következő cikk

Emilia Clarke WordPress sablon

Elkészültem egy WordPress sablonnal, mert már olyan régen nem csináltam ilyet. A sablon ingyenes, bárki letöltheti, nem kell hozzá regisztrálni sem. A sablon kódokkal tartalmazza a következőket, ami azt jelenti, hogy nem kell bővítményt telepíteni:   bele van építve

Táblázat készítése

A legegyszerűbben úgy tudtok táblázatot készíteni akár WordPress-ben akár G-Portálon vagy olyan szolgáltatónál, ahol tartalomkezelő van, hogy a forráskódban dolgoztok és így hozzátok létre a táblázatot és írjátok meg hozzá a CSS kódot is. Lejjebb találtok minta táblázatot kóddal,

 

Hozzászólások