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
75 napja
110 néző

WordPress themes

WordPress themes
76 napja
114 néző

G-Portál themes

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

Tumblr themes

Tumblr themes
76 napja
98 néző

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


664 megtekintés

Hozzászólások