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

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


635 megtekintés

Hozzászólások