Cikkajánló
Újabb teljes kinézetet készítettem G-Portál-ra. A design átalakítható, de minden esetben kötelező a forrás feltüntetése linkelve. Ezzel együtt Emilia Clarke-os .png képek is készültek összesen 22 darab, amiket pedig
Az ingyenesen letölthető Sosugary galéria mellett, ha egyedi saját Sosugary galéria kinézetet szeretnétek, akkor idén (az-az december 31-ig) ingyen lehet megrendelni tőlem. Vagy is, aki ezután rendeli meg, attól
Valamivel meg kell tölteni a főoldal bejegyzéseit, hogy ne legyen olyan üres, amíg vissza nem térek a frissítésekhez, így leírok pár dolgot, hogy mik változtak most, hogy új oldalon
Blog téma G-Portálra 2.0 Betűtípus kereső Teszteld oldalad felbontását URL cím értelmezése CSS kód beillesztése G-Portálra
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

lindadesign Hozzászólások
584 megtekintés

Hozzászólások