Az oldal menüje
 
Az év weboldala - 2013


Photoshop leírások

Ikonbázis
Galéria
 

 
Címkék

A blogban leggyakrabban használt címkék

 

Neko

CSS kód a G-Portálon
CSS kód a G-Portálon : Középső modul teljes átalakítása CSS-sel

Középső modul teljes átalakítása CSS-sel


Ez a CSS kód csak a középső modulokra hat! Mindent meglehet benne változtatni, mint eddig. Lehet a linkeffekt, képeffekt, modul színe, szöveg színe is teljesen más, mint a szélső modulokban. A jobb és bal oldali modulokra ez a kód nem jó. A szélső modulokra készült CSS kódokat itt találjátok:

CSS kód leírása

Itt tudod azt beállítani, hogy a középső modul például a lap tetejétől mennyivel lejjebb helyezkedjen el.

.column_main {
        padding-left: 20px;
        padding-top: 320px; }

Ebben a kódrészben a modulfejlécet tudod állítani. Ugyan úgy kell használni, mint eddig a sima td.modtitle-t.

.column_main td.modtitle {
        font-family: tahoma;
        text-align: left;
        font-size: 11px;
        letter-spacing: 2px;
        color: #ffffff;
        padding: 3px 0px 3px 10px;
        text-transform: uppercase;
        background-color: #000000;
        border-bottom: 1px solid #000000;
        filter:alpha(opacity=40);
        -moz-opacity:0.4;
        opacity: 0.4; }

A következő kódrész a modbody. Ugyan az, mint eddig a sima td.modbody, csak ez egyedül a középső modulokra hat.

.column_main td.modbody {
        background-color: #1E1E1E;
        font-family: book antiqua;
        font-size: 16px;
        color: #7A7A7A;
        line-height: 18px;
        text-align: justify; }

Aztán következik a linkeffekt a modulban

.column_main a:link, .column_main a:visited {
        color: #F9E0BB;
        font-family: book antiqua;
        text-decoration: none; }

.column_main a:hover {
        color: #E46F6B;
        font-family: book antiqua;
        border-bottom: 1px solid #F9E0BB;
        text-decoration: none;
        cursor: default; }

Ez a kód a sima képekre ható, nem a linkelt képekre!

.column_main img {
        filter: alpha(opacity=70); /* Kép elhalványítása */
        opacity: .7; /* Kép elhalványítása */ }

.column_main img:hover {
        cursor: default;
        filter: alpha(opacity=1000); /* Kép elhalványítása */
        opacity: 10; /* Kép elhalványítása */ }

Végezetül pedig a linkelt képekre ható CSS rész

.column_main a:link img, .column_main a:visited img {
        background-color: #AE4646;
        padding: 8px;
        border: 0px; /* képnek keret */
        filter: alpha(opacity=90); /* Kép elhalványítása */
        opacity: .9; /* Kép elhalványítása */ }

.column_main a:hover img {
        background-color: #1E1E1E;
        padding: 8px;
        border: 0px; /* képnek keret */
        filter: alpha(opacity=60); /* Kép elhalványítása */
        opacity: .6; /* Kép elhalványítása */ }

CSS kód

<style type="text/css">
.column_main {
        padding-left: 20px;
        padding-top: 320px; /* itt tudod azt beállítani, hogy
}

.column_main td.modtitle {
        font-family: tahoma;
        text-align: left;
        font-size: 11px;
        letter-spacing: 2px;
        color: #ffffff;
        padding: 3px 0px 3px 10px;
        text-transform: uppercase;
        background-color: #000000;
        border-bottom: 1px solid #000000;
        filter:alpha(opacity=40);
        -moz-opacity:0.4;
        opacity: 0.4;
}

.column_main td.modbody {
        background-color: #1E1E1E;
        font-family: book antiqua;
        font-size: 16px;
        color: #7A7A7A;
        line-height: 18px;
        text-align: justify;
}

.column_main a:link, .column_main a:visited {
        color: #F9E0BB;
        font-family: book antiqua;
        background-color: #;
        text-decoration: none;
}

.column_main a:hover {
        color: #E46F6B;
        font-family: book antiqua;
        border-bottom: 1px solid #F9E0BB;
        text-decoration: none;
        cursor: default;
}

.column_main img {
        filter: alpha(opacity=70); /* Kép elhalványítása */
        opacity: .7; /* Kép elhalványítása */
}

