Cikkajánló
Sziasztok. Nem nagyon szoktam ilyesmit csinálni, de muszáj megosztanom veletek Virág egyik nagyon jó kis szövegdobozát. Tisztára beleszerettem. Nagyon tetszik és tök egyedi :) És még van az oldalán
Hogy mi is ez? Ez egy olyan kicsi button, amit csak a WordPress-be való bejelentkezés után lát a szerkesztő. Minden bejegyzésbe és oldalakba be lehet tenni, ami arra jó,
Eddig nem igazán volt nyilvános, hogy készítek rendelésre design-t, de mivel mostanában elég sokat rendeltetek, így nyilvánossá is teszem. Szóval lehet rendelni design-t. Az oldalsávban el is készült a
Sosugary Gallery | Jennifer Lawrence téma Szövegdoboz | Kattintásra kijelöli és másolja a szöveget Ingyenes téma | Coppermine Gallery free theme Prémium téma | Sophie Turner WordPress theme WordPress | Letöltés számláló
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
621 megtekintés

Hozzászólások