.column_main img:hover {
        cursor: default;
        filter: alpha(opacity=1000); /* Kép elhalványítása */
        opacity: 10; /* Kép elhalványítása */
}

.column_main a:link img, .column_main a:visited img {
        background-color: #AE4646;
        padding: 8px;
        border: 0px; /* képnek keret */
        filter: alpha(opacity=90); /* Kép elhalványítása */
        opacity: .9; /* Kép elhalványítása */
}

.column_main a:hover img {
        background-color: #1E1E1E;
        padding: 8px;
        border: 0px; /* képnek keret */
        filter: alpha(opacity=60); /* Kép elhalványítása */
        opacity: .6; /* Kép elhalványítása */
}
-->
</style>

Még nincs hozzászólás.
Csak regisztrált felhasználók írhatnak hozzászólást.
 

too young and innocent | an aegyo queen | twice | neo culture technology    *****    LÉGY A MAGAD ASZTROLÓGUSA! Regisztrálj oldalamra és én segítelek elsajátítani az asztrológia tudományát!    *****    Tanuld nálam az asztrológiát teljesen ingyen, vagy kérj részletes asztrológiai elemzést &#8222;BECSÜLET KASSZÁS&#8221; alapon!    *****    Új lovas szerepjáték! * Új lovas szerepjáték! * Lépj be a lovak csodálatos világába! Nevelj te is nálunk!    *****    Születési horoszkóp,3 év elõrejelzés,párkapcsolati elemzés ingyenes konzultáció,tájékoztatás az oldalon! kattints ide!!!    *****    Bûbájos Boszorkák - Charmed - Hírek - Extrák - Érdekességek - Charmed - Bûbájos boszorkák - Sok - sok infó - Charmed -    *****    Pénzkeresés az Interneten! Csak is kipróbáld, tesztelt módszerekkel, melyek tényleg fizetnek!    *****    Légy te is Farmasi tanácsadó! Kötetlen munka, befektetés nékül, minõségi termékek, jó kereseti lehetõség!    *****    Sztárok/Bulvár: Tudj meg friss pletykákat, híreket. Katt!    *****    Outsider - Gay - Creative - Rebel - Tolerant - Furry - Brony - Hipster - Gamer - Otherkin - Geek - Autistic    *****    Xtina Hungary - Minden, ami Christina Aguilera!    *****    Légy Te is AVON tanácsadó *** Nyereményjátékok *** Kereseti lehetõség *** Vásárolj kedvezményesen AVON termékeket!    *****    Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj! *** Nyerj ajándékszettet! Töltsd ki a kérdõívet és nyerj!    *****    Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár - Jófogás Játékvásár     *****    FRPG &#9679; FANTASY SZEREPJÁTÉK &#9679;&#12300;&#914;&#923;SM&#923;IW&#12301; &#9679; FANTASY SZEREPJÁTÉK &#9679; EGY SZIGET + 24 MÁGUS &#9679; FANTASY SZEREPJÁT&Eacut    *****    Itt megtalálhatod a legfrissebb híreket, cikkeket, képeket a Golden Globe- és Oscar-díjas színésznõrõl! Katt!    *****    Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok - Furry Fandom - Antropomorf Állatok    *****    Légy Te is AVON tanácsadó *** AVON termékek *** Kereseti lehetõség *** Értékesítõ kollégákat keresek *** sminkek    *****    Esküvõi meghívók! Mindegyik kézzel készült, egyedi. Gyere, nézd meg az oldalamat.    *****    A legfrissebb Anime hírek , mindennap anime ajánló , mondocon képek , és hírek. Csatlakozz közösségünkhöz!